כלי לבניית תרשימי עוגה. מידע נוסף זמין במשאבי העזרה של Google Tables.
כאן מוצגת דוגמה שממחישה איך ליצור תרשים עוגה. הנתונים מיובאים מגיליון אלקטרוני של Google.
// Get sample data from a spreadsheet. var dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=A1%3AB8' + '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=3&headers=-1'; var chartBuilder = Charts.newPieChart() .setTitle('World Population by Continent') .setDimensions(600, 500) .set3D() .setDataSourceUrl(dataSourceUrl); var chart = chartBuilder.build();
שיטות
שיטה | סוג הערך שמוחזר | תיאור קצר |
---|---|---|
build() | Chart | בונה את התרשים. |
reverseCategories() | PieChartBuilder | הופכת את ציור הסדרות בציר הדומיין. |
set3D() | PieChartBuilder | מגדיר את התרשים לתלת ממד. |
setBackgroundColor(cssValue) | PieChartBuilder | הגדרת צבע הרקע של התרשים. |
setColors(cssValues) | PieChartBuilder | הגדרת צבעי הקווים בתרשים. |
setDataSourceUrl(url) | PieChartBuilder | מגדירה את כתובת ה-URL של מקור הנתונים לצורך שליפת נתונים ממקור חיצוני, כמו Google Sheets. |
setDataTable(tableBuilder) | PieChartBuilder | מגדיר את טבלת הנתונים לשימוש בתרשים באמצעות DataTableBuilder. |
setDataTable(table) | PieChartBuilder | מגדיר את טבלת הנתונים שמכילה את הקווים של התרשים ואת התוויות של ציר ה-X. |
setDataViewDefinition(dataViewDefinition) | PieChartBuilder | מגדיר את ההגדרה של תצוגת הנתונים לשימוש בתרשים. |
setDimensions(width, height) | PieChartBuilder | מגדיר את מידות התרשים. |
setLegendPosition(position) | PieChartBuilder | הגדרת המיקום של המקרא ביחס לתרשים. |
setLegendTextStyle(textStyle) | PieChartBuilder | הגדרת סגנון הטקסט במקרא של התרשים. |
setOption(option, value) | PieChartBuilder | מגדיר אפשרויות מתקדמות לתרשים הזה. |
setTitle(chartTitle) | PieChartBuilder | הגדרת כותרת התרשים. |
setTitleTextStyle(textStyle) | PieChartBuilder | הגדרת סגנון הטקסט של כותרת התרשים. |
תיעוד מפורט
build()
בונה את התרשים.
החזרות
Chart
- אובייקט תרשים, שאפשר להטמיעו במסמכים וברכיבי ממשק משתמש ולהשתמש בו כתמונה סטטית.
reverseCategories()
הופכת את ציור הסדרות בציר הדומיין. בתרשימים של טווח אנכי (כמו תרשימי קו, תרשימי שטח או עמודות), המשמעות היא שהציר האופקי משורטט מימין לשמאל. בתרשימים בטווח אופקי (כמו תרשימי עמודות), הציר האנכי משורטט מלמעלה למטה. בתרשימי עוגה, המשמעות היא שהפרוסות משורטטות נגד כיוון השעון.
// Creates a pie chart builder and sets drawing of the slices in a counter-clockwise manner. var builder = Charts.newPieChart(); builder.reverseCategories();
החזרות
PieChartBuilder
– הכלי הזה – שימושי ליצירת שרשורים.
set3D()
setBackgroundColor(cssValue)
הגדרת צבע הרקע של התרשים.
// Creates a line chart builder and sets the background color to gray var builder = Charts.newLineChart(); builder.setBackgroundColor("gray");
פרמטרים
שם | תיאור | התיאור |
---|---|---|
cssValue | String | ערך ה-CSS של הצבע (למשל "blue" או "#00f" ). |
החזרות
PieChartBuilder
– הכלי הזה – שימושי ליצירת שרשורים.
setColors(cssValues)
הגדרת צבעי הקווים בתרשים.
// Creates a line chart builder and sets the first two lines to be drawn in green and red, // respectively. var builder = Charts.newLineChart(); builder.setColors(["green", "red"]);
פרמטרים
שם | תיאור | התיאור |
---|---|---|
cssValues | String[] | מערך של ערכי CSS של צבע, כמו ["red", "#acf"] . רכיב ה-n במערך מייצג את הצבע של קו ה-n בתרשים. |
החזרות
PieChartBuilder
– הכלי הזה – שימושי ליצירת שרשורים.
setDataSourceUrl(url)
מגדירה את כתובת ה-URL של מקור הנתונים לצורך שליפת נתונים ממקור חיצוני, כמו Google Sheets. אם תספקו כתובת URL של מקור נתונים ו-DataTable, המערכת תתעלם מכתובת ה-URL של מקור הנתונים.
מידע נוסף על שאילתות לגבי מקורות נתונים זמין במסמכי התיעוד של Google Graph.
פרמטרים
שם | תיאור | התיאור |
---|---|---|
url | String | כתובת ה-URL של מקור הנתונים, כולל הפרמטרים של השאילתה. |
החזרות
PieChartBuilder
– הכלי הזה – שימושי ליצירת שרשורים.
setDataTable(tableBuilder)
מגדיר את טבלת הנתונים לשימוש בתרשים באמצעות DataTableBuilder. זוהי שיטה נוחה להגדרת טבלת הנתונים בלי להתקשר אל build()
.
פרמטרים
שם | תיאור | התיאור |
---|---|---|
tableBuilder | DataTableBuilder | כלי לבניית טבלאות נתונים. טבלת נתונים חדשה נוצרת באופן מיידי כחלק מהקריאה הזו, כך שעדכונים נוספים בכלי לא יופיעו בתרשים. |
החזרות
PieChartBuilder
– הכלי הזה – שימושי ליצירת שרשורים.
setDataTable(table)
מגדיר את טבלת הנתונים שמכילה את הקווים של התרשים ואת התוויות של ציר ה-X. העמודה הראשונה צריכה להיות מחרוזת ולהכיל את התוויות של הציר האופקי. אחרי מספר העמודות יכולות להופיע כל העמודות, וכולן צריכות להכיל ערכים מספריים. כל עמודה מוצגת בשורה נפרדת.
פרמטרים
שם | תיאור | התיאור |
---|---|---|
table | DataTableSource | טבלת הנתונים לשימוש בתרשים. |
החזרות
PieChartBuilder
– הכלי הזה – שימושי ליצירת שרשורים.
setDataViewDefinition(dataViewDefinition)
מגדיר את ההגדרה של תצוגת הנתונים לשימוש בתרשים.
פרמטרים
שם | תיאור | התיאור |
---|---|---|
dataViewDefinition | DataViewDefinition | אובייקט של הגדרה של תצוגת נתונים, שמגדיר את התצוגה שאמורה להיות נגזרת ממקור הנתונים הנתון לשרטוט התרשים. |
החזרות
PieChartBuilder
– הכלי הזה – שימושי ליצירת שרשורים.
setDimensions(width, height)
מגדיר את מידות התרשים.
פרמטרים
שם | תיאור | התיאור |
---|---|---|
width | Integer | רוחב התרשים, בפיקסלים. |
height | Integer | גובה התרשים, בפיקסלים. |
החזרות
PieChartBuilder
– הכלי הזה – שימושי ליצירת שרשורים.
setLegendPosition(position)
הגדרת המיקום של המקרא ביחס לתרשים. כברירת מחדל, אין מקרא.
// Creates a line chart builder and sets the legend position to right. var builder = Charts.newLineChart(); builder.setLegendPosition(Charts.Position.RIGHT);
פרמטרים
שם | תיאור | התיאור |
---|---|---|
position | Position | המיקום של המקרא. |
החזרות
PieChartBuilder
– הכלי הזה – שימושי ליצירת שרשורים.
setLegendTextStyle(textStyle)
הגדרת סגנון הטקסט במקרא של התרשים.
// Creates a line chart builder and sets it up for a blue, 26-point legend. var textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26); var style = textStyleBuilder.build(); var builder = Charts.newLineChart(); builder.setLegendTextStyle(style);
פרמטרים
שם | תיאור | התיאור |
---|---|---|
textStyle | TextStyle | סגנון הטקסט לשימוש במקרא של התרשים. |
החזרות
PieChartBuilder
– הכלי הזה – שימושי ליצירת שרשורים.
setOption(option, value)
מגדיר אפשרויות מתקדמות לתרשים הזה. כדאי לעיין באפשרויות הזמינות בתרשים הזה. לשיטה הזו אין השפעה אם האפשרות הנתונה אינה חוקית.
// Build a pie chart with a pretty legend. var builder = Charts.newPieChart(); builder.setOption('legend', {textStyle: {color: 'blue', fontSize: 16}}); var chart = builder.build();
פרמטרים
שם | תיאור | התיאור |
---|---|---|
option | String | אפשרות ההגדרה. |
value | Object | הערך שיש להגדיר. |
החזרות
PieChartBuilder
– הכלי הזה – שימושי ליצירת שרשורים.
setTitle(chartTitle)
הגדרת כותרת התרשים. הכותרת מוצגת במרכז התרשים.
// Creates a line chart builder and title to 'My Line Chart'. var builder = Charts.newLineChart(); builder.setTitle('My Line Chart')
פרמטרים
שם | תיאור | התיאור |
---|---|---|
chartTitle | String | את כותרת התרשים. |
החזרות
PieChartBuilder
– הכלי הזה – שימושי ליצירת שרשורים.
setTitleTextStyle(textStyle)
הגדרת סגנון הטקסט של כותרת התרשים.
// Creates a line chart builder and sets it up for a blue, 26-point title. var textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26); var style = textStyleBuilder.build(); var builder = Charts.newLineChart(); builder.setTitleTextStyle(style);
פרמטרים
שם | תיאור | התיאור |
---|---|---|
textStyle | TextStyle | סגנון הטקסט שישמש לכותרת התרשים. ניתן ליצור אובייקט TextStyleBuilder על ידי קריאה ל-Charts.newTextStyle() . |
החזרות
PieChartBuilder
– הכלי הזה – שימושי ליצירת שרשורים.