אפשרויות תצורה של תרשים

סוגי תרשימים

אפשרויות הגדרה של תרשים הערות

שם
צבעים

הצבעים של הרכיבים בתרשים. מערך מחרוזות, כאשר כל רכיב הוא מחרוזת של צבע HTML, לדוגמה: colors:['red','#004411'].

סוג: מערך של מחרוזות
ברירת מחדל: צבעי ברירת מחדל
displayRangeSelector

הגדרה שקובעת אם להציג את האזור לבחירת טווח מרחק התצוגה (האזור בתחתית התרשים), כשהערך של false הוא 'לא'.

המתאר בבורר הזום הוא גרסה של קנה המידה ביומן של הסדרה הראשונה בתרשים, עם התאמה לגובה של בורר הזום.

סוג: boolean
ברירת המחדל: true
displayZoomButtons

הגדרה שקובעת אם להציג את לחצני הזום ('1d 5d 1m' וכן הלאה), כאשר false מציין 'לא'.

סוג: boolean
ברירת המחדל: true
מקסימלי

הערך המקסימלי להצגה בציר ה-Y. אם נקודת הנתונים המקסימלית חורגת מהערך הזה, המערכת תתעלם מההגדרה הזו ותתאים את התרשים כך שיציג את סימן האישור הראשי הבא מעל נקודת הנתונים המקסימלית. הערך הזה מקבל עדיפות על פני הערך המקסימלי של ציר ה-Y שנקבע על ידי scaleType.

המדד הזה דומה לערך maxValue בתרשימי ליבה.

סוג: number
ברירת מחדל: אוטומטי
דקה

הערך המינימלי להצגה בציר ה-Y. אם נקודת הנתונים המינימלית נמוכה מהערך הזה, המערכת תתעלם מההגדרה הזו ותתאים את התרשים כך שיוצג סימן האישור הראשי הבא מתחת לנקודת הנתונים המינימלית. הערך הזה מקבל עדיפות על פני הערך המינימלי של ציר ה-Y שנקבע על ידי scaleType.

המדד הזה דומה לערך minValue בתרשימי ליבה.

סוג: number
ברירת מחדל: אוטומטי

אפשרויות תצורה של תרשים שטח

שם
areaOpacity

רמת האטימות של ברירת המחדל של האזור הצבעוני מתחת לסדרה של תרשים שטח, שבה 0.0 הוא שקוף לחלוטין ו-1.0 הוא אטום מלא. כדי לציין שקיפות עבור סדרה בודדת, מגדירים את הערך areaOpacity במאפיין series.

סוג: number, 0.0- 1.0
ברירת המחדל: 0.3
backgroundColor

צבע הרקע של האזור הראשי בתרשים. יכולה להיות מחרוזת צבע פשוטה של HTML, לדוגמה: 'red' או '#00cc00', או אובייקט עם המאפיינים הבאים.

סוג: string או object
ברירת המחדל: 'white'
backgroundColor.fill

צבע המילוי של התרשים, כמחרוזת של צבע HTML.

סוג: string
ברירת המחדל: 'white'
chartArea

אובייקט עם חברים להגדרת המיקום והגודל של האזור בתרשים (שבו התרשים עצמו משורטט, לא כולל צירים ומקראים). יש שני פורמטים נתמכים: מספר או מספר ואחריו %. מספר פשוט הוא ערך בפיקסלים, ומספר ואחריו % הוא אחוז. דוגמה: chartArea:{left:20,top:0,width:'50%',height:'75%'}

סוג: object
ברירת המחדל: null
chartArea.backgroundColor
צבע רקע של אזור התרשים. כשמשתמשים במחרוזת, היא יכולה להיות מחרוזת הקסדצימלית (למשל, '#fdc') או שם של צבע באנגלית. כשמשתמשים באובייקט, אפשר לספק את המאפיינים הבאים:
  • stroke: הצבע, מסופק כמחרוזת הקסדצימלית או כשם של צבע באנגלית.
  • strokeWidth: אם צוין גבול, משרטטים גבול מסביב לאזור של הרוחב הנתון בתרשים (ובצבע stroke).
סוג: string או object
ברירת המחדל: 'white'
chartArea.height

גובה השטח של התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.left

המרחק מהגבול השמאלי לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.top

המרחק מהגבול העליון לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.width

רוחב שטח התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
צבעים

הצבעים של הרכיבים בתרשים. מערך מחרוזות, כאשר כל רכיב הוא מחרוזת של צבע HTML, לדוגמה: colors:['red','#004411'].

סוג: מערך של מחרוזות
ברירת מחדל: צבעי ברירת מחדל
hAxis

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
סוג: object
ברירת המחדל: null
hAxis.direction

כיוון הצמיחה של הערכים לאורך הציר האופקי. מציינים -1 כדי להפוך את סדר הערכים.

סוג: 1 או -1
ברירת המחדל: 1
hAxis.gridlines

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

{color: '#333', minSpacing: 20}

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
hAxis.gridlines.color

הצבע של קווי הרשת האופקיים בתוך שטח התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת המחדל: '#CCC'
hAxis.gridlines.count

המספר המשוער של קווי רשת אופקיים בתוך אזור התרשים. אם מציינים מספר חיובי ל-gridlines.count, הוא ישמש לחישוב minSpacing בין קווי הרשת. תוכלו לציין את הערך 1 כדי לשרטט רק קו רשת אחד, או 0 כדי לא לשרטט קווי רשת. מציינים את הערך -1, שהוא ברירת המחדל, כדי לחשב אוטומטית את מספר קווי הרשת על סמך אפשרויות אחרות.

סוג: number
ברירת המחדל: -1
hAxis.logScale

המאפיין hAxis שהופך את הציר האופקי לסולם לוגריתמי (צריך שכל הערכים יהיו חיוביים). יש להגדיר את הערך true כדי להשיב 'כן'.

האפשרות הזו נתמכת רק בציר continuous.

סוג: boolean
ברירת המחדל: false
hAxis.maxValue

מעביר את הערך המקסימלי של הציר האופקי לערך שצוין. ברוב התרשימים הערך יהיה ימינה. המערכת תתעלם מערך זה אם הוא מוגדר לערך הקטן מערך ה-x המקסימלי של הנתונים. המאפיין hAxis.viewWindow.max מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
hAxis.minorGridlines

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

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
hAxis.minorGridlines.color

הצבע של קווי הרשת המשניים האופקיים בתוך שטח התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת מחדל: שילוב של צבעי קו הרשת ורקע
hAxis.minorGridlines.count

האפשרות minorGridlines.count הוצאה משימוש ברובה, חוץ מהבדל אחד: כדי להשבית קווי רשת משניים, מגדירים את הספירה ל-0. מספר קווי הרשת המשניים תלוי עכשיו רק במרווח בין קווי הרשת הראשיים (ראו hAxis.gridlines.interval) וברווח המינימלי שנדרש (ראו hAxis.minorGridlines.minSpacing).

סוג: number
ברירת המחדל: 1
hAxis.minValue

מעביר את הערך המינימלי של הציר האופקי לערך שצוין. ברוב התרשימים הוא יופנה שמאלה. המערכת תתעלם ממנו אם מוגדר ערך שגדול מערך ה-x המינימלי של הנתונים. המאפיין hAxis.viewWindow.min מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
hAxis.textPosition

מיקום הטקסט של הציר האופקי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
hAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האופקי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

מאפיין hAxis שמציין את הכותרת של הציר האופקי.

סוג: string
ברירת המחדל: null
hAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האופקי. זהו הפורמט של האובייקט: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

מציינת את טווח החיתוך של הציר האופקי.

סוג: object
ברירת המחדל: null
hAxis.viewWindow.max

הערך המקסימלי של נתונים אופקיים שיש לעבד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
hAxis.viewWindow.min

הערך המינימלי של נתונים אופקיים לעיבוד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
גובה

גובה התרשים בפיקסלים.

סוג: number
ברירת מחדל: גובה הרכיב שמכיל
interpolateNulls

האם לנחש את הערך של נקודות חסרות. אם הערך שלו הוא true, הוא ינחש את הערך של הנתונים החסרים על סמך נקודות קרובות. אם הערך הוא false, הוא ישאיר הפסקה בשורה בנקודה לא ידועה.

האפשרות הזו לא נתמכת בתרשימי אזור עם האפשרות isStacked: true/'percent'/'relative'/'absolute'.

סוג: boolean
ברירת המחדל: false
isStacked

אם המדיניות מוגדרת לערך true, הרכיבים עוקפים בכל הסדרות בכל ערך דומיין. הערה: בתרשימים Column, Area ו-SteppedArea, Google Charts הופך את הסדר של פריטי המקרא להתאמה טובה יותר לערימה של רכיבי הסדרה (למשל, סדרה 0 תהיה הפריט האחרון במקרא). הפריט הזה לא רלוונטי לתרשימי עמודות.

האפשרות isStacked תומכת גם בערימה של 100%, שבה מתבצעת התאמה מחדש של ערימות הרכיבים בכל ערך דומיין לסכום של עד 100%.

האפשרויות עבור isStacked הן:

  • false — רכיבים לא יקובצו. זוהי ברירת המחדל.
  • true — מקבץ רכיבים לכל הסדרות בכל ערך דומיין.
  • 'percent' — מקבצים רכיבים לכל הסדרות בכל ערך דומיין ומשנה את קנה המידה שלהם כך שהם יסתכמו ב-100%, שהערך של כל רכיב מחושב כאחוז של 100%.
  • 'relative' - מקבצי רכיבים לכל הסדרות בכל ערך דומיין, ומשנים את קנה המידה שלהם כך שסכום הערכים יהיה 1, כאשר הערך של כל רכיב מחושב כשבר של 1.
  • 'absolute' — פועלת כמו isStacked: true.

בערימה של 100%, הערך המחושב לכל רכיב יופיע בהסבר הקצר אחרי הערך בפועל.

