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

סוגי תרשימים

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

שם
צבעים

הצבעים שבהם יש להשתמש עבור רכיבי התרשים. מערך של מחרוזות, שכל רכיב הוא מחרוזת של צבע 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, תהיה הפסקה בקו בנקודה הלא ידועה.

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

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

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

האפשרות 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.

אפשר להשתמש באפשרות 'הצגת נתונים אחד על גבי השני' רק עם ערכי נתונים מהסוג 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 הוא pretty או maximized.

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

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

המערכת מתעלמת מההגדרה הזו אם הערך של vAxis.viewWindowMode הוא pretty או maximized.

סוג: 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, סדר הפריטים במקרא הפוך כדי להתאים טוב יותר להערמה של רכיבי הסדרה (למשל, סדרה 0 תהיה הפריט התחתון ביותר במקרא). ההגדרה הזו לא רלוונטית לתרשימי עמודות Bar.

האפשרות 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.

אפשר להשתמש באפשרות 'הצגת נתונים אחד על גבי השני' רק עם ערכי נתונים מהסוג 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 הוא pretty או maximized.

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

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

המערכת מתעלמת מההגדרה הזו אם הערך של vAxis.viewWindowMode הוא pretty או maximized.

סוג: 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 הוא pretty או maximized.

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

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

המערכת מתעלמת מההגדרה הזו אם הערך של vAxis.viewWindowMode הוא pretty או maximized.

סוג: 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 הוא pretty או maximized.

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

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

המערכת מתעלמת מההגדרה הזו אם הערך של vAxis.viewWindowMode הוא pretty או maximized.

סוג: 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, סדר הפריטים במקרא הפוך כדי להתאים טוב יותר להערמה של רכיבי הסדרה (למשל, סדרה 0 תהיה הפריט התחתון ביותר במקרא). ההגדרה הזו לא רלוונטית לתרשימי עמודות Bar.

האפשרות 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.

אפשר להשתמש באפשרות 'הצגת נתונים אחד על גבי השני' רק עם ערכי נתונים מהסוג 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 הוא pretty או maximized.

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

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

המערכת מתעלמת מההגדרה הזו אם הערך של vAxis.viewWindowMode הוא pretty או maximized.

סוג: 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, תהיה הפסקה בקו בנקודה הלא ידועה.

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

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

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

האפשרות 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.

אפשר להשתמש באפשרות 'הצגת נתונים אחד על גבי השני' רק עם ערכי נתונים מהסוג 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 הוא pretty או maximized.

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

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

המערכת מתעלמת מההגדרה הזו אם הערך של vAxis.viewWindowMode הוא pretty או maximized.

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

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

שם
greenColor

הצבע שבו יש להשתמש בקטע הירוק בסימון צבעי HTML.

סוג: string
ברירת מחדל: '#109618'
greenFrom

הערך הנמוך ביותר בטווח שמסומן בצבע ירוק.

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

הערך הכי גבוה בטווח שמסומן בצבע ירוק.

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

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

סוג: number
ברירת מחדל: רוחב ה-container
מקסימלי

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

הוא דומה ל-maxValue בתרשימים הראשיים.

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

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

הוא דומה ל-minValue בתרשימים הראשיים.

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

הצבע שבו יש להשתמש בקטע האדום בסימון צבעים ב-HTML.

סוג: string
ברירת מחדל: '#DC3912'
redFrom

הערך הנמוך ביותר בטווח שמסומן בצבע אדום.

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

הערך הכי גבוה בטווח שמסומן בצבע אדום.

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

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

סוג: number
ברירת מחדל: רוחב ה-container
yellowColor

הצבע שבו יש להשתמש בקטע הצהוב בסימון צבעים ב-HTML.

סוג: string
ברירת מחדל: '#FF9900'
yellowFrom

הערך הנמוך ביותר בטווח שמסומן בצבע צהוב.

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

הערך הכי גבוה בטווח שמסומן בצבע צהוב.

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

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

שם
backgroundColor

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

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

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

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

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

סוג: string
ברירת מחדל: '#F5F5F5'
defaultColor

הצבע שבו יש להשתמש לנקודות נתונים בתרשים גיאוגרפי כשמיקום (למשל, ‫'US' ) קיים אבל הערך הוא null או שלא צוין. הצבע הזה שונה מהצבע datalessRegionColor, שמשמש כשחסרים נתונים.

