Builder לתרשימי פיזור. מידע נוסף זמין במסמכי התיעוד של Google Charts.
הדוגמה הבאה ממחישה איך ליצור תרשים פיזור. הנתונים מיובאים מגיליון אלקטרוני של Google.
// Get sample data from a spreadsheet. var dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=C1%3AD' + '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=4&headers=-1'; var chartBuilder = Charts.newScatterChart() .setTitle('Adjusted GDP & U.S. Population') .setXAxisTitle('U.S. Population (millions)') .setYAxisTitle('Adjusted GDP ($ billions)') .setDimensions(600, 500) .setLegendPosition(Charts.Position.NONE) .setDataSourceUrl(dataSourceUrl); var chart = chartBuilder.build();
שיטות
שיטה | סוג הערך המוחזר | תיאור קצר |
---|---|---|
build() | Chart | יצירת התרשים. |
setBackgroundColor(cssValue) | ScatterChartBuilder | הגדרת צבע הרקע של התרשים. |
setColors(cssValues) | ScatterChartBuilder | הגדרת הצבעים של הקווים בתרשים. |
setDataSourceUrl(url) | ScatterChartBuilder | מגדיר את כתובת ה-URL של מקור הנתונים שמשמש לשליפת נתונים ממקור חיצוני, כמו Google גיליונות |
setDataTable(tableBuilder) | ScatterChartBuilder | מגדירה את טבלת הנתונים שתשמש את התרשים באמצעות DataTableBuilder. |
setDataTable(table) | ScatterChartBuilder | מגדיר את טבלת הנתונים שמכילה את הקווים של התרשים, ואת התוויות של ציר ה-X. |
setDataViewDefinition(dataViewDefinition) | ScatterChartBuilder | מגדיר את ההגדרה של תצוגת הנתונים שתשמש את התרשים. |
setDimensions(width, height) | ScatterChartBuilder | מגדיר את המימדים של התרשים. |
setLegendPosition(position) | ScatterChartBuilder | מגדיר את המיקום של המקרא ביחס לתרשים. |
setLegendTextStyle(textStyle) | ScatterChartBuilder | מגדיר את סגנון הטקסט של מקרא התרשים. |
setOption(option, value) | ScatterChartBuilder | מגדיר אפשרויות מתקדמות לתרשים הזה. |
setPointStyle(style) | ScatterChartBuilder | מגדיר את הסגנון של נקודות בקו. |
setTitle(chartTitle) | ScatterChartBuilder | מגדיר את שם התרשים. |
setTitleTextStyle(textStyle) | ScatterChartBuilder | מגדיר את סגנון הטקסט של כותרת התרשים. |
setXAxisLogScale() | ScatterChartBuilder | הופך את הציר האופקי לסולם לוגריתמי (כל הערכים צריכים להיות חיוביים). |
setXAxisRange(start, end) | ScatterChartBuilder | מגדיר את הטווח של הציר האופקי של התרשים. |
setXAxisTextStyle(textStyle) | ScatterChartBuilder | מגדיר את סגנון הטקסט של הציר האופקי. |
setXAxisTitle(title) | ScatterChartBuilder | הוספת כותרת לציר האופקי. |
setXAxisTitleTextStyle(textStyle) | ScatterChartBuilder | מגדיר את סגנון הטקסט של הכותרת של הציר האופקי. |
setYAxisLogScale() | ScatterChartBuilder | הופך את הציר האנכי לסולם לוגריתמי (כל הערכים צריכים להיות חיוביים). |
setYAxisRange(start, end) | ScatterChartBuilder | מגדיר את הטווח של הציר האנכי של התרשים. |
setYAxisTextStyle(textStyle) | ScatterChartBuilder | הגדרת סגנון הטקסט של הציר האנכי. |
setYAxisTitle(title) | ScatterChartBuilder | הוספת כותרת לציר האנכי. |
setYAxisTitleTextStyle(textStyle) | ScatterChartBuilder | הגדרת סגנון הטקסט של הכותרת של הציר האנכי. |
מסמכי תיעוד מפורטים
build()
יצירת התרשים.
חזרה
Chart
- אובייקט תרשים שאפשר להטמיע במסמכים, ברכיבי ממשק משתמש או להשתמש בו כאובייקט סטטי
תמונה.
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" ). |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
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 בתרשים. |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
setDataSourceUrl(url)
מגדיר את כתובת ה-URL של מקור הנתונים שמשמש לשליפת נתונים ממקור חיצוני, כמו Google גיליונות אם סופקו כתובת URL של מקור נתונים ו-DataTable, המערכת מתעלמת מכתובת ה-URL של מקור הנתונים.
מידע נוסף על שליחת שאילתות למקורות נתונים זמין במסמכי התיעוד של Google Charts.
פרמטרים
שם | סוג | תיאור |
---|---|---|
url | String | כתובת ה-URL של מקור הנתונים, כולל הפרמטרים של השאילתה. |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
setDataTable(tableBuilder)
מגדירה את טבלת הנתונים שתשמש את התרשים באמצעות DataTableBuilder. זוהי שיטה נוחה
להגדרת טבלת הנתונים בלי שתצטרכו לקרוא ל-build()
.
פרמטרים
שם | סוג | תיאור |
---|---|---|
tableBuilder | DataTableBuilder | כלי לבניית טבלאות נתונים טבלת נתונים חדשה נוצרת באופן מיידי כחלק כך שעדכונים נוספים ב-builder לא יבואו לידי ביטוי בתרשים. |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
setDataTable(table)
מגדיר את טבלת הנתונים שמכילה את הקווים של התרשים, ואת התוויות של ציר ה-X. העמודה הראשונה צריכה להיות מחרוזת ולהכיל את התוויות של הציר האופקי. כל מספר של עמודות יכולים לעקוב, וכולם חייבים להיות מספריים. כל עמודה מוצגת כשורה נפרדת.
פרמטרים
שם | סוג | תיאור |
---|---|---|
table | DataTableSource | טבלת הנתונים שבה ייעשה שימוש עבור התרשים. |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
setDataViewDefinition(dataViewDefinition)
מגדיר את ההגדרה של תצוגת הנתונים שתשמש את התרשים.
פרמטרים
שם | סוג | תיאור |
---|---|---|
dataViewDefinition | DataViewDefinition | אובייקט של הגדרה של תצוגת נתונים שמגדיר את התצוגה שאמורה להיות נגזר ממקור הנתונים הנתון של שרטוט התרשים. |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
setDimensions(width, height)
מגדיר את המימדים של התרשים.
פרמטרים
שם | סוג | תיאור |
---|---|---|
width | Integer | רוחב התרשים, בפיקסלים. |
height | Integer | גובה התרשים, בפיקסלים. |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
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 | המיקום של המקרא. |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
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 | סגנון הטקסט לשימוש במקרא של התרשים. |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
setOption(option, value)
מגדיר אפשרויות מתקדמות לתרשים הזה. אלה האפשרויות הזמינות עבור מהתרשים הזה. לשיטה הזו אין השפעה אם האפשרות הנתונה לא חוקית.
// Build a scatter chart with a 1-second animation duration. var builder = Charts.newScatterChart(); builder.setOption('animation.duration', 1000); var chart = builder.build();
פרמטרים
שם | סוג | תיאור |
---|---|---|
option | String | האפשרות להגדיר. |
value | Object | הערך שיש להגדיר. |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
setPointStyle(style)
מגדיר את הסגנון של נקודות בקו. כברירת מחדל, לנקודות אין סגנונות מסוימים, ורק הקו גלוי.
// Creates a line chart builder and sets large point style. var builder = Charts.newLineChart(); builder.setPointStyle(Charts.PointStyle.LARGE);
פרמטרים
שם | סוג | תיאור |
---|---|---|
style | PointStyle | הסגנון לשימוש בנקודות בשורה. |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
ראה גם
setTitle(chartTitle)
מגדיר את שם התרשים. הכותרת מוצגת במרכז מעל התרשים.
// Creates a line chart builder and title to 'My Line Chart'. var builder = Charts.newLineChart(); builder.setTitle('My Line Chart')
פרמטרים
שם | סוג | תיאור |
---|---|---|
chartTitle | String | כותרת התרשים. |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
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() . |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
setXAxisLogScale()
הופך את הציר האופקי לסולם לוגריתמי (כל הערכים צריכים להיות חיוביים).
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
setXAxisRange(start, end)
מגדיר את הטווח של הציר האופקי של התרשים.
אם יש נקודות נתונים שנמצאות מחוץ לטווח, הטווח יורחב כך שיכלול את הנתונים האלה נקודות.
// Creates a scatter chart builder and sets the X-axis range to be 0 to 100. var builder = Charts.newTableChart(); builder.setXAxisRange(0, 100);
פרמטרים
שם | סוג | תיאור |
---|---|---|
start | Number | הערך של קו הרשת הנמוך ביותר של הציר האופקי. |
end | Number | הערך של קו הרשת הגבוה ביותר של הציר האופקי. |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
setXAxisTextStyle(textStyle)
מגדיר את סגנון הטקסט של הציר האופקי.
// Creates a line chart builder and sets the X-axis text style to blue, 18-point font. var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build(); var builder = Charts.newLineChart(); builder.setXAxisTextStyle(textStyle);
פרמטרים
שם | סוג | תיאור |
---|---|---|
textStyle | TextStyle | סגנון הטקסט לשימוש בכותרת של הציר האופקי. אפשר ליצור אובייקט TextStyleBuilder באמצעות קריאה ל-Charts.newTextStyle() . |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
setXAxisTitle(title)
הוספת כותרת לציר האופקי. הכותרת ממורכזת ומופיעה מתחת לערך של הציר תוויות.
// Creates a line chart builder and sets the X-axis title. var builder = Charts.newLineChart(); builder.setTitle('X-axis Title')
פרמטרים
שם | סוג | תיאור |
---|---|---|
title | String | הכותרת של ציר ה-X. |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
setXAxisTitleTextStyle(textStyle)
מגדיר את סגנון הטקסט של הכותרת של הציר האופקי.
// Creates a line chart builder and sets the X-axis title text style to blue, 18-point font. var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build(); var builder = Charts.newLineChart(); builder.setXAxisTitleTextStyle(textStyle);
פרמטרים
שם | סוג | תיאור |
---|---|---|
textStyle | TextStyle | סגנון הטקסט לשימוש בכותרת של הציר האופקי. אפשר ליצור אובייקט TextStyleBuilder באמצעות קריאה ל-Charts.newTextStyle() . |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
setYAxisLogScale()
הופך את הציר האנכי לסולם לוגריתמי (כל הערכים צריכים להיות חיוביים).
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
setYAxisRange(start, end)
מגדיר את הטווח של הציר האנכי של התרשים. אם נקודות נתונים כלשהן נמצאות מחוץ לטווח, הטווח יורחב כך שיכלול את הנקודות האלה על הגרף.
// Creates a scatter chart builder and sets the Y-axis range to be 0 to 100. var builder = Charts.newTableChart(); builder.setYAxisRange(0, 100);
פרמטרים
שם | סוג | תיאור |
---|---|---|
start | Number | הערך של קו הרשת הנמוך ביותר של הציר האנכי. |
end | Number | הערך של קו הרשת הגבוה ביותר של הציר האנכי. |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
setYAxisTextStyle(textStyle)
הגדרת סגנון הטקסט של הציר האנכי.
// Creates a line chart builder and sets the Y-axis text style to blue, 18-point font. var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build(); var builder = Charts.newLineChart(); builder.setYAxisTextStyle(textStyle);
פרמטרים
שם | סוג | תיאור |
---|---|---|
textStyle | TextStyle | סגנון הטקסט לשימוש בכותרת של הציר האופקי. אפשר ליצור אובייקט TextStyleBuilder באמצעות קריאה ל-Charts.newTextStyle() . |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
setYAxisTitle(title)
הוספת כותרת לציר האנכי. הכותרת ממורכזת ומופיעה מימין לערך תוויות.
// Creates a line chart builder and sets the Y-axis title. var builder = Charts.newLineChart(); builder.setYAxisTitle('Y-axis Title')
פרמטרים
שם | סוג | תיאור |
---|---|---|
title | String | הכותרת של ציר ה-Y. |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.
setYAxisTitleTextStyle(textStyle)
הגדרת סגנון הטקסט של הכותרת של הציר האנכי.
// Creates a line chart builder and sets the Y-axis title text style to blue, 18-point font. var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build(); var builder = Charts.newLineChart(); builder.setYAxisTitleTextStyle(textStyle);
פרמטרים
שם | סוג | תיאור |
---|---|---|
textStyle | TextStyle | סגנון הטקסט לשימוש בכותרת של הציר האופקי. אפשר ליצור אובייקט TextStyleBuilder באמצעות קריאה ל-Charts.newTextStyle() . |
חזרה
ScatterChartBuilder
– ה-builder הזה, שימושי ליצירת שרשורים.