כברירת מחדל, ערכי ציר היעד מחושבים על סמך סולם יחסי של 0-1 כשברים של 1 ל-'relative' ו-0-100% עבור 'percent' (הערה: כשמשתמשים באפשרות 'percent', ערכי הציר/הסימון מוצגים כאחוזים, אבל הערכים בפועל הם הערכים היחסיים של סולם מ-0-1. הסיבה לכך היא שסימני הציר באחוזים הם תוצאה של החלת הפורמט '#.##%' על הערכים היחסיים בסולם 0-1. כשמשתמשים ב-isStacked: 'percent', חשוב לציין סימונים או קווי רשת באמצעות הערכים היחסיים של סולם מ-0 עד 1. אפשר להתאים אישית את קווי הרשת או את הערכים ואת העיצוב באמצעות האפשרויות המתאימות של hAxis/vAxis.

סידור בערימה ב-100% תומך רק בערכי נתונים מסוג number, ובסיס הנתונים שלו צריך להיות אפס.

סוג: boolean/string
ברירת המחדל: false
מקרא

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
סוג: object
ברירת המחדל: null
legend.position

המיקום של המקרא. יכול להיות אחת מהאפשרויות הבאות:

  • 'bottom' – מתחת לתרשים.
  • 'left' – משמאל לתרשים, בתנאי שלא משויך לציר השמאלי series. לכן, אם ברצונך להשתמש במקרא שבצד ימין, השתמשו באפשרות targetAxisIndex: 1.
  • 'in' – בתוך התרשים, בפינה הימנית העליונה.
  • 'none' – לא מוצג מקרא.
  • 'right' – משמאל לתרשים. לא תואם לאפשרות vAxes.
  • 'top' - מעל התרשים.
סוג: string
ברירת המחדל: 'right'
legendTextStyle

אובייקט שמציין את סגנון הטקסט של המקרא. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

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

סוג: number
ברירת המחדל: 2
pointShape

הצורה של רכיבי נתונים בודדים: 'circle', 'triangle', 'square', 'diamond', 'star' או 'polygon'. לדוגמאות, אפשר לעיין במסמכי התיעוד בנושא נקודות .

סוג: string
ברירת המחדל: 'circle'
pointSize

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

סוג: number
ברירת המחדל: 0
reverseCategories

אם הערך מוגדר ל-true, הסדרה משרטטת משמאל לימין. ברירת המחדל היא לצייר משמאל לימין.

האפשרות הזו נתמכת רק בציר discrete major.

סוג: boolean
ברירת המחדל: false
סדרה

מערך של אובייקטים, שכל אחד מהם מתאר את הפורמט של הסדרה המתאימה בתרשים. כדי להשתמש בערכי ברירת מחדל לסדרה, צריך לציין אובייקט ריק {}. אם לא תציינו סדרה או ערך, המערכת תשתמש בערך הגלובלי. כל אובייקט תומך במאפיינים הבאים:

  • annotations – אובייקט שצריך להחיל על הערות בסדרה הזו. אפשר להשתמש בו כדי לשלוט, למשל, ב-textStyle של הסדרה: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    לרשימה מלאה יותר של האפשרויות שאפשר להתאים אישית, אפשר לעיין באפשרויות השונות של annotations.

  • areaOpacity – ביטול של areaOpacity הגלובלי לסדרה הזו.
  • color – הצבע שבו רוצים להשתמש בסדרה. צריך לציין מחרוזת חוקית של צבע HTML.
  • labelInLegend – תיאור הסדרה שתופיע במקרא של התרשים.
  • lineDashStyle – ביטול הערך הגלובלי של lineDashStyle לסדרה הזו.
  • lineWidth – ביטול הערך הגלובלי של lineWidth לסדרה הזו.
  • pointShape – ביטול הערך הגלובלי של pointShape לסדרה הזו.
  • pointSize – ביטול הערך הגלובלי של pointSize לסדרה הזו.
  • pointsVisible – ביטול הערך הגלובלי של pointsVisible לסדרה הזו.
  • targetAxisIndex – לאיזה ציר להקצות את הסדרה הזו, כאשר 0 הוא ציר ברירת המחדל ו-1 הוא הציר הנגדי. ערך ברירת המחדל הוא 0. מוגדר כ-1 כדי להגדיר תרשים שבו סדרות שונות מעובדות מול צירים שונים. צריך להקצות לפחות סדרה אחת לציר ברירת המחדל. אפשר להגדיר קנה מידה שונה לצירים שונים.
  • visibleInLegend – ערך boolean, כאשר true פירושו שהסדרה צריכה לכלול ערך מקרא, ו-false מציין שלא צריכה להיות לה ערך כזה. ברירת המחדל היא true.

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
סוג: מערך של אובייקטים או אובייקטים עם אובייקטים בתצוגת עץ
ברירת המחדל: {}
כותרת משנה

טקסט להצגה מתחת לכותרת התרשים.

סוג: string
ברירת מחדל: ללא שם
subtitleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת.

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
עיצוב

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

  • 'maximized' - הגדלת השטח של התרשים, ושרטוט המקרא וכל התוויות בתוך אזור התרשים.
סוג: string
ברירת המחדל: null
title

טקסט להצגה מעל התרשים.

סוג: string
ברירת מחדל: ללא שם
titleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

אם הערך שמוגדר הוא true, העמודה תתייחס לעמודה בתור עמודת טקסט.

סוג: boolean
useFirstColumnAsDomain

אם הערך מוגדר ל-true, התרשים יתייחס לעמודה כדומיין.

סוג: boolean
vAxes

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

כדי לציין תרשים עם כמה צירים אנכיים, קודם צריך להגדיר ציר חדש באמצעות series.targetAxisIndex ואז להגדיר אותו באמצעות vAxes. הדוגמה הבאה מקצה את סדרה 2 לציר השמאלי ומציינת עבורה כותרת וסגנון טקסט מותאמים אישית: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

המאפיין יכול להיות אובייקט או מערך: האובייקט הוא אוסף של אובייקטים, שלכל אחד מהם יש תווית מספרית שמציינת את הציר שהוא מגדיר. זהו הפורמט שמוצג למעלה; המערך הוא מערך של אובייקטים, אחד בכל ציר. לדוגמה, הסימון הבא של סגנון מערך זהה לאובייקט vAxis שמוצג למעלה: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
סוג: מערך של אובייקט או אובייקט עם אובייקטים צאצאים
ברירת המחדל: null
vAxis

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
סוג: object
ברירת המחדל: null
vAxis.direction

הכיוון שבו הערכים לאורך הציר האנכי. כברירת מחדל, ערכים נמוכים מופיעים בתחתית התרשים. מציינים -1 כדי להפוך את סדר הערכים.

סוג: 1 או -1
ברירת המחדל: 1
vAxis.gridlines

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

{color: '#333', minSpacing: 20}

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
vAxis.gridlines.color

הצבע של קווי הרשת האנכיים בתוך אזור התרשים. צריך לציין מחרוזת חוקית של צבע HTML.

סוג: string
ברירת המחדל: '#CCC'
vAxis.gridlines.count

המספר המשוער של קווי רשת אופקיים בתוך אזור התרשים. אם מציינים מספר חיובי ל-gridlines.count, הוא ישמש לחישוב minSpacing בין קווי הרשת. תוכלו לציין את הערך 1 כדי לשרטט רק קו רשת אחד, או 0 כדי לא לשרטט קווי רשת. מציינים את הערך -1, שהוא ברירת המחדל, כדי לחשב אוטומטית את מספר קווי הרשת על סמך אפשרויות אחרות.

סוג: number
ברירת המחדל: -1
vAxis.logScale

אם הערך שלו הוא true, הציר האנכי הוא קנה מידה לוגריתמי. הערה:כל הערכים חייבים להיות חיוביים.

סוג: boolean
ברירת המחדל: false
vAxis.maxValue

מעביר את הערך המקסימלי של הציר האנכי לערך שצוין. ברוב התרשימים הערך יהיה כלפי מעלה. המערכת תתעלם מערך זה אם מוגדר לערך הקטן מערך ה-y המקסימלי של הנתונים. המאפיין vAxis.viewWindow.max מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
vAxis.minorGridlines

אובייקט עם חברים להגדרת קווי הרשת המשניים בציר האנכי, בדומה לאפשרות vAxis.gridlines.

סוג: object
ברירת המחדל: null
vAxis.minorGridlines.color

הצבע של קווי הרשת המשניים האנכיים בתוך אזור התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת מחדל: שילוב של צבעי קו הרשת ורקע
vAxis.minorGridlines.count

האפשרות minorGridlines.count בדרך כלל הוצאה משימוש, חוץ מאשר כדי להשבית קווי רשת משניים על ידי הגדרת הספירה ל-0. מספר קווי הרשת המשניים תלוי במרווח בין קווי הרשת הראשיים וברווח המינימלי הנדרש.

סוג: number
ברירת המחדל: 1
vAxis.minValue

מעביר את הערך המינימלי של הציר האנכי לערך שצוין. הוא יהיה ירידה ברוב התרשימים. המערכת תתעלם ממנו אם הערך הזה מוגדר לערך שגדול מערך ה-y המינימלי של הנתונים. המאפיין vAxis.viewWindow.min מבטל את המאפיין הזה.

סוג: number
ברירת המחדל: null
vAxis.textPosition

מיקום הטקסט של הציר האנכי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
vAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

מציין כותרת לציר האנכי.

סוג: string
ברירת מחדל: ללא שם
vAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

מציין את טווח החיתוך של הציר האנכי.

סוג: object
ברירת המחדל: null
vAxis.viewWindow.max

הערך המקסימלי של נתונים אנכיים שיש לעבד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי
vAxis.viewWindow.min

הערך המינימלי של נתונים אנכיים לעיבוד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי

אפשרויות ההגדרה של תרשים עמודות

שם
backgroundColor

צבע הרקע של האזור הראשי בתרשים. יכולה להיות מחרוזת צבע פשוטה של HTML, לדוגמה: 'red' או '#00cc00', או אובייקט עם המאפיינים הבאים.

סוג: string או object
ברירת המחדל: 'white'
backgroundColor.fill

צבע המילוי של התרשים, כמחרוזת של צבע HTML.

סוג:string
ברירת המחדל: 'white'
chartArea

אובייקט עם חברים להגדרת המיקום והגודל של האזור בתרשים (שבו התרשים עצמו משורטט, לא כולל צירים ומקראים). יש שני פורמטים נתמכים: מספר או מספר ואחריו %. מספר פשוט הוא ערך בפיקסלים, ומספר ואחריו % הוא אחוז. דוגמה: chartArea:{left:20,top:0,width:'50%',height:'75%'}

סוג: object
ברירת המחדל: null
chartArea.backgroundColor
צבע רקע של אזור התרשים. כשמשתמשים במחרוזת, היא יכולה להיות מחרוזת הקסדצימלית (למשל, '#fdc') או שם של צבע באנגלית. כשמשתמשים באובייקט, אפשר לספק את המאפיינים הבאים:
  • stroke: הצבע, מסופק כמחרוזת הקסדצימלית או כשם של צבע באנגלית.
  • strokeWidth: אם צוין גבול, משרטטים גבול מסביב לאזור של הרוחב הנתון בתרשים (ובצבע stroke).
סוג: string או object
ברירת המחדל: 'white'
chartArea.height

גובה השטח של התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.left

המרחק מהגבול השמאלי לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.top

המרחק מהגבול העליון לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.width

רוחב שטח התרשים.

סוג: מספר או string
ברירת מחדל: אוטומטי
צבעים

הצבעים של הרכיבים בתרשים. מערך מחרוזות, כאשר כל רכיב הוא מחרוזת של צבע HTML, לדוגמה: colors:['red','#004411'].

סוג: מערך של מחרוזות
ברירת מחדל: צבעי ברירת מחדל
hAxes

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

כדי לציין תרשים עם כמה צירים אופקיים, קודם צריך להגדיר ציר חדש באמצעות series.targetAxisIndex, ואז להגדיר אותו באמצעות hAxes. הדוגמה הבאה מקצה את הסדרה 1 לציר התחתון ומציינת עבורה כותרת וסגנון טקסט מותאמים אישית:

series:{1:{targetAxisIndex:1}}, hAxes:{1:{title:'Losses', textStyle:{color: 'red'}}}

המאפיין יכול להיות אובייקט או מערך: האובייקט הוא אוסף של אובייקטים, שלכל אחד מהם יש תווית מספרית שמציינת את הציר שהוא מגדיר. זהו הפורמט שמוצג למעלה; המערך הוא מערך של אובייקטים, אחד בכל ציר. לדוגמה, הסימון הבא של סגנון מערך זהה לאובייקט hAxis שמוצג למעלה: 

hAxes: {
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {
      color: 'red'
    }
  } // Axis 1
סוג: מערך של אובייקט או אובייקט עם אובייקטים צאצאים
ברירת המחדל: null
hAxis

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
סוג: object
ברירת המחדל: null
hAxis.direction

כיוון הצמיחה של הערכים לאורך הציר האופקי. מציינים -1 כדי להפוך את סדר הערכים.

סוג: 1 או -1
ברירת המחדל: 1
hAxis.gridlines

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

{color: '#333', minSpacing: 20}

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
hAxis.gridlines.color

הצבע של קווי הרשת האופקיים בתוך שטח התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת המחדל: '#CCC'
hAxis.gridlines.count

המספר המשוער של קווי רשת אופקיים בתוך אזור התרשים. אם מציינים מספר חיובי ל-gridlines.count, הוא ישמש לחישוב minSpacing בין קווי הרשת. תוכלו לציין את הערך 1 כדי לשרטט רק קו רשת אחד, או 0 כדי לא לשרטט קווי רשת. מציינים את הערך -1, שהוא ברירת המחדל, כדי לחשב אוטומטית את מספר קווי הרשת על סמך אפשרויות אחרות.

סוג: number
ברירת המחדל: -1
hAxis.logScale

המאפיין hAxis שהופך את הציר האופקי לסולם לוגריתמי (צריך שכל הערכים יהיו חיוביים). יש להגדיר את הערך true כדי להשיב 'כן'.

האפשרות הזו נתמכת רק בציר continuous.

סוג: boolean
ברירת המחדל: false
hAxis.maxValue

מעביר את הערך המקסימלי של הציר האופקי לערך שצוין. ברוב התרשימים הערך יהיה ימינה. המערכת תתעלם מערך זה אם הוא מוגדר לערך הקטן מערך ה-x המקסימלי של הנתונים. המאפיין hAxis.viewWindow.max מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
hAxis.minorGridlines

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

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
hAxis.minorGridlines.color

הצבע של קווי הרשת המשניים האופקיים בתוך שטח התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת מחדל: שילוב של צבעי קו הרשת ורקע
hAxis.minorGridlines.count

האפשרות minorGridlines.count הוצאה משימוש ברובה, חוץ מהבדל אחד: כדי להשבית קווי רשת משניים, מגדירים את הספירה ל-0. מספר קווי הרשת המשניים תלוי עכשיו רק במרווח בין קווי הרשת הראשיים (ראו hAxis.gridlines.interval) וברווח המינימלי שנדרש (ראו hAxis.minorGridlines.minSpacing).

סוג: number
ברירת המחדל: 1
hAxis.minValue

מעביר את הערך המינימלי של הציר האופקי לערך שצוין. ברוב התרשימים הוא יופנה שמאלה. המערכת תתעלם ממנו אם מוגדר ערך שגדול מערך ה-x המינימלי של הנתונים. המאפיין hAxis.viewWindow.min מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
hAxis.textPosition

מיקום הטקסט של הציר האופקי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
hAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האופקי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

מאפיין hAxis שמציין את הכותרת של הציר האופקי.

סוג: string
ברירת המחדל: null
hAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האופקי. זהו הפורמט של האובייקט: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

מציינת את טווח החיתוך של הציר האופקי.

סוג: object
ברירת המחדל: null
hAxis.viewWindow.max

הערך המקסימלי של נתונים אופקיים שיש לעבד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
hAxis.viewWindow.min

הערך המינימלי של נתונים אופקיים לעיבוד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
גובה

גובה התרשים בפיקסלים.

סוג: number
ברירת מחדל: גובה הרכיב שמכיל
isStacked

אם המדיניות מוגדרת לערך true, הרכיבים עוקפים בכל הסדרות בכל ערך דומיין. הערה: בתרשימים Column, Area ו-SteppedArea, Google Charts הופך את הסדר של פריטי המקרא להתאמה טובה יותר לערימה של רכיבי הסדרה (למשל, סדרה 0 תהיה הפריט האחרון במקרא). הפריט הזה לא רלוונטי לתרשימי עמודות.

האפשרות isStacked תומכת גם בערימה של 100%, שבה מתבצעת התאמה מחדש של ערימות הרכיבים בכל ערך דומיין לסכום של עד 100%.

האפשרויות עבור isStacked הן:

  • false — רכיבים לא יקובצו. זוהי ברירת המחדל.
  • true — מקבץ רכיבים לכל הסדרות בכל ערך דומיין.
  • 'percent' — מקבצים רכיבים לכל הסדרות בכל ערך דומיין ומשנה את קנה המידה שלהם כך שהם יסתכמו ב-100%, כשהערך של כל רכיב מחושב כאחוז של 100%.
  • 'relative' - מקבצי רכיבים לכל הסדרות בכל ערך דומיין, ומשנים את קנה המידה שלהם כך שסכום הערכים יהיה 1, כאשר הערך של כל רכיב מחושב כשבר של 1.
  • 'absolute' — פועלת כמו isStacked: true.

בערימה של 100%, הערך המחושב לכל רכיב יופיע בהסבר הקצר אחרי הערך בפועל.

כברירת מחדל, ערכי ציר היעד מחושבים על סמך סולם יחסי של 0-1 כשברים של 1 ל-'relative' ו-0-100% עבור 'percent' (הערה: כשמשתמשים באפשרות 'percent', ערכי הציר/הסימון מוצגים כאחוזים, אבל הערכים בפועל הם הערכים היחסיים של סולם מ-0-1. הסיבה לכך היא שסימני הציר באחוזים הם תוצאה של החלת הפורמט '#.##%' על הערכים היחסיים בסולם 0-1. כשמשתמשים ב-isStacked: 'percent', חשוב לציין סימונים או קווי רשת באמצעות הערכים היחסיים של סולם מ-0 עד 1. אפשר להתאים אישית את קווי הרשת או את הערכים ואת העיצוב באמצעות האפשרויות המתאימות של hAxis/vAxis.

סידור בערימה ב-100% תומך רק בערכי נתונים מסוג number, ובסיס הנתונים שלו צריך להיות אפס.

סוג: boolean/string
ברירת המחדל: false
מקרא

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
סוג: object
ברירת המחדל: null
legend.position

המיקום של המקרא. יכול להיות אחת מהאפשרויות הבאות:

  • 'bottom' – מתחת לתרשים.
  • 'left' – משמאל לתרשים, בתנאי שלא משויכת לציר השמאלי סדרה. לכן, אם ברצונך להשתמש במקרא שבצד ימין, השתמשו באפשרות targetAxisIndex: 1.
  • 'in' – בתוך התרשים, בפינה הימנית העליונה.
  • 'none' – לא מוצג מקרא.
  • 'right' – משמאל לתרשים. לא תואם לאפשרות vAxes.
  • 'top' - מעל התרשים.
סוג: string
ברירת המחדל: 'right'
legendTextStyle

אובייקט שמציין את סגנון הטקסט של המקרא. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

אם הערך מוגדר ל-true, הסדרה משרטטת משמאל לימין. ברירת המחדל היא לצייר משמאל לימין.

האפשרות הזו נתמכת רק בציר discrete major.

סוג: boolean
ברירת המחדל: false
סדרה

מערך של אובייקטים, שכל אחד מהם מתאר את הפורמט של הסדרה המתאימה בתרשים. כדי להשתמש בערכי ברירת מחדל לסדרה, צריך לציין אובייקט ריק {}. אם לא תציינו סדרה או ערך, המערכת תשתמש בערך הגלובלי. כל אובייקט תומך במאפיינים הבאים:

  • annotations – אובייקט שצריך להחיל על הערות בסדרה הזו. אפשר להשתמש בו כדי לשלוט, למשל, ב-textStyle של הסדרה: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    לרשימה מלאה יותר של האפשרויות שאפשר להתאים אישית, אפשר לעיין באפשרויות השונות של annotations.

  • color – הצבע שבו רוצים להשתמש בסדרה. צריך לציין מחרוזת חוקית של צבע HTML.
  • labelInLegend – תיאור הסדרה שתופיע במקרא של התרשים.
  • targetAxisIndex – לאיזה ציר להקצות את הסדרה הזו, כאשר 0 הוא ציר ברירת המחדל ו-1 הוא הציר הנגדי. ערך ברירת המחדל הוא 0. מוגדר כ-1 כדי להגדיר תרשים שבו סדרות שונות מעובדות מול צירים שונים. צריך להקצות לפחות סדרה אחת לציר ברירת המחדל. אפשר להגדיר קנה מידה שונה לצירים שונים.
  • visibleInLegend – ערך boolean, כאשר true פירושו שהסדרה צריכה לכלול ערך מקרא ו-false מציין שלא אמורה להיות לה ערך כזה. ברירת המחדל היא true.

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
סוג: מערך של אובייקטים או אובייקטים עם אובייקטים בתצוגת עץ
ברירת המחדל: {}
כותרת משנה

טקסט להצגה מתחת לכותרת התרשים.

סוג: string
ברירת מחדל: ללא שם
subtitleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת.

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
עיצוב

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

  • 'maximized' - הגדלת השטח של התרשים, ושרטוט המקרא וכל התוויות בתוך אזור התרשים.
סוג: string
ברירת המחדל: null
title

טקסט להצגה מעל התרשים.

סוג: string
ברירת מחדל: ללא שם
titleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
קווי מגמה

הצגת קווי מגמות בתרשימים שתומכים בהם. כברירת מחדל נעשה שימוש בקווי מגמות של linear, אבל אפשר להתאים אותם אישית באמצעות האפשרות trendlines.n.type.

קווי המגמה מפורטים לכל סדרה, כך שברוב המקרים האפשרויות ייראו כך: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
סוג: object
ברירת המחדל: null
trendlines.n.color

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

סוג: string
ברירת מחדל: צבע ברירת המחדל של הסדרה
trendlines.n.degree

עבור קווי מגמה של type: 'polynomial', דרגת הפולינום (2 בשביל ריבועי, 3 למכפלה וכן הלאה).

סוג: number
ברירת המחדל: 3
trendlines.n.labelInLegend

אם ההגדרה מוגדרת, קו המגמה יופיע במקרא בתור המחרוזת הזו.

סוג: string
ברירת המחדל: null
trendlines.n.lineWidth

רוחב הקו של קו המגמה, בפיקסלים.

סוג: number
ברירת המחדל: 2
trendlines.n.type

אם קווי המגמה הם 'linear' (ברירת המחדל), 'exponential' או 'polynomial'.

סוג: string
ברירת המחדל: linear
trendlines.n.visibleInLegend

אם המשוואה קו מגמה מופיעה במקרא. הוא יופיע בהסבר הקצר של קו המגמה.

סוג: boolean
ברירת המחדל: false
useFirstColumnAsDomain

אם הערך מוגדר ל-true, התרשים יתייחס לעמודה כדומיין.

סוג: boolean
vAxis

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
סוג: object
ברירת המחדל: null
vAxis.direction

הכיוון שבו הערכים לאורך הציר האנכי. כברירת מחדל, ערכים נמוכים מופיעים בתחתית התרשים. מציינים -1 כדי להפוך את סדר הערכים.

סוג: 1 או -1
ברירת המחדל: 1
vAxis.gridlines

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

{color: '#333', minSpacing: 20}

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
vAxis.gridlines.color

הצבע של קווי הרשת האנכיים בתוך אזור התרשים. צריך לציין מחרוזת חוקית של צבע HTML.

סוג: string
ברירת המחדל: '#CCC'
vAxis.gridlines.count

המספר המשוער של קווי רשת אופקיים בתוך אזור התרשים. אם מציינים מספר חיובי ל-gridlines.count, הוא ישמש לחישוב minSpacing בין קווי הרשת. תוכלו לציין את הערך 1 כדי לשרטט רק קו רשת אחד, או 0 כדי לא לשרטט קווי רשת. מציינים את הערך -1, שהוא ברירת המחדל, כדי לחשב אוטומטית את מספר קווי הרשת על סמך אפשרויות אחרות.

סוג: number
ברירת המחדל: -1
vAxis.logScale

אם הערך שלו הוא true, הציר האנכי הוא קנה מידה לוגריתמי. הערה:כל הערכים חייבים להיות חיוביים.

סוג: boolean
ברירת המחדל: false
vAxis.maxValue

מעביר את הערך המקסימלי של הציר האנכי לערך שצוין. ברוב התרשימים הערך יהיה כלפי מעלה. המערכת תתעלם מערך זה אם מוגדר לערך הקטן מערך ה-y המקסימלי של הנתונים. המאפיין vAxis.viewWindow.max מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
vAxis.minorGridlines

אובייקט עם חברים להגדרת קווי הרשת המשניים בציר האנכי, בדומה לאפשרות vAxis.gridlines.

סוג: object
ברירת המחדל: null
vAxis.minorGridlines.color

הצבע של קווי הרשת המשניים האנכיים בתוך אזור התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת מחדל: שילוב של צבעי קו הרשת ורקע
vAxis.minorGridlines.count

האפשרות minorGridlines.count בדרך כלל הוצאה משימוש, חוץ מאשר כדי להשבית קווי רשת משניים על ידי הגדרת הספירה ל-0. מספר קווי הרשת המשניים תלוי במרווח בין קווי הרשת הראשיים וברווח המינימלי הנדרש.

סוג: number
ברירת המחדל: 1
vAxis.minValue

מעביר את הערך המינימלי של הציר האנכי לערך שצוין. הוא יהיה ירידה ברוב התרשימים. המערכת תתעלם ממנו אם הערך הזה מוגדר לערך שגדול מערך ה-y המינימלי של הנתונים. המאפיין vAxis.viewWindow.min מבטל את המאפיין הזה.

סוג: number
ברירת המחדל: null
vAxis.textPosition

מיקום הטקסט של הציר האנכי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
vAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

מציין כותרת לציר האנכי.

סוג: string
ברירת מחדל: ללא שם
vAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

מציין את טווח החיתוך של הציר האנכי.

סוג: object
ברירת המחדל: null
vAxis.viewWindow.max

הערך המקסימלי של נתונים אנכיים שיש לעבד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי
vAxis.viewWindow.min

הערך המינימלי של נתונים אנכיים לעיבוד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי

אפשרויות תצורה של תרשים בועות

שם
backgroundColor

צבע הרקע של האזור הראשי בתרשים. יכולה להיות מחרוזת צבע פשוטה של HTML, לדוגמה: 'red' או '#00cc00', או אובייקט עם המאפיינים הבאים.

סוג: string או object
ברירת המחדל: 'white'
backgroundColor.fill

צבע המילוי של התרשים, כמחרוזת של צבע HTML.

סוג: string
ברירת המחדל: 'white'
בועה

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

סוג: object
ברירת המחדל: null
bubble.opacity

מידת האטימות של הבועות, כאשר 0 הוא שקוף לחלוטין ו-1 הוא אטום מלא.

סוג: מספר בין 0.0 ל-1.0
ברירת מחדל: 0.8
bubble.stroke

צבע הקווים של הבועות.

סוג: string
ברירת המחדל: '#ccc'
bubble.textStyle

אובייקט שמציין את סגנון הטקסט של הבועה. זהו הפורמט של האובייקט:

{color: <string>, fontName: <string>, fontSize: <number>}

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chartArea

אובייקט עם חברים להגדרת המיקום והגודל של האזור בתרשים (שבו התרשים עצמו משורטט, לא כולל צירים ומקראים). יש שני פורמטים נתמכים: מספר או מספר ואחריו %. מספר פשוט הוא ערך בפיקסלים. מספר ואחריו הוא %. דוגמה: chartArea:{left:20,top:0,width:'50%',height:'75%'}

סוג: object
ברירת המחדל: null
chartArea.backgroundColor
צבע רקע של אזור התרשים. כשמשתמשים במחרוזת, היא יכולה להיות מחרוזת הקסדצימלית (למשל, '#fdc') או שם של צבע באנגלית. כשמשתמשים באובייקט, אפשר לספק את המאפיינים הבאים:
  • stroke: הצבע, מסופק כמחרוזת הקסדצימלית או כשם של צבע באנגלית.
  • strokeWidth: אם צוין גבול, משרטטים גבול מסביב לאזור של הרוחב הנתון בתרשים (ובצבע stroke).
סוג: string או object
ברירת המחדל: 'white'
chartArea.height

גובה השטח של התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.left

המרחק מהגבול השמאלי לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.top

המרחק מהגבול העליון לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.width

רוחב שטח התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
צבעים

הצבעים של הרכיבים בתרשים. מערך מחרוזות, כאשר כל רכיב הוא מחרוזת של צבע HTML, לדוגמה: colors:['red','#004411'].

סוג: מערך של מחרוזות
ברירת מחדל: צבעי ברירת מחדל
hAxis

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
סוג: object
ברירת המחדל: null
hAxis.direction

כיוון הצמיחה של הערכים לאורך הציר האופקי. מציינים -1 כדי להפוך את סדר הערכים.

סוג: 1 או -1
ברירת המחדל: 1
hAxis.gridlines

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

{color: '#333', minSpacing: 20}

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
hAxis.gridlines.color

הצבע של קווי הרשת האופקיים בתוך שטח התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת המחדל: '#CCC'
hAxis.gridlines.count

המספר המשוער של קווי רשת אופקיים בתוך אזור התרשים. אם מציינים מספר חיובי ל-gridlines.count, הוא ישמש לחישוב minSpacing בין קווי הרשת. תוכלו לציין את הערך 1 כדי לשרטט רק קו רשת אחד, או 0 כדי לא לשרטט קווי רשת. מציינים את הערך -1, שהוא ברירת המחדל, כדי לחשב אוטומטית את מספר קווי הרשת על סמך אפשרויות אחרות.

סוג: number
ברירת המחדל: -1
hAxis.logScale

המאפיין hAxis שהופך את הציר האופקי לסולם לוגריתמי (צריך שכל הערכים יהיו חיוביים). יש להגדיר את הערך true כדי להשיב 'כן'.

האפשרות הזו נתמכת רק בציר continuous.

סוג: boolean
ברירת המחדל: false
hAxis.maxValue

מעביר את הערך המקסימלי של הציר האופקי לערך שצוין. ברוב התרשימים הערך יהיה ימינה. המערכת תתעלם מערך זה אם הוא מוגדר לערך הקטן מערך ה-x המקסימלי של הנתונים. המאפיין hAxis.viewWindow.max מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
hAxis.minorGridlines

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

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
hAxis.minorGridlines.color

הצבע של קווי הרשת המשניים האופקיים בתוך שטח התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת מחדל: שילוב של צבעי קו הרשת ורקע
hAxis.minorGridlines.count

האפשרות minorGridlines.count הוצאה משימוש ברובה, חוץ מהבדל אחד: כדי להשבית קווי רשת משניים, מגדירים את הספירה ל-0. מספר קווי הרשת המשניים תלוי עכשיו רק במרווח בין קווי הרשת הראשיים (ראו hAxis.gridlines.interval) וברווח המינימלי שנדרש (ראו hAxis.minorGridlines.minSpacing).

סוג: number
ברירת המחדל: 1
hAxis.minValue

מעביר את הערך המינימלי של הציר האופקי לערך שצוין. ברוב התרשימים הוא יופנה שמאלה. המערכת תתעלם ממנו אם מוגדר ערך שגדול מערך ה-x המינימלי של הנתונים. המאפיין hAxis.viewWindow.min מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
hAxis.textPosition

מיקום הטקסט של הציר האופקי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
hAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האופקי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

מאפיין hAxis שמציין את הכותרת של הציר האופקי.

סוג: string
ברירת המחדל: null
hAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האופקי. זהו הפורמט של האובייקט: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

מציינת את טווח החיתוך של הציר האופקי.

סוג: object
ברירת המחדל: null
hAxis.viewWindow.max

הערך המקסימלי של נתונים אופקיים שיש לעבד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
hAxis.viewWindow.min

הערך המינימלי של נתונים אופקיים לעיבוד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
גובה

גובה התרשים בפיקסלים.

סוג: number
ברירת מחדל: גובה הרכיב שמכיל
מקרא

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
סוג: object
ברירת המחדל: null
legend.position

המיקום של המקרא. יכול להיות אחת מהאפשרויות הבאות:

  • 'bottom' – מתחת לתרשים.
  • 'left' – משמאל לתרשים, בתנאי שלא משויכת לציר השמאלי סדרה. לכן, אם ברצונך להשתמש במקרא שבצד ימין, השתמשו באפשרות targetAxisIndex: 1.
  • 'in' – בתוך התרשים, בפינה הימנית העליונה.
  • 'none' – לא מוצג מקרא.
  • 'right' – משמאל לתרשים. לא תואם לאפשרות vAxes.
  • 'top' - מעל התרשים.
סוג: string
ברירת המחדל: 'right'
legendTextStyle

אובייקט שמציין את סגנון הטקסט של המקרא. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
סדרה

אובייקט של אובייקטים, כאשר המפתחות הם שמות של סדרות (הערכים בעמודה Color [צבע]) וכל אובייקט שמתאר את הפורמט של הסדרות המתאימות בתרשים. אם לא תציינו סדרה או ערך, המערכת תשתמש בערך הגלובלי. כל אובייקט תומך במאפיינים הבאים:

  • color – הצבע שבו רוצים להשתמש בסדרה. צריך לציין מחרוזת חוקית של צבע HTML.
  • visibleInLegend – ערך boolean, כאשר true פירושו שהסדרה צריכה לכלול ערך מקרא ו-false מציין שלא אמורה להיות לה ערך כזה. ברירת המחדל היא true.
לדוגמה: 
series: {'Europe': {color: 'green'}}
סוג: אובייקט עם אובייקטים בתצוגת עץ
ברירת המחדל: {}
sizeAxis

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

 {minValue: 0,  maxSize: 20}
סוג: object
ברירת המחדל: null
sizeAxis.maxSize

הרדיוס המקסימלי של הבועה הגדולה ביותר, בפיקסלים.

סוג: number
ברירת מחדל: 30
sizeAxis.minSize

רדיוס מינימלי של הבועה הקטנה ביותר האפשרית, בפיקסלים.

סוג: number
ברירת מחדל: 5
כותרת משנה

טקסט להצגה מתחת לכותרת התרשים.

סוג: string
ברירת מחדל: ללא שם
subtitleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת.

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
עיצוב

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

  • 'maximized' - הגדלת השטח של התרשים, ושרטוט המקרא וכל התוויות בתוך אזור התרשים.
סוג: string
ברירת המחדל: null
title

טקסט להצגה מעל התרשים.

סוג: string
ברירת מחדל: ללא שם
titleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

אם הערך שמוגדר הוא true, העמודה תתייחס לעמודה בתור עמודת טקסט.

סוג: boolean
useFirstColumnAsDomain

אם הערך מוגדר ל-true, התרשים יתייחס לעמודה כדומיין.

סוג: boolean
vAxes

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

כדי לציין תרשים עם כמה צירים אנכיים, קודם צריך להגדיר ציר חדש באמצעות series.targetAxisIndex ואז להגדיר אותו באמצעות vAxes. הדוגמה הבאה מקצה את סדרה 2 לציר השמאלי ומציינת עבורה כותרת וסגנון טקסט מותאמים אישית: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

המאפיין יכול להיות אובייקט או מערך: האובייקט הוא אוסף של אובייקטים, שלכל אחד מהם יש תווית מספרית שמציינת את הציר שהוא מגדיר. זהו הפורמט שמוצג למעלה; המערך הוא מערך של אובייקטים, אחד בכל ציר. לדוגמה, הסימון הבא של סגנון מערך זהה לאובייקט vAxis שמוצג למעלה: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
סוג: מערך של אובייקט או אובייקט עם אובייקטים צאצאים
ברירת המחדל: null
vAxis

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
סוג: object
ברירת המחדל: null
vAxis.direction

הכיוון שבו הערכים לאורך הציר האנכי. כברירת מחדל, ערכים נמוכים מופיעים בתחתית התרשים. מציינים -1 כדי להפוך את סדר הערכים.

סוג: 1 או -1
ברירת המחדל: 1
vAxis.gridlines

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

{color: '#333', minSpacing: 20}

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
vAxis.gridlines.color

הצבע של קווי הרשת האנכיים בתוך אזור התרשים. צריך לציין מחרוזת חוקית של צבע HTML.

סוג: string
ברירת המחדל: '#CCC'
vAxis.gridlines.count

המספר המשוער של קווי רשת אופקיים בתוך אזור התרשים. אם מציינים מספר חיובי ל-gridlines.count, הוא ישמש לחישוב minSpacing בין קווי הרשת. תוכלו לציין את הערך 1 כדי לשרטט רק קו רשת אחד, או 0 כדי לא לשרטט קווי רשת. מציינים את הערך -1, שהוא ברירת המחדל, כדי לחשב אוטומטית את מספר קווי הרשת על סמך אפשרויות אחרות.

סוג: number
ברירת המחדל: -1
vAxis.logScale

אם הערך שלו הוא true, הציר האנכי הוא קנה מידה לוגריתמי. הערה:כל הערכים חייבים להיות חיוביים.

סוג: boolean
ברירת המחדל: false
vAxis.maxValue

מעביר את הערך המקסימלי של הציר האנכי לערך שצוין. ברוב התרשימים הערך יהיה כלפי מעלה. המערכת תתעלם מערך זה אם מוגדר לערך הקטן מערך ה-y המקסימלי של הנתונים. המאפיין vAxis.viewWindow.max מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
vAxis.minorGridlines

אובייקט עם חברים להגדרת קווי הרשת המשניים בציר האנכי, בדומה לאפשרות vAxis.gridlines.

סוג: object
ברירת המחדל: null
vAxis.minorGridlines.color

הצבע של קווי הרשת המשניים האנכיים בתוך אזור התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת מחדל: שילוב של צבעי קו הרשת ורקע
vAxis.minorGridlines.count

האפשרות minorGridlines.count בדרך כלל הוצאה משימוש, חוץ מאשר כדי להשבית קווי רשת משניים על ידי הגדרת הספירה ל-0. מספר קווי הרשת המשניים תלוי במרווח בין קווי הרשת הראשיים וברווח המינימלי הנדרש.

סוג: number
ברירת המחדל: 1
vAxis.minValue

מעביר את הערך המינימלי של הציר האנכי לערך שצוין. הוא יהיה ירידה ברוב התרשימים. המערכת תתעלם ממנו אם הערך הזה מוגדר לערך שגדול מערך ה-y המינימלי של הנתונים. המאפיין vAxis.viewWindow.min מבטל את המאפיין הזה.

סוג: number
ברירת המחדל: null
vAxis.textPosition

מיקום הטקסט של הציר האנכי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
vAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

מציין כותרת לציר האנכי.

סוג: string
ברירת מחדל: ללא שם
vAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

מציין את טווח החיתוך של הציר האנכי.

סוג: object
ברירת המחדל: null
vAxis.viewWindow.max

הערך המקסימלי של נתונים אנכיים שיש לעבד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי
vAxis.viewWindow.min

הערך המינימלי של נתונים אנכיים לעיבוד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי

אפשרויות ההגדרה של היומן

שם
גובה

גובה התרשים בפיקסלים.

סוג: number
ברירת מחדל: גובה הרכיב שמכיל
רוחב

רוחב התרשים בפיקסלים.

סוג: number
ברירת מחדל: רוחב הרכיב שמכיל

אפשרויות תצורה של תרשים פמוט

שם
backgroundColor

צבע הרקע של האזור הראשי בתרשים. יכולה להיות מחרוזת צבע פשוטה של HTML, לדוגמה: 'red' או '#00cc00', או אובייקט עם המאפיינים הבאים.

סוג: string או object
ברירת המחדל: 'white'
backgroundColor.fill

צבע המילוי של התרשים, כמחרוזת של צבע HTML.

סוג: string
ברירת המחדל: 'white'
chartArea

אובייקט עם חברים להגדרת המיקום והגודל של האזור בתרשים (שבו התרשים עצמו משורטט, לא כולל צירים ומקראים). יש שני פורמטים נתמכים: מספר או מספר ואחריו %. מספר פשוט הוא ערך בפיקסלים, ומספר ואחריו % הוא אחוז. דוגמה: chartArea:{left:20,top:0,width:'50%',height:'75%'}

סוג: object
ברירת המחדל: null
chartArea.backgroundColor
צבע רקע של אזור התרשים. כשמשתמשים במחרוזת, היא יכולה להיות מחרוזת הקסדצימלית (למשל, '#fdc') או שם של צבע באנגלית. כשמשתמשים באובייקט, אפשר לספק את המאפיינים הבאים:
  • stroke: הצבע, מסופק כמחרוזת הקסדצימלית או כשם של צבע באנגלית.
  • strokeWidth: אם צוין גבול, משרטטים גבול מסביב לאזור של הרוחב הנתון בתרשים (ובצבע stroke).
סוג: string או object
ברירת המחדל: 'white'
chartArea.height

גובה השטח של התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.left

המרחק מהגבול השמאלי לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.top

המרחק מהגבול העליון לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.width

רוחב שטח התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
צבעים

הצבעים של הרכיבים בתרשים. מערך מחרוזות, כאשר כל רכיב הוא מחרוזת של צבע HTML, לדוגמה: colors:['red','#004411'].

סוג: מערך של מחרוזות
ברירת מחדל: צבעי ברירת מחדל
hAxis

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
סוג: object
ברירת המחדל: null
hAxis.direction

כיוון הצמיחה של הערכים לאורך הציר האופקי. מציינים -1 כדי להפוך את סדר הערכים.

סוג: 1 או -1
ברירת המחדל: 1
hAxis.gridlines

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

{color: '#333', minSpacing: 20}

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
hAxis.gridlines.color

הצבע של קווי הרשת האופקיים בתוך שטח התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת המחדל: '#CCC'
hAxis.gridlines.count

המספר המשוער של קווי רשת אופקיים בתוך אזור התרשים. אם מציינים מספר חיובי ל-gridlines.count, הוא ישמש לחישוב minSpacing בין קווי הרשת. תוכלו לציין את הערך 1 כדי לשרטט רק קו רשת אחד, או 0 כדי לא לשרטט קווי רשת. מציינים את הערך -1, שהוא ברירת המחדל, כדי לחשב אוטומטית את מספר קווי הרשת על סמך אפשרויות אחרות.

סוג: number
ברירת המחדל: -1
hAxis.logScale

המאפיין hAxis שהופך את הציר האופקי לסולם לוגריתמי (צריך שכל הערכים יהיו חיוביים). יש להגדיר את הערך true כדי להשיב 'כן'.

האפשרות הזו נתמכת רק בציר continuous.

סוג: boolean
ברירת המחדל: false
hAxis.maxValue

מעביר את הערך המקסימלי של הציר האופקי לערך שצוין. ברוב התרשימים הערך יהיה ימינה. המערכת תתעלם מערך זה אם הוא מוגדר לערך הקטן מערך ה-x המקסימלי של הנתונים. המאפיין hAxis.viewWindow.max מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
hAxis.minorGridlines

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

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
hAxis.minorGridlines.color

הצבע של קווי הרשת המשניים האופקיים בתוך שטח התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת מחדל: שילוב של צבעי קו הרשת ורקע
hAxis.minorGridlines.count

האפשרות minorGridlines.count הוצאה משימוש ברובה, חוץ מהבדל אחד: כדי להשבית קווי רשת משניים, מגדירים את הספירה ל-0. מספר קווי הרשת המשניים תלוי עכשיו רק במרווח בין קווי הרשת הראשיים (ראו hAxis.gridlines.interval) וברווח המינימלי שנדרש (ראו hAxis.minorGridlines.minSpacing).

סוג: number
ברירת המחדל: 1
hAxis.minValue

מעביר את הערך המינימלי של הציר האופקי לערך שצוין. ברוב התרשימים הוא יופנה שמאלה. המערכת תתעלם ממנו אם מוגדר ערך שגדול מערך ה-x המינימלי של הנתונים. המאפיין hAxis.viewWindow.min מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
hAxis.textPosition

מיקום הטקסט של הציר האופקי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
hAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האופקי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

מאפיין hAxis שמציין את הכותרת של הציר האופקי.

סוג: string
ברירת המחדל: null
hAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האופקי. זהו הפורמט של האובייקט: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

מציינת את טווח החיתוך של הציר האופקי.

סוג: object
ברירת המחדל: null
hAxis.viewWindow.max

הערך המקסימלי של נתונים אופקיים שיש לעבד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
hAxis.viewWindow.min

הערך המינימלי של נתונים אופקיים לעיבוד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
גובה

גובה התרשים בפיקסלים.

סוג: number
ברירת מחדל: גובה הרכיב שמכיל
מקרא

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
סוג: object
ברירת המחדל: null
legend.position

המיקום של המקרא. יכול להיות אחת מהאפשרויות הבאות:

  • 'bottom' – מתחת לתרשים.
  • 'left' – משמאל לתרשים, בתנאי שלא משויכת לציר השמאלי סדרה. לכן, אם ברצונך להשתמש במקרא שבצד ימין, השתמשו באפשרות targetAxisIndex: 1.
  • 'in' – בתוך התרשים, בפינה הימנית העליונה.
  • 'none' – לא מוצג מקרא.
  • 'right' – משמאל לתרשים. לא תואם לאפשרות vAxes.
  • 'top' - מעל התרשים.
סוג: string
ברירת המחדל: 'right'
legendTextStyle

אובייקט שמציין את סגנון הטקסט של המקרא. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

אם הערך מוגדר ל-true, הסדרה משרטטת משמאל לימין. ברירת המחדל היא לצייר משמאל לימין.

האפשרות הזו נתמכת רק בציר discrete major.

סוג: boolean
ברירת המחדל: false
סדרה

מערך של אובייקטים, שכל אחד מהם מתאר את הפורמט של הסדרה המתאימה בתרשים. כדי להשתמש בערכי ברירת מחדל לסדרה, צריך לציין אובייקט ריק {}. אם לא תציינו סדרה או ערך, המערכת תשתמש בערך הגלובלי. כל אובייקט תומך במאפיינים הבאים:

  • color – הצבע שבו רוצים להשתמש בסדרה. צריך לציין מחרוזת חוקית של צבע HTML.
  • fallingColor.fill – ביטול הערך הגלובלי של candlestick.fallingColor.fill בסדרה הזו.
  • fallingColor.stroke – ביטול הערך הגלובלי של candlestick.fallingColor.stroke בסדרה הזו.
  • fallingColor.strokeWidth – ביטול הערך הגלובלי של candlestick.fallingColor.strokeWidth בסדרה הזו.
  • labelInLegend – תיאור הסדרה שתופיע במקרא של התרשים.
  • risingColor.fill – ביטול הערך הגלובלי של candlestick.risingColor.fill בסדרה הזו.
  • risingColor.stroke – ביטול הערך הגלובלי של candlestick.risingColor.stroke בסדרה הזו.
  • risingColor.strokeWidth – ביטול הערך הגלובלי של candlestick.risingColor.strokeWidth בסדרה הזו.
  • targetAxisIndex – לאיזה ציר להקצות את הסדרה הזו, כאשר 0 הוא ציר ברירת המחדל ו-1 הוא הציר הנגדי. ערך ברירת המחדל הוא 0. מוגדר כ-1 כדי להגדיר תרשים שבו סדרות שונות מעובדות מול צירים שונים. צריך להקצות לפחות סדרה אחת לציר ברירת המחדל. אפשר להגדיר קנה מידה שונה לצירים שונים.
  • visibleInLegend – ערך boolean, כאשר true פירושו שהסדרה צריכה לכלול ערך מקרא ו-false מציין שלא אמורה להיות לה ערך כזה. ברירת המחדל היא true.

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
סוג: מערך של אובייקטים או אובייקטים עם אובייקטים בתצוגת עץ
ברירת המחדל: {}
כותרת משנה

טקסט להצגה מתחת לכותרת התרשים.

סוג: string
ברירת מחדל: ללא שם
subtitleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת.

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
עיצוב

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

  • 'maximized' - הגדלת השטח של התרשים, ושרטוט המקרא וכל התוויות בתוך אזור התרשים.
סוג: string
ברירת המחדל: null
title

טקסט להצגה מעל התרשים.

סוג: string
ברירת מחדל: ללא שם
titleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

אם הערך מוגדר ל-true, התרשים יתייחס לעמודה כדומיין.

סוג: boolean
vAxes

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

כדי לציין תרשים עם כמה צירים אנכיים, קודם צריך להגדיר ציר חדש באמצעות series.targetAxisIndex ואז להגדיר אותו באמצעות vAxes. הדוגמה הבאה מקצה את סדרה 2 לציר השמאלי ומציינת עבורה כותרת וסגנון טקסט מותאמים אישית: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

המאפיין יכול להיות אובייקט או מערך: האובייקט הוא אוסף של אובייקטים, שלכל אחד מהם יש תווית מספרית שמציינת את הציר שהוא מגדיר. זהו הפורמט שמוצג למעלה; המערך הוא מערך של אובייקטים, אחד בכל ציר. לדוגמה, הסימון הבא של סגנון מערך זהה לאובייקט vAxis שמוצג למעלה: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
סוג: מערך של אובייקט או אובייקט עם אובייקטים צאצאים
ברירת המחדל: null
vAxis

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
סוג: object
ברירת המחדל: null
vAxis.direction

הכיוון שבו הערכים לאורך הציר האנכי. כברירת מחדל, ערכים נמוכים מופיעים בתחתית התרשים. מציינים -1 כדי להפוך את סדר הערכים.

סוג: 1 או -1
ברירת המחדל: 1
vAxis.gridlines

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

{color: '#333', minSpacing: 20}

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
vAxis.gridlines.color

הצבע של קווי הרשת האנכיים בתוך אזור התרשים. צריך לציין מחרוזת חוקית של צבע HTML.

סוג: string
ברירת המחדל: '#CCC'
vAxis.gridlines.count

המספר המשוער של קווי רשת אופקיים בתוך אזור התרשים. אם מציינים מספר חיובי ל-gridlines.count, הוא ישמש לחישוב minSpacing בין קווי הרשת. תוכלו לציין את הערך 1 כדי לשרטט רק קו רשת אחד, או 0 כדי לא לשרטט קווי רשת. מציינים את הערך -1, שהוא ברירת המחדל, כדי לחשב אוטומטית את מספר קווי הרשת על סמך אפשרויות אחרות.

סוג: number
ברירת המחדל: -1
vAxis.logScale

אם הערך שלו הוא true, הציר האנכי הוא קנה מידה לוגריתמי. הערה:כל הערכים חייבים להיות חיוביים.

סוג: boolean
ברירת המחדל: false
vAxis.maxValue

מעביר את הערך המקסימלי של הציר האנכי לערך שצוין. ברוב התרשימים הערך יהיה כלפי מעלה. המערכת תתעלם מערך זה אם מוגדר לערך הקטן מערך ה-y המקסימלי של הנתונים. המאפיין vAxis.viewWindow.max מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
vAxis.minorGridlines

אובייקט עם חברים להגדרת קווי הרשת המשניים בציר האנכי, בדומה לאפשרות vAxis.gridlines.

סוג: object
ברירת המחדל: null
vAxis.minorGridlines.color

הצבע של קווי הרשת המשניים האנכיים בתוך אזור התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת מחדל: שילוב של צבעי קו הרשת ורקע
vAxis.minorGridlines.count

האפשרות minorGridlines.count בדרך כלל הוצאה משימוש, חוץ מאשר כדי להשבית קווי רשת משניים על ידי הגדרת הספירה ל-0. מספר קווי הרשת המשניים תלוי במרווח בין קווי הרשת הראשיים וברווח המינימלי הנדרש.

סוג: number
ברירת המחדל: 1
vAxis.minValue

מעביר את הערך המינימלי של הציר האנכי לערך שצוין. הוא יהיה ירידה ברוב התרשימים. המערכת תתעלם ממנו אם הערך הזה מוגדר לערך שגדול מערך ה-y המינימלי של הנתונים. המאפיין vAxis.viewWindow.min מבטל את המאפיין הזה.

סוג: number
ברירת המחדל: null
vAxis.textPosition

מיקום הטקסט של הציר האנכי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
vAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

מציין כותרת לציר האנכי.

סוג: string
ברירת מחדל: ללא שם
vAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

מציין את טווח החיתוך של הציר האנכי.

סוג: object
ברירת המחדל: null
vAxis.viewWindow.max

הערך המקסימלי של נתונים אנכיים שיש לעבד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי
vAxis.viewWindow.min

הערך המינימלי של נתונים אנכיים לעיבוד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי

אפשרויות תצורה של תרשים עמודות אנכי

שם
backgroundColor

צבע הרקע של האזור הראשי בתרשים. יכולה להיות מחרוזת צבע פשוטה של HTML, לדוגמה: 'red' או '#00cc00', או אובייקט עם המאפיינים הבאים.

סוג: string או object
ברירת המחדל: 'white'
backgroundColor.fill

צבע המילוי של התרשים, כמחרוזת של צבע HTML.

סוג: string
ברירת המחדל: 'white'
chartArea

אובייקט עם חברים להגדרת המיקום והגודל של האזור בתרשים (שבו התרשים עצמו משורטט, לא כולל צירים ומקראים). יש שני פורמטים נתמכים: מספר או מספר ואחריו %. מספר פשוט הוא ערך בפיקסלים, ומספר ואחריו % הוא אחוז. דוגמה: chartArea:{left:20,top:0,width:'50%',height:'75%'}

סוג: object
ברירת המחדל: null
chartArea.backgroundColor
צבע רקע של אזור התרשים. כשמשתמשים במחרוזת, היא יכולה להיות מחרוזת הקסדצימלית (למשל, '#fdc') או שם של צבע באנגלית. כשמשתמשים באובייקט, אפשר לספק את המאפיינים הבאים:
  • stroke: הצבע, מסופק כמחרוזת הקסדצימלית או כשם של צבע באנגלית.
  • strokeWidth: אם צוין גבול, משרטטים גבול מסביב לאזור של הרוחב הנתון בתרשים (ובצבע stroke).
סוג: stringאו object
ברירת המחדל: 'white'
chartArea.height

גובה השטח של התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.left

המרחק מהגבול השמאלי לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.top

המרחק מהגבול העליון לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.width

רוחב שטח התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
צבעים

הצבעים של הרכיבים בתרשים. מערך מחרוזות, כאשר כל רכיב הוא מחרוזת של צבע HTML, לדוגמה: colors:['red','#004411'].

סוג: מערך של מחרוזות
ברירת מחדל: צבעי ברירת מחדל
hAxis

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
סוג: object
ברירת המחדל: null
hAxis.direction

כיוון הצמיחה של הערכים לאורך הציר האופקי. מציינים -1 כדי להפוך את סדר הערכים.

סוג: 1 או -1
ברירת המחדל: 1
hAxis.gridlines

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

{color: '#333', minSpacing: 20}

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
hAxis.gridlines.color

הצבע של קווי הרשת האופקיים בתוך שטח התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת המחדל: '#CCC'
hAxis.gridlines.count

המספר המשוער של קווי רשת אופקיים בתוך אזור התרשים. אם מציינים מספר חיובי ל-gridlines.count, הוא ישמש לחישוב minSpacing בין קווי הרשת. תוכלו לציין את הערך 1 כדי לשרטט רק קו רשת אחד, או 0 כדי לא לשרטט קווי רשת. מציינים את הערך -1, שהוא ברירת המחדל, כדי לחשב אוטומטית את מספר קווי הרשת על סמך אפשרויות אחרות.

סוג: number
ברירת המחדל: -1
hAxis.logScale

המאפיין hAxis שהופך את הציר האופקי לסולם לוגריתמי (צריך שכל הערכים יהיו חיוביים). יש להגדיר את הערך true כדי להשיב 'כן'.

האפשרות הזו נתמכת רק בציר continuous.

סוג: boolean
ברירת המחדל: false
hAxis.maxValue

מעביר את הערך המקסימלי של הציר האופקי לערך שצוין. ברוב התרשימים הערך יהיה ימינה. המערכת תתעלם מערך זה אם הוא מוגדר לערך הקטן מערך ה-x המקסימלי של הנתונים. המאפיין hAxis.viewWindow.max מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
hAxis.minorGridlines

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

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
hAxis.minorGridlines.color

הצבע של קווי הרשת המשניים האופקיים בתוך שטח התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת מחדל: שילוב של צבעי קו הרשת ורקע
hAxis.minorGridlines.count

האפשרות minorGridlines.count הוצאה משימוש ברובה, חוץ מהבדל אחד: כדי להשבית קווי רשת משניים, מגדירים את הספירה ל-0. מספר קווי הרשת המשניים תלוי עכשיו רק במרווח בין קווי הרשת הראשיים (ראו hAxis.gridlines.interval) וברווח המינימלי שנדרש (ראו hAxis.minorGridlines.minSpacing).

סוג: number
ברירת המחדל: 1
hAxis.minValue

מעביר את הערך המינימלי של הציר האופקי לערך שצוין. ברוב התרשימים הוא יופנה שמאלה. המערכת תתעלם ממנו אם מוגדר ערך שגדול מערך ה-x המינימלי של הנתונים. המאפיין hAxis.viewWindow.min מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
hAxis.textPosition

מיקום הטקסט של הציר האופקי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
hAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האופקי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

מאפיין hAxis שמציין את הכותרת של הציר האופקי.

סוג: string
ברירת המחדל: null
hAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האופקי. זהו הפורמט של האובייקט: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

מציינת את טווח החיתוך של הציר האופקי.

סוג: object
ברירת המחדל: null
hAxis.viewWindow.max

הערך המקסימלי של נתונים אופקיים שיש לעבד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
hAxis.viewWindow.min

הערך המינימלי של נתונים אופקיים לעיבוד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
גובה

גובה התרשים בפיקסלים.

סוג: number
ברירת מחדל: גובה הרכיב שמכיל
isStacked

אם המדיניות מוגדרת לערך true, הרכיבים עוקפים בכל הסדרות בכל ערך דומיין. הערה: בתרשימים Column, Area ו-SteppedArea, Google Charts הופך את הסדר של פריטי המקרא להתאמה טובה יותר לערימה של רכיבי הסדרה (למשל, סדרה 0 תהיה הפריט האחרון במקרא). הפריט הזה לא רלוונטי לתרשימי עמודות.

האפשרות isStacked תומכת גם בערימה של 100%, שבה מתבצעת התאמה מחדש של ערימות הרכיבים בכל ערך דומיין לסכום של עד 100%.

האפשרויות עבור isStacked הן:

  • false — רכיבים לא יקובצו. זוהי ברירת המחדל.
  • true — מקבץ רכיבים לכל הסדרות בכל ערך דומיין.
  • 'percent' — מקבצים רכיבים לכל הסדרות בכל ערך דומיין ומשנה את קנה המידה שלהם כך שהם יסתכמו ב-100%, כשהערך של כל רכיב מחושב כאחוז של 100%.
  • 'relative' - מקבצי רכיבים לכל הסדרות בכל ערך דומיין, ומשנים את קנה המידה שלהם כך שסכום הערכים יהיה 1, כאשר הערך של כל רכיב מחושב כשבר של 1.
  • 'absolute' — פועלת כמו isStacked: true.

בערימה של 100%, הערך המחושב לכל רכיב יופיע בהסבר הקצר אחרי הערך בפועל.

כברירת מחדל, ערכי ציר היעד מחושבים על סמך סולם יחסי של 0-1 כשברים של 1 ל-'relative' ו-0-100% עבור 'percent' (הערה: כשמשתמשים באפשרות 'percent', ערכי הציר/הסימון מוצגים כאחוזים, אבל הערכים בפועל הם הערכים היחסיים של סולם מ-0-1. הסיבה לכך היא שסימני הציר באחוזים הם תוצאה של החלת הפורמט '#.##%' על הערכים היחסיים בסולם 0-1. כשמשתמשים ב-isStacked: 'percent', חשוב לציין סימונים או קווי רשת באמצעות הערכים היחסיים של סולם מ-0 עד 1. אפשר להתאים אישית את קווי הרשת או את הערכים ואת העיצוב באמצעות האפשרויות המתאימות של hAxis/vAxis.

סידור בערימה ב-100% תומך רק בערכי נתונים מסוג number, ובסיס הנתונים שלו צריך להיות אפס.

סוג: boolean/string
ברירת המחדל: false
מקרא

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
סוג: object
ברירת המחדל: null
legend.position

המיקום של המקרא. יכול להיות אחת מהאפשרויות הבאות:

  • 'bottom' – מתחת לתרשים.
  • 'left' – משמאל לתרשים, בתנאי שלא משויכת לציר השמאלי סדרה. לכן, אם ברצונך להשתמש במקרא שבצד ימין, השתמשו באפשרות targetAxisIndex: 1.
  • 'in' – בתוך התרשים, בפינה הימנית העליונה.
  • 'none' – לא מוצג מקרא.
  • 'right' – משמאל לתרשים. לא תואם לאפשרות vAxes.
  • 'top' - מעל התרשים.
סוג: string
ברירת המחדל: 'right'
legendTextStyle

אובייקט שמציין את סגנון הטקסט של המקרא. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

אם הערך מוגדר ל-true, הסדרה משרטטת משמאל לימין. ברירת המחדל היא לצייר משמאל לימין.

האפשרות הזו נתמכת רק בציר discrete major.

סוג: boolean
ברירת המחדל: false
סדרה

מערך של אובייקטים, שכל אחד מהם מתאר את הפורמט של הסדרה המתאימה בתרשים. כדי להשתמש בערכי ברירת מחדל לסדרה, צריך לציין אובייקט ריק {}. אם לא תציינו סדרה או ערך, המערכת תשתמש בערך הגלובלי. כל אובייקט תומך במאפיינים הבאים:

  • annotations – אובייקט שצריך להחיל על הערות בסדרה הזו. אפשר להשתמש בו כדי לשלוט, למשל, ב-textStyle של הסדרה: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    לרשימה מלאה יותר של האפשרויות שאפשר להתאים אישית, אפשר לעיין באפשרויות השונות של annotations.

  • color – הצבע שבו רוצים להשתמש בסדרה. צריך לציין מחרוזת חוקית של צבע HTML.
  • labelInLegend – תיאור הסדרה שתופיע במקרא של התרשים.
  • targetAxisIndex – לאיזה ציר להקצות את הסדרה הזו, כאשר 0 הוא ציר ברירת המחדל ו-1 הוא הציר הנגדי. ערך ברירת המחדל הוא 0. מוגדר כ-1 כדי להגדיר תרשים שבו סדרות שונות מעובדות מול צירים שונים. צריך להקצות לפחות סדרה אחת לציר ברירת המחדל. אפשר להגדיר קנה מידה שונה לצירים שונים.

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
סוג: מערך של אובייקטים או אובייקטים עם אובייקטים בתצוגת עץ
ברירת המחדל: {}
כותרת משנה

טקסט להצגה מתחת לכותרת התרשים.

סוג: string
ברירת מחדל: ללא שם
subtitleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת.

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
עיצוב

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

  • 'maximized' - הגדלת השטח של התרשים, ושרטוט המקרא וכל התוויות בתוך אזור התרשים.
סוג: string
ברירת המחדל: null
title

טקסט להצגה מעל התרשים.

סוג: string
ברירת מחדל: ללא שם
titleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
קווי מגמה

הצגת קווי מגמות בתרשימים שתומכים בהם. כברירת מחדל נעשה שימוש בקווי מגמות של linear, אבל אפשר להתאים אותם אישית באמצעות האפשרות trendlines.n.type.

קווי המגמה מפורטים לכל סדרה, כך שברוב המקרים האפשרויות ייראו כך: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
סוג: object
ברירת המחדל: null
trendlines.n.color

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

סוג: string
ברירת מחדל: צבע ברירת המחדל של הסדרה
trendlines.n.degree

עבור קווי מגמה של type: 'polynomial', דרגת הפולינום (2 בשביל ריבועי, 3 למכפלה וכן הלאה).

סוג: number
ברירת המחדל: 3
trendlines.n.labelInLegend

אם ההגדרה מוגדרת, קו המגמה יופיע במקרא בתור המחרוזת הזו.

סוג: string
ברירת המחדל: null
trendlines.n.lineWidth

רוחב הקו של קו המגמה, בפיקסלים.

סוג: number
ברירת המחדל: 2
trendlines.n.type

אם קווי המגמה הם 'linear' (ברירת המחדל), 'exponential' או 'polynomial'.

סוג: string
ברירת המחדל: linear
trendlines.n.visibleInLegend

אם המשוואה קו מגמה מופיעה במקרא. הוא יופיע בהסבר הקצר של קו המגמה.

סוג: boolean
ברירת המחדל: false
useFirstColumnAsDomain

אם הערך מוגדר ל-true, התרשים יתייחס לעמודה כדומיין.

סוג: boolean
vAxes

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

כדי לציין תרשים עם כמה צירים אנכיים, קודם צריך להגדיר ציר חדש באמצעות series.targetAxisIndex ואז להגדיר אותו באמצעות vAxes. הדוגמה הבאה מקצה את סדרה 2 לציר השמאלי ומציינת עבורה כותרת וסגנון טקסט מותאמים אישית: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

המאפיין יכול להיות אובייקט או מערך: האובייקט הוא אוסף של אובייקטים, שלכל אחד מהם יש תווית מספרית שמציינת את הציר שהוא מגדיר. זהו הפורמט שמוצג למעלה; המערך הוא מערך של אובייקטים, אחד בכל ציר. לדוגמה, הסימון הבא של סגנון מערך זהה לאובייקט vAxis שמוצג למעלה: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
סוג: מערך של אובייקט או אובייקט עם אובייקטים צאצאים
ברירת המחדל: null
vAxis

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
סוג: object
ברירת המחדל: null
vAxis.direction

הכיוון שבו הערכים לאורך הציר האנכי. כברירת מחדל, ערכים נמוכים מופיעים בתחתית התרשים. מציינים -1 כדי להפוך את סדר הערכים.

סוג: 1 או -1
ברירת המחדל: 1
vAxis.gridlines

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

{color: '#333', minSpacing: 20}

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
vAxis.gridlines.color

הצבע של קווי הרשת האנכיים בתוך אזור התרשים. צריך לציין מחרוזת חוקית של צבע HTML.

סוג: string
ברירת המחדל: '#CCC'
vAxis.gridlines.count

המספר המשוער של קווי רשת אופקיים בתוך אזור התרשים. אם מציינים מספר חיובי ל-gridlines.count, הוא ישמש לחישוב minSpacing בין קווי הרשת. תוכלו לציין את הערך 1 כדי לשרטט רק קו רשת אחד, או 0 כדי לא לשרטט קווי רשת. מציינים את הערך -1, שהוא ברירת המחדל, כדי לחשב אוטומטית את מספר קווי הרשת על סמך אפשרויות אחרות.

סוג: number
ברירת המחדל: -1
vAxis.logScale

אם הערך שלו הוא true, הציר האנכי הוא קנה מידה לוגריתמי. הערה:כל הערכים חייבים להיות חיוביים.

סוג: boolean
ברירת המחדל: false
vAxis.maxValue

מעביר את הערך המקסימלי של הציר האנכי לערך שצוין. ברוב התרשימים הערך יהיה כלפי מעלה. המערכת תתעלם מערך זה אם מוגדר לערך הקטן מערך ה-y המקסימלי של הנתונים. המאפיין vAxis.viewWindow.max מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
vAxis.minorGridlines

אובייקט עם חברים להגדרת קווי הרשת המשניים בציר האנכי, בדומה לאפשרות vAxis.gridlines.

סוג: object
ברירת המחדל: null
vAxis.minorGridlines.color

הצבע של קווי הרשת המשניים האנכיים בתוך אזור התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת מחדל: שילוב של צבעי קו הרשת ורקע
vAxis.minorGridlines.count

האפשרות minorGridlines.count בדרך כלל הוצאה משימוש, חוץ מאשר כדי להשבית קווי רשת משניים על ידי הגדרת הספירה ל-0. מספר קווי הרשת המשניים תלוי במרווח בין קווי הרשת הראשיים וברווח המינימלי הנדרש.

סוג: number
ברירת המחדל: 1
vAxis.minValue

מעביר את הערך המינימלי של הציר האנכי לערך שצוין. הוא יהיה ירידה ברוב התרשימים. המערכת תתעלם ממנו אם הערך הזה מוגדר לערך שגדול מערך ה-y המינימלי של הנתונים. המאפיין vAxis.viewWindow.min מבטל את המאפיין הזה.

סוג: number
ברירת המחדל: null
vAxis.textPosition

מיקום הטקסט של הציר האנכי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
vAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

מציין כותרת לציר האנכי.

סוג: string
ברירת מחדל: ללא שם
vAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

מציין את טווח החיתוך של הציר האנכי.

סוג: object
ברירת המחדל: null
vAxis.viewWindow.max

הערך המקסימלי של נתונים אנכיים שיש לעבד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי
vAxis.viewWindow.min

הערך המינימלי של נתונים אנכיים לעיבוד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי

אפשרויות תצורה של תרשים משולב

שם
areaOpacity

רמת האטימות של ברירת המחדל של האזור הצבעוני מתחת לסדרה של תרשים שטח, שבה 0.0 הוא שקוף לחלוטין ו-1.0 הוא אטום מלא. כדי לציין שקיפות עבור סדרה בודדת, מגדירים את הערך areaOpacity במאפיין series.

סוג: number, 0.0- 1.0
ברירת המחדל: 0.3
backgroundColor

צבע הרקע של האזור הראשי בתרשים. יכולה להיות מחרוזת צבע פשוטה של HTML, לדוגמה: 'red' או '#00cc00', או אובייקט עם המאפיינים הבאים.

סוג: string או object
ברירת המחדל: 'white'
backgroundColor.fill

צבע המילוי של התרשים, כמחרוזת של צבע HTML.

סוג: string
ברירת המחדל: 'white'
chartArea

אובייקט עם חברים להגדרת המיקום והגודל של האזור בתרשים (שבו התרשים עצמו משורטט, לא כולל צירים ומקראים). יש שני פורמטים נתמכים: מספר או מספר ואחריו %. מספר פשוט הוא ערך בפיקסלים, ומספר ואחריו % הוא אחוז. דוגמה: chartArea:{left:20,top:0,width:'50%',height:'75%'}

סוג: object
ברירת המחדל: null
chartArea.backgroundColor
צבע רקע של אזור התרשים. כשמשתמשים במחרוזת, היא יכולה להיות מחרוזת הקסדצימלית (למשל, '#fdc') או שם של צבע באנגלית. כשמשתמשים באובייקט, אפשר לספק את המאפיינים הבאים:
  • stroke: הצבע, מסופק כמחרוזת הקסדצימלית או כשם של צבע באנגלית.
  • strokeWidth: אם צוין גבול, משרטטים גבול מסביב לאזור של הרוחב הנתון בתרשים (ובצבע stroke).
סוג: string או object
ברירת המחדל: 'white'
chartArea.height

גובה השטח של התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.left

המרחק מהגבול השמאלי לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.top

המרחק מהגבול העליון לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.width

רוחב שטח התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
צבעים

הצבעים של הרכיבים בתרשים. מערך מחרוזות, כאשר כל רכיב הוא מחרוזת של צבע HTML, לדוגמה: colors:['red','#004411'].

סוג: מערך של מחרוזות
ברירת מחדל: צבעי ברירת מחדל
curveType

המדיניות קובעת את עקומת הקווים כאשר רוחב הקו אינו אפס. יכול להיות אחת מהאפשרויות הבאות:

  • 'none' – קווים ישרים ללא עקומה.
  • 'function' – הזוויות של הקו יעברו החלקה.
סוג:string
ברירת מחדל: 'none'
hAxis

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
סוג: object
ברירת המחדל: null
hAxis.direction

כיוון הצמיחה של הערכים לאורך הציר האופקי. מציינים -1 כדי להפוך את סדר הערכים.

סוג: 1 או -1
ברירת המחדל: 1
hAxis.gridlines

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

{color: '#333', minSpacing: 20}

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
hAxis.gridlines.color

הצבע של קווי הרשת האופקיים בתוך שטח התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת המחדל: '#CCC'
hAxis.gridlines.count

המספר המשוער של קווי רשת אופקיים בתוך אזור התרשים. אם מציינים מספר חיובי ל-gridlines.count, הוא ישמש לחישוב minSpacing בין קווי הרשת. תוכלו לציין את הערך 1 כדי לשרטט רק קו רשת אחד, או 0 כדי לא לשרטט קווי רשת. מציינים את הערך -1, שהוא ברירת המחדל, כדי לחשב אוטומטית את מספר קווי הרשת על סמך אפשרויות אחרות.

סוג: number
ברירת המחדל: -1
hAxis.logScale

המאפיין hAxis שהופך את הציר האופקי לסולם לוגריתמי (צריך שכל הערכים יהיו חיוביים). יש להגדיר את הערך true כדי להשיב 'כן'.

האפשרות הזו נתמכת רק בציר continuous.

סוג: boolean
ברירת המחדל: false
hAxis.maxValue

מעביר את הערך המקסימלי של הציר האופקי לערך שצוין. ברוב התרשימים הערך יהיה ימינה. המערכת תתעלם מערך זה אם הוא מוגדר לערך הקטן מערך ה-x המקסימלי של הנתונים. המאפיין hAxis.viewWindow.max מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
hAxis.minorGridlines

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

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
hAxis.minorGridlines.color

הצבע של קווי הרשת המשניים האופקיים בתוך שטח התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת מחדל: שילוב של צבעי קו הרשת ורקע
hAxis.minorGridlines.count

האפשרות minorGridlines.count הוצאה משימוש ברובה, חוץ מהבדל אחד: כדי להשבית קווי רשת משניים, מגדירים את הספירה ל-0. מספר קווי הרשת המשניים תלוי עכשיו רק במרווח בין קווי הרשת הראשיים (ראו hAxis.gridlines.interval) וברווח המינימלי שנדרש (ראו hAxis.minorGridlines.minSpacing).

סוג: number
ברירת המחדל: 1
hAxis.minValue

מעביר את הערך המינימלי של הציר האופקי לערך שצוין. ברוב התרשימים הוא יופנה שמאלה. המערכת תתעלם ממנו אם מוגדר ערך שגדול מערך ה-x המינימלי של הנתונים. המאפיין hAxis.viewWindow.min מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
hAxis.textPosition

מיקום הטקסט של הציר האופקי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
hAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האופקי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

מאפיין hAxis שמציין את הכותרת של הציר האופקי.

סוג: string
ברירת המחדל: null
hAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האופקי. זהו הפורמט של האובייקט: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

מציינת את טווח החיתוך של הציר האופקי.

סוג: object
ברירת המחדל: null
hAxis.viewWindow.max

הערך המקסימלי של נתונים אופקיים שיש לעבד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
hAxis.viewWindow.min

הערך המינימלי של נתונים אופקיים לעיבוד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
גובה

גובה התרשים בפיקסלים.

סוג: number
ברירת מחדל: גובה הרכיב שמכיל
interpolateNulls

האם לנחש את הערך של נקודות חסרות. אם הערך שלו הוא true, הוא ינחש את הערך של הנתונים החסרים על סמך נקודות קרובות. אם הערך הוא false, הוא ישאיר הפסקה בשורה בנקודה לא ידועה.

האפשרות הזו לא נתמכת בתרשימי אזור עם האפשרות isStacked: true/'percent'/'relative'/'absolute'.

סוג: boolean
ברירת המחדל: false
isStacked

אם המדיניות מוגדרת לערך true, הרכיבים עוקפים בכל הסדרות בכל ערך דומיין. הערה: בתרשימים Column, Area ו-SteppedArea, Google Charts הופך את הסדר של פריטי המקרא להתאמה טובה יותר לערימה של רכיבי הסדרה (למשל, סדרה 0 תהיה הפריט האחרון במקרא). הפריט הזה לא רלוונטי לתרשימי עמודות.

האפשרות isStacked תומכת גם בערימה של 100%, שבה מתבצעת התאמה מחדש של ערימות הרכיבים בכל ערך דומיין לסכום של עד 100%.

האפשרויות עבור isStacked הן:

  • false — רכיבים לא יקובצו. זוהי ברירת המחדל.
  • true — מקבץ רכיבים לכל הסדרות בכל ערך דומיין.
  • 'percent' — מקבצים רכיבים לכל הסדרות בכל ערך דומיין ומשנה את קנה המידה שלהם כך שהם יסתכמו ב-100%, שהערך של כל רכיב מחושב כאחוז של 100%.
  • 'relative' - מקבצי רכיבים לכל הסדרות בכל ערך דומיין, ומשנים את קנה המידה שלהם כך שסכום הערכים יהיה 1, כאשר הערך של כל רכיב מחושב כשבר של 1.
  • 'absolute' — פועלת כמו isStacked: true.

בערימה של 100%, הערך המחושב לכל רכיב יופיע בהסבר הקצר אחרי הערך בפועל.

כברירת מחדל, ערכי ציר היעד מחושבים על סמך סולם יחסי של 0-1 כשברים של 1 ל-'relative' ו-0-100% עבור 'percent' (הערה: כשמשתמשים באפשרות 'percent', ערכי הציר/הסימון מוצגים כאחוזים, אבל הערכים בפועל הם הערכים היחסיים של סולם מ-0-1. הסיבה לכך היא שסימני הציר באחוזים הם תוצאה של החלת הפורמט '#.##%' על הערכים היחסיים בסולם 0-1. כשמשתמשים ב-isStacked: 'percent', חשוב לציין סימונים או קווי רשת באמצעות הערכים היחסיים של סולם מ-0 עד 1. אפשר להתאים אישית את קווי הרשת או את הערכים ואת העיצוב באמצעות האפשרויות המתאימות של hAxis/vAxis.

סידור בערימה ב-100% תומך רק בערכי נתונים מסוג number, ובסיס הנתונים שלו צריך להיות אפס.

סוג: boolean/string
ברירת המחדל: false
מקרא

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
סוג: object
ברירת המחדל: null
legend.position

המיקום של המקרא. יכול להיות אחת מהאפשרויות הבאות:

  • 'bottom' – מתחת לתרשים.
  • 'left' – משמאל לתרשים, בתנאי שלא משויכת לציר השמאלי סדרה. לכן, אם ברצונך להשתמש במקרא שבצד ימין, השתמשו באפשרות targetAxisIndex: 1.
  • 'in' – בתוך התרשים, בפינה הימנית העליונה.
  • 'none' – לא מוצג מקרא.
  • 'right' – משמאל לתרשים. לא תואם לאפשרות vAxes.
  • 'top' - מעל התרשים.
סוג: string
ברירת המחדל: 'right'
legendTextStyle

אובייקט שמציין את סגנון הטקסט של המקרא. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

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

סוג: number
ברירת המחדל: 2
pointShape

הצורה של רכיבי נתונים בודדים: 'circle', 'triangle', 'square', 'diamond', 'star' או 'polygon'. לדוגמאות, אפשר לעיין במסמכי התיעוד בנושא נקודות .

סוג: string
ברירת המחדל: 'circle'
pointSize

קוטר הנקודות המוצגות בפיקסלים. יש להשתמש באפס כדי להסתיר את כל הנקודות. אפשר לשנות את הערכים של סדרות ספציפיות באמצעות המאפיין series. אם משתמשים בקו מגמה, האפשרות pointSize תשפיע על הרוחב של קו המגמה, אלא אם משנים אותו באמצעות האפשרות trendlines.n.pointsize.

סוג: number
ברירת המחדל: 0
reverseCategories

אם הערך מוגדר ל-true, הסדרה משרטטת משמאל לימין. ברירת המחדל היא לצייר משמאל לימין.

האפשרות הזו נתמכת רק בציר discrete major.

סוג: boolean
ברירת המחדל: false
סדרה

מערך של אובייקטים, שכל אחד מהם מתאר את הפורמט של הסדרה המתאימה בתרשים. כדי להשתמש בערכי ברירת מחדל לסדרה, צריך לציין אובייקט ריק {}. אם לא תציינו סדרה או ערך, המערכת תשתמש בערך הגלובלי. כל אובייקט תומך במאפיינים הבאים:

  • annotations – אובייקט שצריך להחיל על הערות בסדרה הזו. אפשר להשתמש בו כדי לשלוט, למשל, ב-textStyle של הסדרה: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    לרשימה מלאה יותר של האפשרויות שאפשר להתאים אישית, אפשר לעיין באפשרויות השונות של annotations.

  • areaOpacity – ביטול של areaOpacity הגלובלי לסדרה הזו.
  • color – הצבע שבו רוצים להשתמש בסדרה. צריך לציין מחרוזת חוקית של צבע HTML.
  • curveType – ביטול הערך הגלובלי של curveType לסדרה הזו.
  • fallingColor.fill – ביטול הערך הגלובלי של candlestick.fallingColor.fill בסדרה הזו.
  • fallingColor.stroke – ביטול הערך הגלובלי של candlestick.fallingColor.stroke בסדרה הזו.
  • fallingColor.strokeWidth – ביטול הערך הגלובלי של candlestick.fallingColor.strokeWidth בסדרה הזו.
  • labelInLegend – תיאור הסדרה שתופיע במקרא של התרשים.
  • lineDashStyle – ביטול הערך הגלובלי של lineDashStyle לסדרה הזו.
  • lineWidth – ביטול הערך הגלובלי של lineWidth לסדרה הזו.
  • pointShape – ביטול הערך הגלובלי של pointShape לסדרה הזו.
  • pointSize – ביטול הערך הגלובלי של pointSize לסדרה הזו.
  • pointsVisible – ביטול הערך הגלובלי של pointsVisible לסדרה הזו.
  • risingColor.fill – ביטול הערך הגלובלי של candlestick.risingColor.fill בסדרה הזו.
  • risingColor.stroke – ביטול הערך הגלובלי של candlestick.risingColor.stroke בסדרה הזו.
  • risingColor.strokeWidth – ביטול הערך הגלובלי של candlestick.risingColor.strokeWidth בסדרה הזו.
  • targetAxisIndex – לאיזה ציר להקצות את הסדרה הזו, כאשר 0 הוא ציר ברירת המחדל ו-1 הוא הציר הנגדי. ערך ברירת המחדל הוא 0. מוגדר כ-1 כדי להגדיר תרשים שבו סדרות שונות מעובדות מול צירים שונים. צריך להקצות לפחות סדרה אחת לציר ברירת המחדל. אפשר להגדיר קנה מידה שונה לצירים שונים.
  • type – סוג הסמן לסדרה הזו. הערכים החוקיים הם 'line', 'area', 'bars' ו-'steppedArea'. שימו לב שעמודות הן למעשה קווים אנכיים (עמודות). ערך ברירת המחדל נקבע על ידי האפשרות seriesType של התרשים.
  • visibleInLegend – ערך boolean, כאשר true פירושו שהסדרה צריכה לכלול ערך מקרא ו-false מציין שלא אמורה להיות לה ערך כזה. ברירת המחדל היא true.

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
סוג: מערך של אובייקטים או אובייקטים עם אובייקטים בתצוגת עץ
ברירת המחדל: {}
כותרת משנה

טקסט להצגה מתחת לכותרת התרשים.

סוג: string
ברירת מחדל: ללא שם
subtitleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת.

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
עיצוב

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

  • 'maximized' - הגדלת השטח של התרשים, ושרטוט המקרא וכל התוויות בתוך אזור התרשים.
סוג: string
ברירת המחדל: null
title

טקסט להצגה מעל התרשים.

סוג: string
ברירת מחדל: ללא שם
titleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

אם הערך מוגדר ל-true, התרשים יתייחס לעמודה כדומיין.

סוג: boolean
vAxes

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

כדי לציין תרשים עם כמה צירים אנכיים, קודם צריך להגדיר ציר חדש באמצעות series.targetAxisIndex ואז להגדיר אותו באמצעות vAxes. הדוגמה הבאה מקצה את סדרה 2 לציר השמאלי ומציינת עבורה כותרת וסגנון טקסט מותאמים אישית: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

המאפיין יכול להיות אובייקט או מערך: האובייקט הוא אוסף של אובייקטים, שלכל אחד מהם יש תווית מספרית שמציינת את הציר שהוא מגדיר. זהו הפורמט שמוצג למעלה; המערך הוא מערך של אובייקטים, אחד בכל ציר. לדוגמה, הסימון הבא של סגנון מערך זהה לאובייקט vAxis שמוצג למעלה: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
סוג: מערך של אובייקט או אובייקט עם אובייקטים צאצאים
ברירת המחדל: null
vAxis

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
סוג: object
ברירת המחדל: null
vAxis.direction

הכיוון שבו הערכים לאורך הציר האנכי. כברירת מחדל, ערכים נמוכים מופיעים בתחתית התרשים. מציינים -1 כדי להפוך את סדר הערכים.

סוג: 1 או -1
ברירת המחדל: 1
vAxis.gridlines

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

{color: '#333', minSpacing: 20}

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
vAxis.gridlines.color

הצבע של קווי הרשת האנכיים בתוך אזור התרשים. צריך לציין מחרוזת חוקית של צבע HTML.

סוג: string
ברירת המחדל: '#CCC'
vAxis.gridlines.count

המספר המשוער של קווי רשת אופקיים בתוך אזור התרשים. אם מציינים מספר חיובי ל-gridlines.count, הוא ישמש לחישוב minSpacing בין קווי הרשת. תוכלו לציין את הערך 1 כדי לשרטט רק קו רשת אחד, או 0 כדי לא לשרטט קווי רשת. מציינים את הערך -1, שהוא ברירת המחדל, כדי לחשב אוטומטית את מספר קווי הרשת על סמך אפשרויות אחרות.

סוג: number
ברירת המחדל: -1
vAxis.logScale

אם הערך שלו הוא true, הציר האנכי הוא קנה מידה לוגריתמי. הערה:כל הערכים חייבים להיות חיוביים.

סוג: boolean
ברירת המחדל: false
vAxis.maxValue

מעביר את הערך המקסימלי של הציר האנכי לערך שצוין. ברוב התרשימים הערך יהיה כלפי מעלה. המערכת תתעלם מערך זה אם מוגדר לערך הקטן מערך ה-y המקסימלי של הנתונים. המאפיין vAxis.viewWindow.max מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
vAxis.minorGridlines

אובייקט עם חברים להגדרת קווי הרשת המשניים בציר האנכי, בדומה לאפשרות vAxis.gridlines.

סוג: object
ברירת המחדל: null
vAxis.minorGridlines.color

הצבע של קווי הרשת המשניים האנכיים בתוך אזור התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת מחדל: שילוב של צבעי קו הרשת ורקע
vAxis.minorGridlines.count

האפשרות minorGridlines.count בדרך כלל הוצאה משימוש, חוץ מאשר כדי להשבית קווי רשת משניים על ידי הגדרת הספירה ל-0. מספר קווי הרשת המשניים תלוי במרווח בין קווי הרשת הראשיים וברווח המינימלי הנדרש.

סוג: number
ברירת המחדל: 1
vAxis.minValue

מעביר את הערך המינימלי של הציר האנכי לערך שצוין. הוא יהיה ירידה ברוב התרשימים. המערכת תתעלם ממנו אם הערך הזה מוגדר לערך שגדול מערך ה-y המינימלי של הנתונים. המאפיין vAxis.viewWindow.min מבטל את המאפיין הזה.

סוג: number
ברירת המחדל: null
vAxis.textPosition

מיקום הטקסט של הציר האנכי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
vAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

מציין כותרת לציר האנכי.

סוג: string
ברירת מחדל: ללא שם
vAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

מציין את טווח החיתוך של הציר האנכי.

סוג: object
ברירת המחדל: null
vAxis.viewWindow.max

הערך המקסימלי של נתונים אנכיים שיש לעבד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי
vAxis.viewWindow.min

הערך המינימלי של נתונים אנכיים לעיבוד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי

אפשרויות ההגדרה של המד

שם
greenColor

הצבע לשימוש בקטע הירוק בסימון הצבעים של HTML.

סוג: string
ברירת המחדל: '#109618'
greenFrom

הערך הנמוך ביותר של טווח שמסומן בצבע ירוק.

סוג: number
ברירת מחדל: ללא
greenTo

הערך הגבוה ביותר של טווח שמסומן בצבע ירוק.

סוג: number
ברירת מחדל: ללא
גובה

גובה התרשים בפיקסלים.

סוג: number
ברירת מחדל: רוחב מאגר תגים
מקסימלי

הערך המקסימלי להצגה בציר ה-Y. אם נקודת הנתונים המקסימלית חורגת מהערך הזה, המערכת תתעלם מההגדרה הזו ותתאים את התרשים כך שיציג את סימן האישור הראשי הבא מעל נקודת הנתונים המקסימלית. הערך הזה מקבל עדיפות על פני הערך המקסימלי של ציר ה-Y שנקבע על ידי scaleType.

המדד הזה דומה לערך maxValue בתרשימי ליבה.

סוג: number
ברירת מחדל: אוטומטי
דקה

הערך המינימלי להצגה בציר ה-Y. אם נקודת הנתונים המינימלית נמוכה מהערך הזה, המערכת תתעלם מההגדרה הזו ותתאים את התרשים כך שיוצג סימן האישור הראשי הבא מתחת לנקודת הנתונים המינימלית. הערך הזה מקבל עדיפות על פני הערך המינימלי של ציר ה-Y שנקבע על ידי scaleType.

המדד הזה דומה לערך minValue בתרשימי ליבה.

סוג: number
ברירת מחדל: אוטומטי
redColor

הצבע שיוגדר בקטע האדום בסימון הצבעים של HTML.

סוג: string
ברירת המחדל: '#DC3912'
redFrom

הערך הנמוך ביותר של טווח שמסומן בצבע אדום.

סוג: number
ברירת מחדל: ללא
redTo

הערך הגבוה ביותר של טווח שמסומן בצבע אדום.

סוג: number
ברירת מחדל: ללא
רוחב

רוחב התרשים בפיקסלים.

סוג: number
ברירת מחדל: רוחב מאגר תגים
yellowColor

הצבע שיוגדר בקטע הצהוב בסימון הצבעים של HTML.

סוג: string
ברירת המחדל: '#FF9900'
yellowFrom

הערך הנמוך ביותר של טווח שמסומן בצבע צהוב.

סוג: number
ברירת מחדל: ללא
yellowTo

הערך הגבוה ביותר של טווח שמסומן בצבע צהוב.

סוג: number
ברירת מחדל: ללא

אפשרויות הגדרה של Geochart

שם
backgroundColor

צבע הרקע של האזור הראשי בתרשים. יכולה להיות מחרוזת צבע פשוטה של HTML, לדוגמה: 'red' או '#00cc00', או אובייקט עם המאפיינים הבאים.

סוג: string או object
ברירת המחדל: 'white'
backgroundColor.fill

צבע המילוי של התרשים, כמחרוזת של צבע HTML.

סוג: string
ברירת המחדל: 'white'
datalessRegionColor

צבע להקצאה לאזורים ללא נתונים משויכים.

סוג: string
ברירת המחדל: '#F5F5F5'
defaultColor

הצבע שבו יש להשתמש לנקודות נתונים בתרשים גיאוגרפי כאשר המיקום (למשל, 'US' ) קיים, אבל הערך הוא null או שלא צוין. ההבדל הזה שונה מ-datalessRegionColor, שהוא הצבע שבו נעשה שימוש כשחסרים נתונים.

סוג: string
ברירת המחדל: '#267114'
displayMode

איזה סוג של תרשים גיאוגרפי זה. הפורמט של DataTable חייב להתאים לערך שצוין. הערכים הבאים נתמכים:

  • 'auto' – בחירה בהתאם לפורמט של טבלת ה-DataTable.
  • 'regions' – צבע את האזורים בתרשים הגיאוגרפי.
  • 'markers' - מציבים סמנים באזורים.
  • 'text' – הוספת תוויות לאזורים באמצעות טקסט מ-DataTable.
סוג: string
ברירת מחדל: 'אוטומטי'
גובה

גובה התרשים בפיקסלים.

סוג: number
ברירת מחדל: גובה הרכיב שמכיל
מקרא

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
סוג: object
ברירת המחדל: null
legendTextStyle

אובייקט שמציין את סגנון הטקסט של המקרא. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
region

האזור שיש להציג בתרשים הגיאוגרפי. מוצגים גם האזורים שמסביב. יכול להיות אחת מהאפשרויות הבאות:

  • 'world' - תרשים גיאוגרפי של כל העולם.
  • יבשת או תת-יבשת, שצוינו באמצעות קוד בן 3 ספרות, לדוגמה, '011' למערב אפריקה.
  • מדינה שצוינה בקוד ISO 3166-1 alpha-2, למשל, 'AU' לאוסטרליה.
  • מדינה בארצות הברית, שצוינה באמצעות קוד ISO 3166-2:US שלה, למשל, 'US-AL' לאלבמה. הערה: האפשרות resolution צריכה להיות 'provinces' או 'metros'.
סוג: string
ברירת מחדל: 'world'
רוחב

רוחב התרשים בפיקסלים.

סוג: number
ברירת מחדל: רוחב הרכיב שמכיל

אפשרויות ההגדרה של ההיסטוגרמה

שם
backgroundColor

צבע הרקע של האזור הראשי בתרשים. יכולה להיות מחרוזת צבע פשוטה של HTML, לדוגמה: 'red' או '#00cc00', או אובייקט עם המאפיינים הבאים.

סוג: string או object
ברירת המחדל: 'white'
backgroundColor.fill

צבע המילוי של התרשים, כמחרוזת של צבע HTML.

סוג: string
ברירת המחדל: 'white'
chartArea

אובייקט עם חברים להגדרת המיקום והגודל של האזור בתרשים (שבו התרשים עצמו משורטט, לא כולל צירים ומקראים). יש שני פורמטים נתמכים: מספר או מספר ואחריו %. מספר פשוט הוא ערך בפיקסלים, ומספר ואחריו % הוא אחוז. דוגמה: chartArea:{left:20,top:0,width:'50%',height:'75%'}

סוג: object
ברירת המחדל: null
chartArea.backgroundColor
צבע רקע של אזור התרשים. כשמשתמשים במחרוזת, היא יכולה להיות מחרוזת הקסדצימלית (למשל, '#fdc') או שם של צבע באנגלית. כשמשתמשים באובייקט, אפשר לספק את המאפיינים הבאים:
  • stroke: הצבע, מסופק כמחרוזת הקסדצימלית או כשם של צבע באנגלית.
  • strokeWidth: אם צוין גבול, משרטטים גבול מסביב לאזור של הרוחב הנתון בתרשים (ובצבע stroke).
סוג: string או object/div>
ברירת המחדל: 'white'
chartArea.height

גובה השטח של התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.left

המרחק מהגבול השמאלי לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.top

המרחק מהגבול העליון לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.width

רוחב שטח התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
צבעים

הצבעים של הרכיבים בתרשים. מערך מחרוזות, כאשר כל רכיב הוא מחרוזת של צבע HTML, לדוגמה: colors:['red','#004411'].

סוג: מערך של מחרוזות
ברירת מחדל: צבעי ברירת מחדל
hAxis

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
סוג: object
ברירת המחדל: null
hAxis.gridlines

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

{color: '#333', minSpacing: 20}

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
hAxis.gridlines.color

הצבע של קווי הרשת האופקיים בתוך שטח התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת המחדל: '#CCC'
hAxis.gridlines.count

המספר המשוער של קווי רשת אופקיים בתוך אזור התרשים. אם מציינים מספר חיובי ל-gridlines.count, הוא ישמש לחישוב minSpacing בין קווי הרשת. תוכלו לציין את הערך 1 כדי לשרטט רק קו רשת אחד, או 0 כדי לא לשרטט קווי רשת. מציינים את הערך -1, שהוא ברירת המחדל, כדי לחשב אוטומטית את מספר קווי הרשת על סמך אפשרויות אחרות.

סוג: number
ברירת המחדל: -1
hAxis.minorGridlines

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

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
hAxis.minorGridlines.color

הצבע של קווי הרשת המשניים האופקיים בתוך שטח התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת מחדל: שילוב של צבעי קו הרשת ורקע
hAxis.minorGridlines.count

האפשרות minorGridlines.count הוצאה משימוש ברובה, חוץ מהבדל אחד: כדי להשבית קווי רשת משניים, מגדירים את הספירה ל-0. מספר קווי הרשת המשניים תלוי עכשיו רק במרווח בין קווי הרשת הראשיים (ראו hAxis.gridlines.interval) וברווח המינימלי שנדרש (ראו hAxis.minorGridlines.minSpacing).

סוג: number
ברירת המחדל: 1
hAxis.textPosition

מיקום הטקסט של הציר האופקי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
hAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האופקי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

מאפיין hAxis שמציין את הכותרת של הציר האופקי.

סוג: string
ברירת המחדל: null
hAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האופקי. זהו הפורמט של האובייקט: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

מציינת את טווח החיתוך של הציר האופקי.

סוג: object
ברירת המחדל: null
hAxis.viewWindow.max

הערך המקסימלי של נתונים אופקיים שיש לעבד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
hAxis.viewWindow.min

הערך המינימלי של נתונים אופקיים לעיבוד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
גובה

גובה התרשים בפיקסלים.

סוג: number
ברירת מחדל: גובה הרכיב שמכיל
histogram.bucketSize

כותבים בתוך הקוד את הגודל של כל עמודת היסטוגרמה, ולא מאפשרים לקבוע את הגודל באמצעות אלגוריתם.

סוג: number
ברירת מחדל: אוטומטי
histogram.hideBucketItems

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

סוג: boolean
ברירת המחדל: false
histogram.lastBucketPercentile

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

סוג: number
ברירת המחדל: 0
interpolateNulls

האם לנחש את הערך של נקודות חסרות. אם הערך שלו הוא true, הוא ינחש את הערך של הנתונים החסרים על סמך נקודות קרובות. אם הערך הוא false, הוא ישאיר הפסקה בשורה בנקודה לא ידועה.

האפשרות הזו לא נתמכת בתרשימי אזור עם האפשרות isStacked: true/'percent'/'relative'/'absolute'.

סוג: boolean
ברירת המחדל: false
isStacked

אם המדיניות מוגדרת לערך true, הרכיבים עוקפים בכל הסדרות בכל ערך דומיין. הערה: בתרשימים Column, Area ו-SteppedArea, Google Charts הופך את הסדר של פריטי המקרא להתאמה טובה יותר לערימה של רכיבי הסדרה (למשל, סדרה 0 תהיה הפריט האחרון במקרא). הפריט הזה לא רלוונטי לתרשימי עמודות.

האפשרות isStacked תומכת גם בערימה של 100%, שבה מתבצעת התאמה מחדש של ערימות הרכיבים בכל ערך דומיין לסכום של עד 100%.

האפשרויות עבור isStacked הן:

  • false — רכיבים לא יקובצו. זוהי ברירת המחדל.
  • true — מקבץ רכיבים לכל הסדרות בכל ערך דומיין.
  • 'percent' — מקבצים רכיבים לכל הסדרות בכל ערך דומיין ומשנה את קנה המידה שלהם כך שהם יסתכמו ב-100%, שהערך של כל רכיב מחושב כאחוז של 100%.
  • 'relative' - מקבצי רכיבים לכל הסדרות בכל ערך דומיין, ומשנים את קנה המידה שלהם כך שסכום הערכים יהיה 1, כאשר הערך של כל רכיב מחושב כשבר של 1.
  • 'absolute' — פועלת כמו isStacked: true.

בערימה של 100%, הערך המחושב לכל רכיב יופיע בהסבר הקצר אחרי הערך בפועל.

כברירת מחדל, ערכי ציר היעד מחושבים על סמך סולם יחסי של 0-1 כשברים של 1 ל-'relative' ו-0-100% עבור 'percent' (הערה: כשמשתמשים באפשרות 'percent', ערכי הציר/הסימון מוצגים כאחוזים, אבל הערכים בפועל הם הערכים היחסיים של סולם מ-0-1. הסיבה לכך היא שסימני הציר באחוזים הם תוצאה של החלת הפורמט '#.##%' על הערכים היחסיים בסולם 0-1. כשמשתמשים ב-isStacked: 'percent', חשוב לציין סימונים או קווי רשת באמצעות הערכים היחסיים של סולם מ-0 עד 1. אפשר להתאים אישית את קווי הרשת או את הערכים ואת העיצוב באמצעות האפשרויות המתאימות של hAxis/vAxis.

סידור בערימה ב-100% תומך רק בערכי נתונים מסוג number, ובסיס הנתונים שלו צריך להיות אפס.

סוג: boolean/string
ברירת המחדל: false
מקרא

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
סוג: object
ברירת המחדל: null
legend.position

המיקום של המקרא. יכול להיות אחת מהאפשרויות הבאות:

  • 'bottom' – מתחת לתרשים.
  • 'left' – משמאל לתרשים, בתנאי שלא משויכת לציר השמאלי סדרה. לכן, אם ברצונך להשתמש במקרא שבצד ימין, השתמשו באפשרות targetAxisIndex: 1.
  • 'in' – בתוך התרשים, בפינה הימנית העליונה.
  • 'none' – לא מוצג מקרא.
  • 'right' – משמאל לתרשים. לא תואם לאפשרות vAxes.
  • 'top' - מעל התרשים.
סוג: string
ברירת המחדל: 'right'
legendTextStyle

אובייקט שמציין את סגנון הטקסט של המקרא. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

אם הערך מוגדר ל-true, הסדרה משרטטת משמאל לימין. ברירת המחדל היא לצייר משמאל לימין.

האפשרות הזו נתמכת רק בציר discrete major.

סוג: boolean
ברירת המחדל: false
סדרה

מערך של אובייקטים, שכל אחד מהם מתאר את הפורמט של הסדרה המתאימה בתרשים. כדי להשתמש בערכי ברירת מחדל לסדרה, צריך לציין אובייקט ריק {}. אם לא תציינו סדרה או ערך, המערכת תשתמש בערך הגלובלי. כל אובייקט תומך במאפיינים הבאים:

  • color – הצבע שבו רוצים להשתמש בסדרה. צריך לציין מחרוזת חוקית של צבע HTML.
  • labelInLegend – תיאור הסדרה שתופיע במקרא של התרשים.
  • targetAxisIndex – לאיזה ציר להקצות את הסדרה הזו, כאשר 0 הוא ציר ברירת המחדל ו-1 הוא הציר הנגדי. ערך ברירת המחדל הוא 0. מוגדר כ-1 כדי להגדיר תרשים שבו סדרות שונות מעובדות מול צירים שונים. צריך להקצות לפחות סדרה אחת לציר ברירת המחדל. אפשר להגדיר קנה מידה שונה לצירים שונים.
  • visibleInLegend – ערך boolean, כאשר true פירושו שהסדרה צריכה לכלול ערך מקרא ו-false מציין שלא אמורה להיות לה ערך כזה. ברירת המחדל היא true.

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
סוג: מערך של אובייקטים או אובייקטים עם אובייקטים בתצוגת עץ
ברירת המחדל: {}
כותרת משנה

טקסט להצגה מתחת לכותרת התרשים.

סוג: string
ברירת מחדל: ללא שם
subtitleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת.

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
עיצוב

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

  • 'maximized' - הגדלת השטח של התרשים, ושרטוט המקרא וכל התוויות בתוך אזור התרשים.
סוג: string
ברירת המחדל: null
title

טקסט להצגה מעל התרשים.

סוג: string
ברירת מחדל: ללא שם
titleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

אם הערך מוגדר ל-true, התרשים יתייחס לעמודה כדומיין.

סוג: boolean
vAxes

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

כדי לציין תרשים עם כמה צירים אנכיים, קודם צריך להגדיר ציר חדש באמצעות series.targetAxisIndex ואז להגדיר אותו באמצעות vAxes. הדוגמה הבאה מקצה את סדרה 2 לציר השמאלי ומציינת עבורה כותרת וסגנון טקסט מותאמים אישית: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

המאפיין יכול להיות אובייקט או מערך: האובייקט הוא אוסף של אובייקטים, שלכל אחד מהם יש תווית מספרית שמציינת את הציר שהוא מגדיר. זהו הפורמט שמוצג למעלה; המערך הוא מערך של אובייקטים, אחד בכל ציר. לדוגמה, הסימון הבא של סגנון מערך זהה לאובייקט vAxis שמוצג למעלה: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
סוג: מערך של אובייקט או אובייקט עם אובייקטים צאצאים
ברירת המחדל: null
vAxis

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
סוג: object
ברירת המחדל: null
vAxis.direction

הכיוון שבו הערכים לאורך הציר האנכי. כברירת מחדל, ערכים נמוכים מופיעים בתחתית התרשים. מציינים -1 כדי להפוך את סדר הערכים.

סוג: 1 או -1
ברירת המחדל: 1
vAxis.gridlines

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

{color: '#333', minSpacing: 20}

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
vAxis.gridlines.color

הצבע של קווי הרשת האנכיים בתוך אזור התרשים. צריך לציין מחרוזת חוקית של צבע HTML.

סוג: string
ברירת המחדל: '#CCC'
vAxis.gridlines.count

המספר המשוער של קווי רשת אופקיים בתוך אזור התרשים. אם מציינים מספר חיובי ל-gridlines.count, הוא ישמש לחישוב minSpacing בין קווי הרשת. תוכלו לציין את הערך 1 כדי לשרטט רק קו רשת אחד, או 0 כדי לא לשרטט קווי רשת. מציינים את הערך -1, שהוא ברירת המחדל, כדי לחשב אוטומטית את מספר קווי הרשת על סמך אפשרויות אחרות.

סוג: number
ברירת המחדל: -1
vAxis.logScale

אם הערך שלו הוא true, הציר האנכי הוא קנה מידה לוגריתמי. הערה:כל הערכים חייבים להיות חיוביים.

סוג: boolean
ברירת המחדל: false
vAxis.maxValue

מעביר את הערך המקסימלי של הציר האנכי לערך שצוין. ברוב התרשימים הערך יהיה כלפי מעלה. המערכת תתעלם מערך זה אם מוגדר לערך הקטן מערך ה-y המקסימלי של הנתונים. המאפיין vAxis.viewWindow.max מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
vAxis.minorGridlines

אובייקט עם חברים להגדרת קווי הרשת המשניים בציר האנכי, בדומה לאפשרות vAxis.gridlines.

סוג: object
ברירת המחדל: null
vAxis.minorGridlines.color

הצבע של קווי הרשת המשניים האנכיים בתוך אזור התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת מחדל: שילוב של צבעי קו הרשת ורקע
vAxis.minorGridlines.count

האפשרות minorGridlines.count בדרך כלל הוצאה משימוש, חוץ מאשר כדי להשבית קווי רשת משניים על ידי הגדרת הספירה ל-0. מספר קווי הרשת המשניים תלוי במרווח בין קווי הרשת הראשיים וברווח המינימלי הנדרש.

סוג: number
ברירת המחדל: 1
vAxis.minValue

מעביר את הערך המינימלי של הציר האנכי לערך שצוין. הוא יהיה ירידה ברוב התרשימים. המערכת תתעלם ממנו אם הערך הזה מוגדר לערך שגדול מערך ה-y המינימלי של הנתונים. המאפיין vAxis.viewWindow.min מבטל את המאפיין הזה.

סוג: number
ברירת המחדל: null
vAxis.textPosition

מיקום הטקסט של הציר האנכי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
vAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

מציין כותרת לציר האנכי.

סוג: string
ברירת מחדל: ללא שם
vAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

מציין את טווח החיתוך של הציר האנכי.

סוג: object
ברירת המחדל: null
vAxis.viewWindow.max

הערך המקסימלי של נתונים אנכיים שיש לעבד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי
vAxis.viewWindow.min

הערך המינימלי של נתונים אנכיים לעיבוד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי
רוחב

רוחב התרשים בפיקסלים.

סוג: number
ברירת מחדל: רוחב הרכיב שמכיל

אפשרויות תצורה של תרשים קו

שם
backgroundColor

צבע הרקע של האזור הראשי בתרשים. יכולה להיות מחרוזת צבע פשוטה של HTML, לדוגמה: 'red' או '#00cc00', או אובייקט עם המאפיינים הבאים.

סוג: string או object
ברירת המחדל: 'white'
backgroundColor.fill

צבע המילוי של התרשים, כמחרוזת של צבע HTML.

סוג: string
ברירת המחדל: 'white'
chartArea

אובייקט עם חברים להגדרת המיקום והגודל של האזור בתרשים (שבו התרשים עצמו משורטט, לא כולל צירים ומקראים). יש שני פורמטים נתמכים: מספר או מספר ואחריו %. מספר פשוט הוא ערך בפיקסלים, ומספר ואחריו % הוא אחוז. דוגמה: chartArea:{left:20,top:0,width:'50%',height:'75%'}

סוג: object
ברירת המחדל: null
chartArea.backgroundColor
צבע רקע של אזור התרשים. כשמשתמשים במחרוזת, היא יכולה להיות מחרוזת הקסדצימלית (למשל, '#fdc') או שם של צבע באנגלית. כשמשתמשים באובייקט, אפשר לספק את המאפיינים הבאים:
  • stroke: הצבע, מסופק כמחרוזת הקסדצימלית או כשם של צבע באנגלית.
  • strokeWidth: אם צוין גבול, משרטטים גבול מסביב לאזור של הרוחב הנתון בתרשים (ובצבע stroke).
סוג: string או object
ברירת המחדל: 'white'
chartArea.height

גובה השטח של התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.left

המרחק מהגבול השמאלי לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.top

המרחק מהגבול העליון לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.width

רוחב שטח התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
צבעים

הצבעים של הרכיבים בתרשים. מערך מחרוזות, כאשר כל רכיב הוא מחרוזת של צבע HTML, לדוגמה: colors:['red','#004411'].

סוג: מערך של מחרוזות
ברירת מחדל: צבעי ברירת מחדל
curveType

המדיניות קובעת את עקומת הקווים כאשר רוחב הקו אינו אפס. יכול להיות אחת מהאפשרויות הבאות:

  • 'none' – קווים ישרים ללא עקומה.
  • 'function' – הזוויות של הקו יעברו החלקה.
סוג: string
ברירת מחדל: 'none'
hAxis

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
סוג: object
ברירת המחדל: null
hAxis.direction

כיוון הצמיחה של הערכים לאורך הציר האופקי. מציינים -1 כדי להפוך את סדר הערכים.

סוג: 1 או -1
ברירת המחדל: 1
hAxis.gridlines

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

{color: '#333', minSpacing: 20}

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
hAxis.gridlines.color

הצבע של קווי הרשת האופקיים בתוך שטח התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת המחדל: '#CCC'
hAxis.gridlines.count

המספר המשוער של קווי רשת אופקיים בתוך אזור התרשים. אם מציינים מספר חיובי ל-gridlines.count, הוא ישמש לחישוב minSpacing בין קווי הרשת. תוכלו לציין את הערך 1 כדי לשרטט רק קו רשת אחד, או 0 כדי לא לשרטט קווי רשת. מציינים את הערך -1, שהוא ברירת המחדל, כדי לחשב אוטומטית את מספר קווי הרשת על סמך אפשרויות אחרות.

סוג: number
ברירת המחדל: -1
hAxis.logScale

המאפיין hAxis שהופך את הציר האופקי לסולם לוגריתמי (צריך שכל הערכים יהיו חיוביים). יש להגדיר את הערך true כדי להשיב 'כן'.

האפשרות הזו נתמכת רק בציר continuous.

סוג: boolean
ברירת המחדל: false
hAxis.maxValue

מעביר את הערך המקסימלי של הציר האופקי לערך שצוין. ברוב התרשימים הערך יהיה ימינה. המערכת תתעלם מערך זה אם הוא מוגדר לערך הקטן מערך ה-x המקסימלי של הנתונים. המאפיין hAxis.viewWindow.max מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
hAxis.minorGridlines

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

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
hAxis.minorGridlines.color

הצבע של קווי הרשת המשניים האופקיים בתוך שטח התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג:string
ברירת מחדל: שילוב של צבעי קו הרשת ורקע
hAxis.minorGridlines.count

האפשרות minorGridlines.count הוצאה משימוש ברובה, חוץ מהבדל אחד: כדי להשבית קווי רשת משניים, מגדירים את הספירה ל-0. מספר קווי הרשת המשניים תלוי עכשיו רק במרווח בין קווי הרשת הראשיים (ראו hAxis.gridlines.interval) וברווח המינימלי שנדרש (ראו hAxis.minorGridlines.minSpacing).

סוג: number
ברירת המחדל: 1
hAxis.minValue

מעביר את הערך המינימלי של הציר האופקי לערך שצוין. ברוב התרשימים הוא יופנה שמאלה. המערכת תתעלם ממנו אם מוגדר ערך שגדול מערך ה-x המינימלי של הנתונים. המאפיין hAxis.viewWindow.min מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
hAxis.textPosition

מיקום הטקסט של הציר האופקי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
hAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האופקי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

מאפיין hAxis שמציין את הכותרת של הציר האופקי.

סוג: string
ברירת המחדל: null
hAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האופקי. זהו הפורמט של האובייקט: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

מציינת את טווח החיתוך של הציר האופקי.

סוג: object
ברירת המחדל: null
hAxis.viewWindow.max

הערך המקסימלי של נתונים אופקיים שיש לעבד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
hAxis.viewWindow.min

הערך המינימלי של נתונים אופקיים לעיבוד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
גובה

גובה התרשים בפיקסלים.

סוג: number
ברירת מחדל: גובה הרכיב שמכיל
interpolateNulls

האם לנחש את הערך של נקודות חסרות. אם הערך שלו הוא true, הוא ינחש את הערך של הנתונים החסרים על סמך נקודות קרובות. אם הערך הוא false, הוא ישאיר הפסקה בשורה בנקודה לא ידועה.

האפשרות הזו לא נתמכת בתרשימי אזור עם האפשרות isStacked: true/'percent'/'relative'/'absolute'.

סוג: boolean
ברירת המחדל: false
מקרא

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
סוג: object
ברירת המחדל: null
legend.position

המיקום של המקרא. יכול להיות אחת מהאפשרויות הבאות:

  • 'bottom' – מתחת לתרשים.
  • 'left' – משמאל לתרשים, בתנאי שלא משויכת לציר השמאלי סדרה. לכן, אם ברצונך להשתמש במקרא שבצד ימין, השתמשו באפשרות targetAxisIndex: 1.
  • 'in' – בתוך התרשים, בפינה הימנית העליונה.
  • 'none' – לא מוצג מקרא.
  • 'right' – משמאל לתרשים. לא תואם לאפשרות vAxes.
  • 'top' - מעל התרשים.
סוג: string
ברירת המחדל: 'right'
legendTextStyle

אובייקט שמציין את סגנון הטקסט של המקרא. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

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

סוג: number
ברירת המחדל: 2
pointShape

הצורה של רכיבי נתונים בודדים: 'circle', 'triangle', 'square', 'diamond', 'star' או 'polygon'. לדוגמאות, אפשר לעיין במסמכי התיעוד בנושא נקודות .

סוג: string
ברירת המחדל: 'circle'
pointSize

קוטר הנקודות המוצגות בפיקסלים. יש להשתמש באפס כדי להסתיר את כל הנקודות. אפשר לשנות את הערכים של סדרות ספציפיות באמצעות המאפיין series. אם משתמשים בקו מגמה, האפשרות pointSize תשפיע על הרוחב של קו המגמה, אלא אם משנים אותו באמצעות האפשרות trendlines.n.pointsize.

סוג: number
ברירת המחדל: 0
reverseCategories

אם הערך מוגדר ל-true, הסדרה משרטטת משמאל לימין. ברירת המחדל היא לצייר משמאל לימין.

האפשרות הזו נתמכת רק בציר discrete major.

סוג: boolean
ברירת המחדל: false
סדרה

מערך של אובייקטים, שכל אחד מהם מתאר את הפורמט של הסדרה המתאימה בתרשים. כדי להשתמש בערכי ברירת מחדל לסדרה, צריך לציין אובייקט ריק {}. אם לא תציינו סדרה או ערך, המערכת תשתמש בערך הגלובלי. כל אובייקט תומך במאפיינים הבאים:

  • annotations – אובייקט שצריך להחיל על הערות בסדרה הזו. אפשר להשתמש בו כדי לשלוט, למשל, ב-textStyle של הסדרה: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    לרשימה מלאה יותר של האפשרויות שאפשר להתאים אישית, אפשר לעיין באפשרויות השונות של annotations.

  • type – סוג הסמן לסדרה הזו. הערכים החוקיים הם 'line', 'area', 'bars' ו-'steppedArea'. שימו לב שעמודות הן למעשה קווים אנכיים (עמודות). ערך ברירת המחדל נקבע על ידי האפשרות seriesType של התרשים.
  • color – הצבע שבו רוצים להשתמש בסדרה. צריך לציין מחרוזת חוקית של צבע HTML.
  • curveType – ביטול הערך הגלובלי של curveType לסדרה הזו.
  • labelInLegend – תיאור הסדרה שתופיע במקרא של התרשים.
  • lineDashStyle – ביטול הערך הגלובלי של lineDashStyle לסדרה הזו.
  • lineWidth – ביטול הערך הגלובלי של lineWidth לסדרה הזו.
  • pointShape – ביטול הערך הגלובלי של pointShape לסדרה הזו.
  • pointSize – ביטול הערך הגלובלי של pointSize לסדרה הזו.
  • pointsVisible – ביטול הערך הגלובלי של pointsVisible לסדרה הזו.
  • targetAxisIndex – לאיזה ציר להקצות את הסדרה הזו, כאשר 0 הוא ציר ברירת המחדל ו-1 הוא הציר הנגדי. ערך ברירת המחדל הוא 0. מוגדר כ-1 כדי להגדיר תרשים שבו סדרות שונות מעובדות מול צירים שונים. צריך להקצות לפחות סדרה אחת לציר ברירת המחדל. אפשר להגדיר קנה מידה שונה לצירים שונים.
  • visibleInLegend – ערך boolean, כאשר true פירושו שהסדרה צריכה לכלול ערך מקרא ו-false מציין שלא אמורה להיות לה ערך כזה. ברירת המחדל היא true.

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
סוג: מערך של אובייקטים או אובייקטים עם אובייקטים בתצוגת עץ
ברירת המחדל: {}
כותרת משנה

טקסט להצגה מתחת לכותרת התרשים.

סוג: string
ברירת מחדל: ללא שם
subtitleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת.

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
עיצוב

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

  • 'maximized' - הגדלת השטח של התרשים, ושרטוט המקרא וכל התוויות בתוך אזור התרשים.
סוג: string
ברירת המחדל: null
title

טקסט להצגה מעל התרשים.

סוג: string
ברירת מחדל: ללא שם
titleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

אם הערך שמוגדר הוא true, העמודה תתייחס לעמודה בתור עמודת טקסט.

סוג: boolean
קווי מגמה

הצגת קווי מגמות בתרשימים שתומכים בהם. כברירת מחדל נעשה שימוש בקווי מגמות של linear, אבל אפשר להתאים אותם אישית באמצעות האפשרות trendlines.n.type.

קווי המגמה מפורטים לכל סדרה, כך שברוב המקרים האפשרויות ייראו כך: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
סוג: object
ברירת המחדל: null
trendlines.n.color

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

סוג: string
ברירת מחדל: צבע ברירת המחדל של הסדרה
trendlines.n.degree

עבור קווי מגמה של type: 'polynomial', דרגת הפולינום (2 בשביל ריבועי, 3 למכפלה וכן הלאה).

סוג: number
ברירת המחדל: 3
trendlines.n.labelInLegend

אם ההגדרה מוגדרת, קו המגמה יופיע במקרא בתור המחרוזת הזו.

סוג: string
ברירת המחדל: null
trendlines.n.lineWidth

רוחב הקו של קו המגמה , בפיקסלים.

סוג: number
ברירת המחדל: 2
trendlines.n.type

אם קווי המגמה הם 'linear' (ברירת המחדל), 'exponential' או 'polynomial'.

סוג: string
ברירת המחדל: linear
trendlines.n.visibleInLegend

אם המשוואה קו מגמה מופיעה במקרא. הוא יופיע בהסבר הקצר של קו המגמה.

סוג: boolean
ברירת המחדל: false
useFirstColumnAsDomain

אם הערך מוגדר ל-true, התרשים יתייחס לעמודה כדומיין.

סוג: boolean
vAxes

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

כדי לציין תרשים עם כמה צירים אנכיים, קודם צריך להגדיר ציר חדש באמצעות series.targetAxisIndex ואז להגדיר אותו באמצעות vAxes. הדוגמה הבאה מקצה את סדרה 2 לציר השמאלי ומציינת עבורה כותרת וסגנון טקסט מותאמים אישית: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

המאפיין יכול להיות אובייקט או מערך: האובייקט הוא אוסף של אובייקטים, שלכל אחד מהם יש תווית מספרית שמציינת את הציר שהוא מגדיר. זהו הפורמט שמוצג למעלה; המערך הוא מערך של אובייקטים, אחד בכל ציר. לדוגמה, הסימון הבא של סגנון מערך זהה לאובייקט vAxis שמוצג למעלה: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
סוג: מערך של אובייקט או אובייקט עם אובייקטים צאצאים
ברירת המחדל: null
vAxis

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
סוג: object
ברירת המחדל: null
vAxis.direction

הכיוון שבו הערכים לאורך הציר האנכי. כברירת מחדל, ערכים נמוכים מופיעים בתחתית התרשים. מציינים -1 כדי להפוך את סדר הערכים.

סוג: 1 או -1
ברירת המחדל: 1
vAxis.gridlines

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

{color: '#333', minSpacing: 20}

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
vAxis.gridlines.color

הצבע של קווי הרשת האנכיים בתוך אזור התרשים. צריך לציין מחרוזת חוקית של צבע HTML.

סוג: string
ברירת המחדל: '#CCC'
vAxis.gridlines.count

המספר המשוער של קווי רשת אופקיים בתוך אזור התרשים. אם מציינים מספר חיובי ל-gridlines.count, הוא ישמש לחישוב minSpacing בין קווי הרשת. תוכלו לציין את הערך 1 כדי לשרטט רק קו רשת אחד, או 0 כדי לא לשרטט קווי רשת. מציינים את הערך -1, שהוא ברירת המחדל, כדי לחשב אוטומטית את מספר קווי הרשת על סמך אפשרויות אחרות.

סוג: number
ברירת המחדל: -1
vAxis.logScale

אם הערך שלו הוא true, הציר האנכי הוא קנה מידה לוגריתמי. הערה:כל הערכים חייבים להיות חיוביים.

סוג: boolean
ברירת המחדל: false
vAxis.maxValue

מעביר את הערך המקסימלי של הציר האנכי לערך שצוין. ברוב התרשימים הערך יהיה כלפי מעלה. המערכת תתעלם מערך זה אם מוגדר לערך הקטן מערך ה-y המקסימלי של הנתונים. המאפיין vAxis.viewWindow.max מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
vAxis.minorGridlines

אובייקט עם חברים להגדרת קווי הרשת המשניים בציר האנכי, בדומה לאפשרות vAxis.gridlines.

סוג: object
ברירת המחדל: null
vAxis.minorGridlines.color

הצבע של קווי הרשת המשניים האנכיים בתוך אזור התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת מחדל: שילוב של צבעי קו הרשת ורקע
vAxis.minorGridlines.count

האפשרות minorGridlines.count בדרך כלל הוצאה משימוש, חוץ מאשר כדי להשבית קווי רשת משניים על ידי הגדרת הספירה ל-0. מספר קווי הרשת המשניים תלוי במרווח בין קווי הרשת הראשיים וברווח המינימלי הנדרש.

סוג: number
ברירת המחדל: 1
vAxis.minValue

מעביר את הערך המינימלי של הציר האנכי לערך שצוין. הוא יהיה ירידה ברוב התרשימים. המערכת תתעלם ממנו אם הערך הזה מוגדר לערך שגדול מערך ה-y המינימלי של הנתונים. המאפיין vAxis.viewWindow.min מבטל את המאפיין הזה.

סוג: number
ברירת המחדל: null
vAxis.textPosition

מיקום הטקסט של הציר האנכי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
vAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

מציין כותרת לציר האנכי.

סוג: string
ברירת מחדל: ללא שם
vAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

מציין את טווח החיתוך של הציר האנכי.

סוג: object
ברירת המחדל: null
vAxis.viewWindow.max

הערך המקסימלי של נתונים אנכיים שיש לעבד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי
vAxis.viewWindow.min

הערך המינימלי של נתונים אנכיים לעיבוד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי

אפשרויות להגדרה של תרשים ארגוני

שם
color [צבע]

צבע הרקע של רכיבי התרשים הארגוני.

סוג: string
ברירת המחדל: '#edf7ff'
selectionColor

צבע הרקע של רכיבי התרשים הארגוני שנבחרו.

סוג: string
ברירת המחדל: '#d6e9f8'
size

הגודל הכולל של התרשים. האפשרויות הן 'small', 'medium' או 'large'.

סוג: string
ברירת המחדל: 'medium'

אפשרויות הגדרה של תרשים עוגה

שם
backgroundColor

צבע הרקע של האזור הראשי בתרשים. יכולה להיות מחרוזת צבע פשוטה של HTML, לדוגמה: 'red' או '#00cc00', או אובייקט עם המאפיינים הבאים.

סוג: string או object
ברירת המחדל: 'white'
backgroundColor.fill

צבע המילוי של התרשים, כמחרוזת של צבע HTML.

סוג: string
ברירת המחדל: 'white'
chartArea

אובייקט עם חברים להגדרת המיקום והגודל של האזור בתרשים (שבו התרשים עצמו משורטט, לא כולל צירים ומקראים). יש שני פורמטים נתמכים: מספר או מספר ואחריו %. מספר פשוט הוא ערך בפיקסלים, ומספר ואחריו % הוא אחוז. דוגמה: chartArea:{left:20,top:0,width:'50%',height:'75%'}

סוג: object
ברירת המחדל: null
chartArea.backgroundColor
צבע רקע של אזור התרשים. כשמשתמשים במחרוזת, היא יכולה להיות מחרוזת הקסדצימלית (למשל, '#fdc') או שם של צבע באנגלית. כשמשתמשים באובייקט, אפשר לספק את המאפיינים הבאים:
  • stroke: הצבע, מסופק כמחרוזת הקסדצימלית או כשם של צבע באנגלית.
  • strokeWidth: אם צוין גבול, משרטטים גבול מסביב לאזור של הרוחב הנתון בתרשים (ובצבע stroke).
סוג: string או object
ברירת המחדל: 'white'
chartArea.height

גובה השטח של התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.left

המרחק מהגבול השמאלי לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.top

המרחק מהגבול העליון לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.width

רוחב שטח התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
צבעים

הצבעים של הרכיבים בתרשים. מערך מחרוזות, כאשר כל רכיב הוא מחרוזת של צבע HTML, לדוגמה: colors:['red','#004411'].

סוג: מערך של מחרוזות
ברירת מחדל: צבעי ברירת מחדל
גובה

גובה התרשים בפיקסלים.

סוג: number
ברירת מחדל: גובה הרכיב שמכיל
is3D

אם הערך שלו הוא true, מוצג תרשים תלת-ממדי.

סוג: boolean
ברירת המחדל: false
מקרא

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
סוג: object
ברירת המחדל: null
legend.position

המיקום של המקרא. יכול להיות אחת מהאפשרויות הבאות:

  • 'bottom' – מתחת לתרשים.
  • 'left' – משמאל לתרשים, בתנאי שלא משויכת לציר השמאלי סדרה. לכן, אם ברצונך להשתמש במקרא שבצד ימין, השתמשו באפשרות targetAxisIndex: 1.
  • 'in' – בתוך התרשים, בפינה הימנית העליונה.
  • 'none' – לא מוצג מקרא.
  • 'right' – משמאל לתרשים. לא תואם לאפשרות vAxes.
  • 'top' - מעל התרשים.
סוג: string
ברירת המחדל: 'right'
legendTextStyle

אובייקט שמציין את סגנון הטקסט של המקרא. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

אם בין 0 ל-1, יוצג תרשים טבעת. הרדיוס של החור שווה ל-number כפול רדיוס התרשים.

סוג: number
ברירת המחדל: 0
pieSliceBorderColor

צבע גבולות הפרוסות. רלוונטי רק כאשר התרשים דו-ממדי.

סוג: string
ברירת המחדל: 'white'
pieSliceText

התוכן של הטקסט שמוצג בפרוסה. יכול להיות אחת מהאפשרויות הבאות:

  • 'percentage' - האחוז מגודל הפלח מתוך הסכום הכולל.
  • 'value' – הערך הכמותי של הפלח.
  • 'label' – שם הפלח.
  • 'none' – לא מוצג טקסט.
סוג: string
ברירת המחדל: 'percentage'
pieSliceTextStyle

אובייקט שמציין את סגנון הטקסט של פרוסה. זהו הפורמט של האובייקט:

{color: <string>, fontName: <string>, fontSize: <number>}

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

אם הערך מוגדר ל-true, הסדרה משרטטת משמאל לימין. ברירת המחדל היא לצייר משמאל לימין.

האפשרות הזו נתמכת רק בציר discrete major.

סוג: boolean
ברירת המחדל: false
slices.color

הצבע שבו יש להשתמש עבור הפלח הזה.

סוג: string
כותרת משנה

טקסט להצגה מתחת לכותרת התרשים.

סוג: string
ברירת מחדל: ללא שם
subtitleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת.

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

טקסט להצגה מעל התרשים.

סוג: string
ברירת מחדל: ללא שם
titleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

אפשרויות להגדרה של תרשים פיזור

שם
backgroundColor

צבע הרקע של האזור הראשי בתרשים. יכולה להיות מחרוזת צבע פשוטה של HTML, לדוגמה: 'red' או '#00cc00', או אובייקט עם המאפיינים הבאים.

סוג: string או object
ברירת המחדל: 'white'
backgroundColor.fill

צבע המילוי של התרשים, כמחרוזת של צבע HTML.

סוג:string
ברירת המחדל: 'white'
chartArea

אובייקט עם חברים להגדרת המיקום והגודל של האזור בתרשים (שבו התרשים עצמו משורטט, לא כולל צירים ומקראים). יש שני פורמטים נתמכים: מספר או מספר ואחריו %. מספר פשוט הוא ערך בפיקסלים, ומספר ואחריו % הוא אחוז. דוגמה: chartArea:{left:20,top:0,width:'50%',height:'75%'}

סוג: object
ברירת המחדל: null
chartArea.backgroundColor
צבע רקע של אזור התרשים. כשמשתמשים במחרוזת, היא יכולה להיות מחרוזת הקסדצימלית (למשל, '#fdc') או שם של צבע באנגלית. כשמשתמשים באובייקט, אפשר לספק את המאפיינים הבאים:
  • stroke: הצבע, מסופק כמחרוזת הקסדצימלית או כשם של צבע באנגלית.
  • strokeWidth: אם צוין גבול, משרטטים גבול מסביב לאזור של הרוחב הנתון בתרשים (ובצבע stroke).
סוג: string או object
ברירת המחדל: 'white'
chartArea.height

גובה השטח של התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.left

המרחק מהגבול השמאלי לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.top

המרחק מהגבול העליון לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.width

רוחב שטח התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
צבעים

הצבעים של הרכיבים בתרשים. מערך מחרוזות, כאשר כל רכיב הוא מחרוזת של צבע HTML, לדוגמה: colors:['red','#004411'].

סוג: מערך של מחרוזות
ברירת מחדל: צבעי ברירת מחדל
curveType

המדיניות קובעת את עקומת הקווים כאשר רוחב הקו אינו אפס. יכול להיות אחת מהאפשרויות הבאות:

  • 'none' – קווים ישרים ללא עקומה.
  • 'function' – הזוויות של הקו יעברו החלקה.
סוג:string
ברירת מחדל: 'none'
hAxis

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
סוג: object
ברירת המחדל: null
hAxis.direction

כיוון הצמיחה של הערכים לאורך הציר האופקי. מציינים -1 כדי להפוך את סדר הערכים.

סוג: 1 או -1
ברירת המחדל: 1
hAxis.gridlines

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

{color: '#333', minSpacing: 20}

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
hAxis.gridlines.color

הצבע של קווי הרשת האופקיים בתוך שטח התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת המחדל: '#CCC'
hAxis.gridlines.count

המספר המשוער של קווי רשת אופקיים בתוך אזור התרשים. אם מציינים מספר חיובי ל-gridlines.count, הוא ישמש לחישוב minSpacing בין קווי הרשת. תוכלו לציין את הערך 1 כדי לשרטט רק קו רשת אחד, או 0 כדי לא לשרטט קווי רשת. מציינים את הערך -1, שהוא ברירת המחדל, כדי לחשב אוטומטית את מספר קווי הרשת על סמך אפשרויות אחרות.

סוג: number
ברירת המחדל: -1
hAxis.logScale

המאפיין hAxis שהופך את הציר האופקי לסולם לוגריתמי (צריך שכל הערכים יהיו חיוביים). יש להגדיר את הערך true כדי להשיב 'כן'.

האפשרות הזו נתמכת רק בציר continuous.

סוג: boolean
ברירת המחדל: false
hAxis.maxValue

מעביר את הערך המקסימלי של הציר האופקי לערך שצוין. ברוב התרשימים הערך יהיה ימינה. המערכת תתעלם מערך זה אם הוא מוגדר לערך הקטן מערך ה-x המקסימלי של הנתונים. המאפיין hAxis.viewWindow.max מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
hAxis.minorGridlines

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

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
hAxis.minorGridlines.color

הצבע של קווי הרשת המשניים האופקיים בתוך שטח התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת מחדל: שילוב של צבעי קו הרשת ורקע
hAxis.minorGridlines.count

האפשרות minorGridlines.count הוצאה משימוש ברובה, חוץ מהבדל אחד: כדי להשבית קווי רשת משניים, מגדירים את הספירה ל-0. מספר קווי הרשת המשניים תלוי עכשיו רק במרווח בין קווי הרשת הראשיים (ראו hAxis.gridlines.interval) וברווח המינימלי שנדרש (ראו hAxis.minorGridlines.minSpacing).

סוג: number
ברירת המחדל: 1
hAxis.minValue

מעביר את הערך המינימלי של הציר האופקי לערך שצוין. ברוב התרשימים הוא יופנה שמאלה. המערכת תתעלם ממנו אם מוגדר ערך שגדול מערך ה-x המינימלי של הנתונים. המאפיין hAxis.viewWindow.min מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
hAxis.textPosition

מיקום הטקסט של הציר האופקי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
hAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האופקי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

מאפיין hAxis שמציין את הכותרת של הציר האופקי.

סוג: string
ברירת המחדל: null
hAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האופקי. זהו הפורמט של האובייקט: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

מציינת את טווח החיתוך של הציר האופקי.

סוג: object
ברירת המחדל: null
hAxis.viewWindow.max

הערך המקסימלי של נתונים אופקיים שיש לעבד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
hAxis.viewWindow.min

הערך המינימלי של נתונים אופקיים לעיבוד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
גובה

גובה התרשים בפיקסלים.

סוג: number
ברירת מחדל: גובה הרכיב שמכיל
מקרא

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
סוג: object
ברירת המחדל: null
legend.position

המיקום של המקרא. יכול להיות אחת מהאפשרויות הבאות:

  • 'bottom' – מתחת לתרשים.
  • 'left' – משמאל לתרשים, בתנאי שלא משויכת לציר השמאלי סדרה. לכן, אם ברצונך להשתמש במקרא שבצד ימין, השתמשו באפשרות targetAxisIndex: 1.
  • 'in' – בתוך התרשים, בפינה הימנית העליונה.
  • 'none' – לא מוצג מקרא.
  • 'right' – משמאל לתרשים. לא תואם לאפשרות vAxes.
  • 'top'- מעל התרשים.
סוג: string
ברירת המחדל: 'right'
legendTextStyle

אובייקט שמציין את סגנון הטקסט של המקרא. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

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

סוג: number
ברירת המחדל: 2
pointShape

הצורה של רכיבי נתונים בודדים: 'circle', 'triangle', 'square', 'diamond', 'star' או 'polygon'. לדוגמאות, אפשר לעיין במסמכי התיעוד בנושא נקודות .

סוג: string
ברירת המחדל: 'circle'
pointSize

קוטר הנקודות המוצגות בפיקסלים. יש להשתמש באפס כדי להסתיר את כל הנקודות. אפשר לשנות את הערכים של סדרות ספציפיות באמצעות המאפיין series. אם משתמשים בקו מגמה, האפשרות pointSize תשפיע על הרוחב של קו המגמה, אלא אם משנים אותו באמצעות האפשרות trendlines.n.pointsize.

סוג: number
ברירת המחדל: 0
סדרה

מערך של אובייקטים, שכל אחד מהם מתאר את הפורמט של הסדרה המתאימה בתרשים. כדי להשתמש בערכי ברירת מחדל לסדרה, צריך לציין אובייקט ריק {}. אם לא תציינו סדרה או ערך, המערכת תשתמש בערך הגלובלי. כל אובייקט תומך במאפיינים הבאים:

  • color – הצבע שבו רוצים להשתמש בסדרה. צריך לציין מחרוזת חוקית של צבע HTML.
  • labelInLegend – תיאור הסדרה שתופיע במקרא של התרשים.
  • lineWidth – ביטול הערך הגלובלי של lineWidth לסדרה הזו.
  • pointShape – ביטול הערך הגלובלי של pointShape לסדרה הזו.
  • pointSize – ביטול הערך הגלובלי של pointSize לסדרה הזו.
  • pointsVisible – ביטול הערך הגלובלי של pointsVisible לסדרה הזו.
  • visibleInLegend – ערך boolean, כאשר true פירושו שהסדרה צריכה לכלול ערך מקרא ו-false מציין שלא אמורה להיות לה ערך כזה. ברירת המחדל היא true.

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
סוג: מערך של אובייקטים או אובייקטים עם אובייקטים בתצוגת עץ
ברירת המחדל: {}
כותרת משנה

טקסט להצגה מתחת לכותרת התרשים.

סוג: string
ברירת מחדל: ללא שם
subtitleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת.

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
עיצוב

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

  • 'maximized' - הגדלת השטח של התרשים, ושרטוט המקרא וכל התוויות בתוך אזור התרשים.
סוג: string
ברירת המחדל: null
title

טקסט להצגה מעל התרשים.

סוג: string
ברירת מחדל: ללא שם
titleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

אם הערך שמוגדר הוא true, העמודה תתייחס לעמודה בתור עמודת טקסט.

סוג: boolean
קווי מגמה

הצגת קווי מגמות בתרשימים שתומכים בהם. כברירת מחדל נעשה שימוש בקווי מגמות של linear, אבל אפשר להתאים אותם אישית באמצעות האפשרות trendlines.n.type.

קווי המגמה מפורטים לכל סדרה, כך שברוב המקרים האפשרויות ייראו כך: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
סוג: object
ברירת המחדל: null
trendlines.n.color

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

סוג: string
ברירת מחדל: צבע ברירת המחדל של הסדרה
trendlines.n.degree

עבור קווי מגמה של type: 'polynomial', דרגת הפולינום (2 בשביל ריבועי, 3 למכפלה וכן הלאה).

סוג: number
ברירת המחדל: 3
trendlines.n.labelInLegend

אם ההגדרה מוגדרת, קו המגמה יופיע במקרא בתור המחרוזת הזו.

סוג: string
ברירת המחדל: null
trendlines.n.lineWidth

רוחב הקו של קו המגמה , בפיקסלים.

סוג: number
ברירת המחדל: 2
trendlines.n.type

אם קווי המגמה הם 'linear' (ברירת המחדל), 'exponential' או 'polynomial'.

סוג: string
ברירת המחדל: linear
trendlines.n.visibleInLegend

אם המשוואה קו מגמה מופיעה במקרא. הוא יופיע בהסבר הקצר של קו המגמה.

סוג: boolean
ברירת המחדל: false
useFirstColumnAsDomain

אם הערך מוגדר ל-true, התרשים יתייחס לעמודה כדומיין.

סוג: boolean
vAxes

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

כדי לציין תרשים עם כמה צירים אנכיים, קודם צריך להגדיר ציר חדש באמצעות series.targetAxisIndex ואז להגדיר אותו באמצעות vAxes. הדוגמה הבאה מקצה את סדרה 2 לציר השמאלי ומציינת עבורה כותרת וסגנון טקסט מותאמים אישית: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

המאפיין יכול להיות אובייקט או מערך: האובייקט הוא אוסף של אובייקטים, שלכל אחד מהם יש תווית מספרית שמציינת את הציר שהוא מגדיר. זהו הפורמט שמוצג למעלה; המערך הוא מערך של אובייקטים, אחד בכל ציר. לדוגמה, הסימון הבא של סגנון מערך זהה לאובייקט vAxis שמוצג למעלה: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
סוג: מערך של אובייקט או אובייקט עם אובייקטים צאצאים
ברירת המחדל: null
vAxis

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
סוג: object
ברירת המחדל: null
vAxis.direction

הכיוון שבו הערכים לאורך הציר האנכי. כברירת מחדל, ערכים נמוכים מופיעים בתחתית התרשים. מציינים -1 כדי להפוך את סדר הערכים.

סוג: 1 או -1
ברירת המחדל: 1
vAxis.gridlines

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

{color: '#333', minSpacing: 20}

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
vAxis.gridlines.color

הצבע של קווי הרשת האנכיים בתוך אזור התרשים. צריך לציין מחרוזת חוקית של צבע HTML.

סוג: string
ברירת המחדל: '#CCC'
vAxis.gridlines.count

המספר המשוער של קווי רשת אופקיים בתוך אזור התרשים. אם מציינים מספר חיובי ל-gridlines.count, הוא ישמש לחישוב minSpacing בין קווי הרשת. תוכלו לציין את הערך 1 כדי לשרטט רק קו רשת אחד, או 0 כדי לא לשרטט קווי רשת. מציינים את הערך -1, שהוא ברירת המחדל, כדי לחשב אוטומטית את מספר קווי הרשת על סמך אפשרויות אחרות.

סוג: number
ברירת המחדל: -1
vAxis.logScale

אם הערך שלו הוא true, הציר האנכי הוא קנה מידה לוגריתמי. הערה:כל הערכים חייבים להיות חיוביים.

סוג: boolean
ברירת המחדל: false
vAxis.maxValue

מעביר את הערך המקסימלי של הציר האנכי לערך שצוין. ברוב התרשימים הערך יהיה כלפי מעלה. המערכת תתעלם מערך זה אם מוגדר לערך הקטן מערך ה-y המקסימלי של הנתונים. המאפיין vAxis.viewWindow.max מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
vAxis.minorGridlines

אובייקט עם חברים להגדרת קווי הרשת המשניים בציר האנכי, בדומה לאפשרות vAxis.gridlines.

סוג: object
ברירת המחדל: null
vAxis.minorGridlines.color

הצבע של קווי הרשת המשניים האנכיים בתוך אזור התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת מחדל: שילוב של צבעי קו הרשת ורקע
vAxis.minorGridlines.count

האפשרות minorGridlines.count בדרך כלל הוצאה משימוש, חוץ מאשר כדי להשבית קווי רשת משניים על ידי הגדרת הספירה ל-0. מספר קווי הרשת המשניים תלוי במרווח בין קווי הרשת הראשיים וברווח המינימלי הנדרש.

סוג: number
ברירת המחדל: 1
vAxis.minValue

מעביר את הערך המינימלי של הציר האנכי לערך שצוין. הוא יהיה ירידה ברוב התרשימים. המערכת תתעלם ממנו אם הערך הזה מוגדר לערך שגדול מערך ה-y המינימלי של הנתונים. המאפיין vAxis.viewWindow.min מבטל את המאפיין הזה.

סוג: number
ברירת המחדל: null
vAxis.textPosition

מיקום הטקסט של הציר האנכי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
vAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

מציין כותרת לציר האנכי.

סוג: string
ברירת מחדל: ללא שם
vAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

מציין את טווח החיתוך של הציר האנכי.

סוג: object
ברירת המחדל: null
vAxis.viewWindow.max

הערך המקסימלי של נתונים אנכיים שיש לעבד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי
vAxis.viewWindow.min

הערך המינימלי של נתונים אנכיים לעיבוד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי

אפשרויות הגדרה של תרשים שטח מדורג

שם
areaOpacity

רמת האטימות של ברירת המחדל של האזור הצבעוני מתחת לסדרה של תרשים שטח, שבה 0.0 הוא שקוף לחלוטין ו-1.0 הוא אטום מלא. כדי לציין שקיפות עבור סדרה בודדת, מגדירים את הערך areaOpacity במאפיין series.

סוג: number, 0.0- 1.0
ברירת המחדל: 0.3
backgroundColor

צבע הרקע של האזור הראשי בתרשים. יכולה להיות מחרוזת צבע פשוטה של HTML, לדוגמה: 'red' או '#00cc00', או אובייקט עם המאפיינים הבאים.

סוג: string או object
ברירת המחדל: 'white'
backgroundColor.fill

צבע המילוי של התרשים, כמחרוזת של צבע HTML.

סוג: string
ברירת המחדל: 'white'
chartArea

אובייקט עם חברים להגדרת המיקום והגודל של האזור בתרשים (שבו התרשים עצמו משורטט, לא כולל צירים ומקראים). יש שני פורמטים נתמכים: מספר או מספר ואחריו %. מספר פשוט הוא ערך בפיקסלים, ומספר ואחריו % הוא אחוז. דוגמה: chartArea:{left:20,top:0,width:'50%',height:'75%'}

סוג: object
ברירת המחדל: null
chartArea.backgroundColor
צבע רקע של אזור התרשים. כשמשתמשים במחרוזת, היא יכולה להיות מחרוזת הקסדצימלית (למשל, '#fdc') או שם של צבע באנגלית. כשמשתמשים באובייקט, אפשר לספק את המאפיינים הבאים:
  • stroke: הצבע, מסופק כמחרוזת הקסדצימלית או כשם של צבע באנגלית.
  • strokeWidth: אם צוין גבול, משרטטים גבול מסביב לאזור של הרוחב הנתון בתרשים (ובצבע stroke).
סוג: string או object
ברירת המחדל: 'white'
chartArea.height

גובה השטח של התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.left

המרחק מהגבול השמאלי לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.top

המרחק מהגבול העליון לשרטוט התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
chartArea.width

רוחב שטח התרשים.

סוג: number או string
ברירת מחדל: אוטומטי
צבעים

הצבעים של הרכיבים בתרשים. מערך מחרוזות, כאשר כל רכיב הוא מחרוזת של צבע HTML, לדוגמה: colors:['red','#004411'].

סוג: מערך של מחרוזות
ברירת מחדל: צבעי ברירת מחדל
hAxis

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
סוג: object
ברירת המחדל: null
hAxis.direction

כיוון הצמיחה של הערכים לאורך הציר האופקי. מציינים -1 כדי להפוך את סדר הערכים.

סוג: 1 או -1
ברירת המחדל: 1
hAxis.textPosition

מיקום הטקסט של הציר האופקי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
hAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האופקי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

מאפיין hAxis שמציין את הכותרת של הציר האופקי.

סוג: string
ברירת המחדל: null
hAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האופקי. זהו הפורמט של האובייקט: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

מציינת את טווח החיתוך של הציר האופקי.

סוג: object
ברירת המחדל: null
hAxis.viewWindow.max

הערך המקסימלי של נתונים אופקיים שיש לעבד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
hAxis.viewWindow.min

הערך המינימלי של נתונים אופקיים לעיבוד.

המערכת תתעלם מ-hAxis.viewWindowMode כשהוא 'pretty' או 'maximized'.

סוג: number
ברירת מחדל: אוטומטי
גובה

גובה התרשים בפיקסלים.

סוג: number
ברירת מחדל: גובה הרכיב שמכיל
isStacked

אם המדיניות מוגדרת לערך true, הרכיבים עוקפים בכל הסדרות בכל ערך דומיין. הערה: בתרשימים Column, Area ו-SteppedArea, Google Charts הופך את הסדר של פריטי המקרא להתאמה טובה יותר לערימה של רכיבי הסדרה (למשל, סדרה 0 תהיה הפריט האחרון במקרא). הפריט הזה לא רלוונטי לתרשימי עמודות.

האפשרות isStacked תומכת גם בערימה של 100%, שבה מתבצעת התאמה מחדש של ערימות הרכיבים בכל ערך דומיין לסכום של עד 100%.

האפשרויות עבור isStacked הן:

  • false — רכיבים לא יקובצו. זוהי ברירת המחדל.
  • true — מקבץ רכיבים לכל הסדרות בכל ערך דומיין.
  • 'percent' — מקבצים רכיבים לכל הסדרות בכל ערך דומיין ומשנה את קנה המידה שלהם כך שהם יסתכמו ב-100%, כשהערך של כל רכיב מחושב כאחוז של 100%.
  • 'relative' - מקבצי רכיבים לכל הסדרות בכל ערך דומיין, ומשנים את קנה המידה שלהם כך שסכום הערכים יהיה 1, כאשר הערך של כל רכיב מחושב כשבר של 1.
  • 'absolute' — פועלת כמו isStacked: true.

בערימה של 100%, הערך המחושב לכל רכיב יופיע בהסבר הקצר אחרי הערך בפועל.

כברירת מחדל, ערכי ציר היעד מחושבים על סמך סולם יחסי של 0-1 כשברים של 1 ל-'relative' ו-0-100% עבור 'percent' (הערה: כשמשתמשים באפשרות 'percent', ערכי הציר/הסימון מוצגים כאחוזים, אבל הערכים בפועל הם הערכים היחסיים של סולם מ-0-1. הסיבה לכך היא שסימני הציר באחוזים הם תוצאה של החלת הפורמט '#.##%' על הערכים היחסיים בסולם 0-1. כשמשתמשים ב-isStacked: 'percent', חשוב לציין סימונים או קווי רשת באמצעות הערכים היחסיים של סולם מ-0 עד 1. אפשר להתאים אישית את קווי הרשת או את הערכים ואת העיצוב באמצעות האפשרויות המתאימות של hAxis/vAxis.

סידור בערימה ב-100% תומך רק בערכי נתונים מסוג number, ובסיס הנתונים שלו צריך להיות אפס.

סוג: boolean/ string
ברירת המחדל: false
מקרא

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
סוג: object
ברירת המחדל: null
legend.position

המיקום של המקרא. יכול להיות אחת מהאפשרויות הבאות:

  • 'bottom' – מתחת לתרשים.
  • 'left' – משמאל לתרשים, בתנאי שלא משויכת לציר השמאלי סדרה. לכן, אם ברצונך להשתמש במקרא שבצד ימין, השתמשו באפשרות targetAxisIndex: 1.
  • 'in' – בתוך התרשים, בפינה הימנית העליונה.
  • 'none' – לא מוצג מקרא.
  • 'right' – משמאל לתרשים. לא תואם לאפשרות vAxes.
  • 'top' - מעל התרשים.
סוג: string
ברירת המחדל: 'right'
legendTextStyle

אובייקט שמציין את סגנון הטקסט של המקרא. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

אם הערך מוגדר ל-true, הסדרה משרטטת משמאל לימין. ברירת המחדל היא לצייר משמאל לימין.

האפשרות הזו נתמכת רק בציר discrete major.

סוג: boolean
ברירת המחדל: false
סדרה

מערך של אובייקטים, שכל אחד מהם מתאר את הפורמט של הסדרה המתאימה בתרשים. כדי להשתמש בערכי ברירת מחדל לסדרה, צריך לציין אובייקט ריק {}. אם לא תציינו סדרה או ערך, המערכת תשתמש בערך הגלובלי. כל אובייקט תומך במאפיינים הבאים:

  • areaOpacity – ביטול של areaOpacity הגלובלי לסדרה הזו.
  • color – הצבע שבו רוצים להשתמש בסדרה. צריך לציין מחרוזת חוקית של צבע HTML.
  • type – סוג הסמן לסדרה הזו. הערכים החוקיים הם 'line', 'area', 'bars' ו-'steppedArea'. שימו לב שעמודות הן למעשה קווים אנכיים (עמודות). ערך ברירת המחדל נקבע על ידי האפשרות seriesType של התרשים.
  • labelInLegend – תיאור הסדרה שתופיע במקרא של התרשים.
  • lineDashStyle – ביטול הערך הגלובלי של lineDashStyle לסדרה הזו.
  • targetAxisIndex – לאיזה ציר להקצות את הסדרה הזו, כאשר 0 הוא ציר ברירת המחדל ו-1 הוא הציר הנגדי. ערך ברירת המחדל הוא 0. מוגדר כ-1 כדי להגדיר תרשים שבו סדרות שונות מעובדות מול צירים שונים. צריך להקצות לפחות סדרה אחת לציר ברירת המחדל. אפשר להגדיר קנה מידה שונה לצירים שונים.
  • visibleInLegend – ערך boolean, כאשר true פירושו שהסדרה צריכה לכלול ערך מקרא ו-false מציין שלא אמורה להיות לה ערך כזה. ברירת המחדל היא true.

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
סוג: מערך של אובייקטים או אובייקטים עם אובייקטים בתצוגת עץ
ברירת המחדל: {}
כותרת משנה

טקסט להצגה מתחת לכותרת התרשים.

סוג: string
ברירת מחדל: ללא שם
subtitleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת.

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
עיצוב

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

  • 'maximized' - הגדלת השטח של התרשים, ושרטוט המקרא וכל התוויות בתוך אזור התרשים.
סוג: string
ברירת המחדל: null
title

טקסט להצגה מעל התרשים.

סוג: string
ברירת מחדל: ללא שם
titleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

אם הערך שמוגדר הוא true, העמודה תתייחס לעמודה בתור עמודת טקסט.

סוג: boolean
useFirstColumnAsDomain

אם הערך מוגדר ל-true, התרשים יתייחס לעמודה כדומיין.

סוג: boolean
vAxes

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

כדי לציין תרשים עם כמה צירים אנכיים, קודם צריך להגדיר ציר חדש באמצעות series.targetAxisIndex ואז להגדיר אותו באמצעות vAxes. הדוגמה הבאה מקצה את סדרה 2 לציר השמאלי ומציינת עבורה כותרת וסגנון טקסט מותאמים אישית: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

המאפיין יכול להיות אובייקט או מערך: האובייקט הוא אוסף של אובייקטים, שלכל אחד מהם יש תווית מספרית שמציינת את הציר שהוא מגדיר. זהו הפורמט שמוצג למעלה; המערך הוא מערך של אובייקטים, אחד בכל ציר. לדוגמה, הסימון הבא של סגנון מערך זהה לאובייקט vAxis שמוצג למעלה: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
סוג: מערך של אובייקט או אובייקט עם אובייקטים צאצאים
ברירת המחדל: null
vAxis

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
סוג: object
ברירת המחדל: null
vAxis.direction

הכיוון שבו הערכים לאורך הציר האנכי. כברירת מחדל, ערכים נמוכים מופיעים בתחתית התרשים. מציינים -1 כדי להפוך את סדר הערכים.

סוג: 1 או -1
ברירת המחדל: 1
vAxis.gridlines

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

{color: '#333', minSpacing: 20}

האפשרות הזו נתמכת רק בציר continuous.

סוג: object
ברירת המחדל: null
vAxis.gridlines.color

הצבע של קווי הרשת האנכיים בתוך אזור התרשים. צריך לציין מחרוזת חוקית של צבע HTML.

סוג: string
ברירת המחדל: '#CCC'
vAxis.gridlines.count

המספר המשוער של קווי רשת אופקיים בתוך אזור התרשים. אם מציינים מספר חיובי ל-gridlines.count, הוא ישמש לחישוב minSpacing בין קווי הרשת. תוכלו לציין את הערך 1 כדי לשרטט רק קו רשת אחד, או 0 כדי לא לשרטט קווי רשת. מציינים את הערך -1, שהוא ברירת המחדל, כדי לחשב אוטומטית את מספר קווי הרשת על סמך אפשרויות אחרות.

סוג: number
ברירת המחדל: -1
vAxis.logScale

אם הערך שלו הוא true, הציר האנכי הוא קנה מידה לוגריתמי. הערה:כל הערכים חייבים להיות חיוביים.

סוג: boolean
ברירת המחדל: false
vAxis.maxValue

מעביר את הערך המקסימלי של הציר האנכי לערך שצוין. ברוב התרשימים הערך יהיה כלפי מעלה. המערכת תתעלם מערך זה אם מוגדר לערך הקטן מערך ה-y המקסימלי של הנתונים. המאפיין vAxis.viewWindow.max מבטל את המאפיין הזה.

סוג: number
ברירת מחדל: אוטומטי
vAxis.minorGridlines

אובייקט עם חברים להגדרת קווי הרשת המשניים בציר האנכי, בדומה לאפשרות vAxis.gridlines.

סוג: object
ברירת המחדל: null
vAxis.minorGridlines.color

הצבע של קווי הרשת המשניים האנכיים בתוך אזור התרשים. מציינים מחרוזת חוקית של צבע HTML.

סוג: string
ברירת מחדל: שילוב של צבעי קו הרשת ורקע
vAxis.minorGridlines.count

האפשרות minorGridlines.count בדרך כלל הוצאה משימוש, חוץ מאשר כדי להשבית קווי רשת משניים על ידי הגדרת הספירה ל-0. מספר קווי הרשת המשניים תלוי במרווח בין קווי הרשת הראשיים וברווח המינימלי הנדרש.

סוג: number
ברירת המחדל: 1
vAxis.minValue

מעביר את הערך המינימלי של הציר האנכי לערך שצוין. הוא יהיה ירידה ברוב התרשימים. המערכת תתעלם ממנו אם הערך הזה מוגדר לערך שגדול מערך ה-y המינימלי של הנתונים. המאפיין vAxis.viewWindow.min מבטל את המאפיין הזה.

סוג: number
ברירת המחדל: null
vAxis.textPosition

מיקום הטקסט של הציר האנכי, ביחס לשטח התרשים. ערכים נתמכים: 'out', 'in', 'none'.

סוג: string
ברירת המחדל: 'out'
vAxis.textStyle

אובייקט שמציין את סגנון הטקסט של הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

מציין כותרת לציר האנכי.

סוג: string
ברירת מחדל: ללא שם
vAxis.titleTextStyle

אובייקט שמציין את סגנון הטקסט של כותרת הציר האנכי. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

מציין את טווח החיתוך של הציר האנכי.

סוג: object
ברירת המחדל: null
vAxis.viewWindow.max

הערך המקסימלי של נתונים אנכיים שיש לעבד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי
vAxis.viewWindow.min

הערך המינימלי של נתונים אנכיים לעיבוד.

המערכת מתעלמת ממנו כאשר הערך של vAxis.viewWindowMode הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי
רוחב

רוחב התרשים בפיקסלים.

סוג: number
ברירת מחדל: רוחב הרכיב שמכיל

אפשרויות ההגדרה של תרשים טבלה

שם
alternatingRowStyle

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

סוג: boolean
ברירת המחדל: true
גובה

גובה התרשים בפיקסלים.

סוג: number
ברירת מחדל: גובה הרכיב שמכיל
דף, עמוד

אם ואיך מפעילים את החלוקה לדפים של הנתונים. צריך לבחור אחד מערכי string הבאים:

  • 'enable' – הטבלה תכלול לחצנים קדימה ודף אחורה. לחיצה על הלחצנים האלו תבצע את פעולת החלוקה לדפים ותשנה את הדף המוצג. כדאי להגדיר גם את האפשרות pageSize.
  • 'event' – הטבלה תכלול לחצנים קדימה ודף אחורה, אבל לחיצה עליהם תפעיל אירוע 'page' ולא תשנה את הדף שמוצג. כדאי להשתמש באפשרות הזו כאשר הקוד מיישם לוגיקה משלו להעברת דפים. בדוגמה של TableQueryWrapper מוסבר איך לטפל באירועי חלוקה לדפים באופן ידני.
  • 'disable' - [ברירת מחדל] אין תמיכה בהחלפה.
    • סוג: string
    ברירת המחדל: 'disable'
pageSize

מספר השורות בכל דף, אם החלוקה לדפים מופעלת עם אפשרות הדף.

סוג: number
ברירת המחדל: 10
showRowNumber

אם המדיניות מוגדרת לערך true, מספר השורה יהיה העמודה הראשונה בטבלה.

סוג: boolean
ברירת המחדל: false
מיון

אם ואיך למיין עמודות כשהמשתמש לוחץ על כותרת עמודה. אם המיון מופעל, כדאי להגדיר גם את המאפיינים sortAscending ו-sortColumn. בוחרים אחד מערכי string הבאים:

  • 'enable' - [ברירת המחדל] המשתמשים יכולים ללחוץ על כותרות העמודות כדי למיין את הנתונים לפי העמודה שלחצו עליה. כשמשתמשים לוחצים על כותרת העמודה, השורות ממוינות באופן אוטומטי ומופעל אירוע 'sort'.
  • 'event' – כשמשתמשים לוחצים על כותרת העמודה, מופעל אירוע 'sort' אבל השורות לא ממוינות באופן אוטומטי. כדאי להשתמש באפשרות הזו כאשר הדף מיישם מיון משלו. בדוגמה של TableQueryWrapper אפשר לראות דוגמה לאופן הטיפול במיון אירועים באופן ידני.
  • 'disable'- ללחיצה על כותרת עמודה אין השפעה.
סוג: string
ברירת המחדל: 'enable'
sortAscending

הסדר שבו ממוינת עמודת המיון הראשונית. True לערך עולה, false לסדר יורד. המערכת תתעלם אם לא צוין sortColumn.

סוג: boolean
ברירת המחדל: true
sortColumn

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

סוג: number
ברירת המחדל: -1
רוחב

רוחב התרשים בפיקסלים.

סוג: number
ברירת מחדל: רוחב הרכיב שמכיל

אפשרויות ההגדרה של ציר הזמן

שם
backgroundColor

צבע הרקע של האזור הראשי בתרשים. יכולה להיות מחרוזת צבע פשוטה של HTML, לדוגמה: 'red' או '#00cc00', או אובייקט עם המאפיינים הבאים.

סוג: string או object
ברירת המחדל: 'white'
צבעים

הצבעים של הרכיבים בתרשים. מערך מחרוזות, כאשר כל רכיב הוא מחרוזת של צבע HTML, לדוגמה: colors:['red','#004411'].

סוג: מערך של מחרוזות
ברירת מחדל: צבעי ברירת מחדל
גובה

גובה התרשים בפיקסלים.

סוג: number
ברירת מחדל: גובה הרכיב שמכיל
רוחב

רוחב התרשים בפיקסלים.

סוג: number
ברירת מחדל: רוחב הרכיב שמכיל

אפשרויות ההגדרה של מפת העץ

שם
headerColor

הצבע של קטע הכותרת עבור כל צומת. מציינים ערך צבע של HTML.

סוג: string
ברירת המחדל: #988f86
maxColor

הצבע של מלבן עם ערך עמודה 3 של maxColorValue. מציינים ערך צבע ל-HTML.

סוג: string
ברירת המחדל: #00dd00
maxDepth

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

סוג: number
ברירת המחדל: 1
maxPostDepth

מספר רמות הצמתים מעבר ל-maxDepth שיוצגו באופן "רמז". צמתים עם רמזים מוצגים כמלבנים מוצללים בתוך צומת שנמצא במסגרת המגבלה של maxDepth.

סוג: number
ברירת המחדל: 0
midColor

הצבע של מלבן עם ערך בעמודה 3 באמצע בין maxColorValue ל-minColorValue. מציינים ערך צבע של HTML.

סוג: string
ברירת המחדל: #000000
minColor

הצבע של מלבן שערך עמודה 3 שלו הוא minColorValue. מציינים ערך צבע ל-HTML.

סוג: string
ברירת המחדל: #dd0000
noColor

הצבע של מלבן כאשר לצומת אין ערך בעמודה 3, והצומת הוא עלה (או מכיל רק עלים). מציינים ערך צבע של HTML.

סוג: string
ברירת המחדל: #000000
כותרת משנה

טקסט להצגה מתחת לכותרת התרשים.

סוג: string
ברירת מחדל: ללא שם
subtitleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת.

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

אובייקט שמציין את סגנון טקסט הכותרת. הצבע יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם fontName ו-fontSize.

סוג: object
ברירת מחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

טקסט להצגה מעל התרשים.

סוג: string
ברירת מחדל: ללא שם
titleTextStyle

אובייקט שמציין את סגנון טקסט הכותרת. זהו הפורמט של האובייקט:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

הערך color יכול להיות כל מחרוזת של צבע HTML, לדוגמה: 'red' או '#00cc00'. ראו גם את fontName ואת fontSize.

סוג: object
ברירת המחדל: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}