סוג: string
ברירת מחדל: '#267114'
displayMode

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

  • 'auto' – בוחרים לפי הפורמט של טבלת הנתונים.
  • 'regions' – צביעת האזורים בתרשים הגיאוגרפי.
  • 'markers' – מציבים סמנים באזורים.
  • 'text' – מתייגים את האזורים באמצעות טקסט מ-DataTable.
סוג: string
ברירת מחדל: auto
גובה

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

סוג: 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' for Western Africa.
  • מדינה, שמוגדרת באמצעות קוד 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).
Type: 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, תהיה הפסקה בקו בנקודה הלא ידועה.

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

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

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

האפשרות 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.

אפשר להשתמש באפשרות 'הצגת נתונים אחד על גבי השני' רק עם ערכי נתונים מהסוג 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 הוא pretty או maximized.

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

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

המערכת מתעלמת מההגדרה הזו אם הערך של vAxis.viewWindowMode הוא pretty או maximized.

סוג: 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, תהיה הפסקה בקו בנקודה הלא ידועה.

האפשרות הזו לא נתמכת בתרשימי Area עם האפשרות 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 הוא pretty או maximized.

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

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

המערכת מתעלמת מההגדרה הזו אם הערך של vAxis.viewWindowMode הוא pretty או maximized.

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

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

שם
צבע

צבע הרקע של האלמנטים בתרשים הארגוני.

סוג: 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 הוא pretty או maximized.

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

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

המערכת מתעלמת מההגדרה הזו אם הערך של vAxis.viewWindowMode הוא pretty או maximized.

סוג: 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, סדר הפריטים במקרא הפוך כדי להתאים טוב יותר להערמה של רכיבי הסדרה (למשל, סדרה 0 תהיה הפריט התחתון ביותר במקרא). ההגדרה הזו לא רלוונטית לתרשימי עמודות Bar.

האפשרות 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.

אפשר להשתמש באפשרות 'הצגת נתונים אחד על גבי השני' רק עם ערכי נתונים מהסוג 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 הוא pretty או maximized.

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

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

המערכת מתעלמת מההגדרה הזו אם הערך של vAxis.viewWindowMode הוא pretty או maximized.

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

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

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

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

שם
alternatingRowStyle

קובע אם סגנון צבע מתחלף יוקצה לשורות אי-זוגיות וזוגיות.

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

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

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

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

  • 'enable' – הטבלה תכלול לחצנים למעבר קדימה ואחורה בין העמודים. לחיצה על הלחצנים האלה תבצע את פעולת העמודים ותשנה את הדף שמוצג. אולי כדאי להגדיר גם את האפשרות pageSize.
  • 'event' – הטבלה תכלול לחצנים להעברה קדימה ואחורה בין דפים, אבל לחיצה עליהם תפעיל אירוע 'page' ולא תשנה את הדף שמוצג. צריך להשתמש באפשרות הזו אם הקוד מטמיע לוגיקה משלו להחלפת דפים. בדוגמה ל-TableQueryWrapper אפשר לראות איך לטפל באירועי החלפה של דפים באופן ידני.
  • 'disable' - [Default] אין תמיכה בהחלפה בין דפים.
  • סוג: string
    ברירת מחדל: 'disable'
pageSize

מספר השורות בכל דף, כשהאפשרות 'דף' מופעלת.

סוג: number
ברירת מחדל: 10
showRowNumber

אם הערך הוא true, מספר השורה מוצג כעמודה הראשונה בטבלה.

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

אם ואיך למיין את העמודות כשמשתמש לוחץ על כותרת של עמודה. אם ההגדרה sorting מופעלת, כדאי להגדיר גם את המאפיינים 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

הצבע של מלבן עם ערך של maxColorValue בעמודה 3. מציינים ערך צבע ב-HTML.

סוג: string
ברירת מחדל: #00dd00
maxDepth

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

סוג: number
ברירת מחדל: 1
maxPostDepth

כמה רמות של צמתים מעבר ל-maxDepth יוצגו בצורה 'מוסתרת'. צמתים עם רמזים מוצגים כמלבנים מוצללים בתוך צומת שנמצא בתוך המגבלה של maxDepth.

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

הצבע של מלבן עם ערך בעמודה 3 באמצע הדרך בין maxColorValue לבין minColorValue. צריך לציין ערך צבע ב-HTML.

סוג: string
ברירת מחדל: #000000
minColor

הצבע של מלבן עם הערך minColorValue בעמודה 3. מציינים ערך צבע ב-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>}