Class ScatterChartBuilder

כלי ליצירת תרשימיפיזור

כלי ליצירת תרשימי פיזור. פרטים נוספים זמינים במסמכי העזרה של Google Charts.

הנה דוגמה ליצירת תרשים פיזור. הנתונים מיובאים מגיליון אלקטרוני של Google.

// Get sample data from a spreadsheet.
const dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=C1%3AD' +
    '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=4&headers=-1';

const 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);

const chart = chartBuilder.build();

Methods

שיטה	סוג הערך המוחזר	תיאור קצר
build()	Chart	יצירת התרשים.
setBackgroundColor(cssValue)	ScatterChartBuilder	הגדרת צבע הרקע של התרשים.
setColors(cssValues)	ScatterChartBuilder	הגדרת הצבעים של השורות בתרשים.
setDataSourceUrl(url)	ScatterChartBuilder	הגדרת כתובת ה-URL של מקור הנתונים שמשמש לשליפת נתונים ממקור חיצוני, כמו Google Sheets.
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
const 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.
const builder = Charts.newLineChart();
builder.setColors(['green', 'red']);

פרמטרים

שם	סוג	תיאור
cssValues	String[]	מערך של ערכי CSS של צבעים, כמו ["red", "#acf"]. האלמנט ה-n במערך מייצג את הצבע של הקו ה-n בתרשים.

חזרה

ScatterChartBuilder — ה-builder הזה שימושי לשרשור.

---

setDataSourceUrl(url)

הגדרת כתובת ה-URL של מקור הנתונים שמשמש לשליפת נתונים ממקור חיצוני, כמו Google Sheets. אם מציינים כתובת 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.
const 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.
const textStyleBuilder =
    Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
const style = textStyleBuilder.build();
const builder = Charts.newLineChart();
builder.setLegendTextStyle(style);

פרמטרים

שם	סוג	תיאור
textStyle	TextStyle	סגנון הטקסט שישמש את כותרת התרשים.

חזרה

ScatterChartBuilder — ה-builder הזה שימושי לשרשור.

---

setOption(option, value)

הגדרת אפשרויות מתקדמות לתרשים הזה. האפשרויות הזמינות לתרשים הזה אם האפשרות שצוינה לא חוקית, אין להשפעה על השיטה הזו.

// Build a scatter chart with a 1-second animation duration.
const builder = Charts.newScatterChart();
builder.setOption('animation.duration', 1000);
const chart = builder.build();

פרמטרים

שם	סוג	תיאור
option	String	האפשרות להגדרה.
value	Object	הערך להגדרה.

חזרה

ScatterChartBuilder — ה-builder הזה שימושי לשרשור.

---

setPointStyle(style)

הגדרת הסגנון של הנקודות בשורה. כברירת מחדל, לנקודות אין סגנונות ספציפיים, ורק הקו גלוי.

// Creates a line chart builder and sets large point style.
const builder = Charts.newLineChart();
builder.setPointStyle(Charts.PointStyle.LARGE);

פרמטרים

שם	סוג	תיאור
style	PointStyle	הסגנון שבו נעשה שימוש בנקודות בקו.

חזרה

ScatterChartBuilder — ה-builder הזה שימושי לשרשור.

ראה גם

• PointStyle

---

setTitle(chartTitle)

הגדרת כותרת התרשים. הכותרת מוצגת במרכז מעל התרשים.

// Creates a line chart builder and title to 'My Line Chart'.
const 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.
const textStyleBuilder =
    Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
const style = textStyleBuilder.build();
const 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.
const 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.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const 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.
const 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.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const 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.
const 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.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const 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.
const 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.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const builder = Charts.newLineChart();
builder.setYAxisTitleTextStyle(textStyle);

פרמטרים

שם	סוג	תיאור
textStyle	TextStyle	סגנון הטקסט שישמש לכותרת של הציר האופקי. אפשר ליצור אובייקט TextStyleBuilder באמצעות קריאה ל-Charts.newTextStyle().

חזרה

ScatterChartBuilder — ה-builder הזה שימושי לשרשור.