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

סוגי תרשימים

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

שם
צבעים

הצבעים שבהם יש להשתמש ברכיבי התרשים. מערך של מחרוזות, כאשר כל רכיב הוא מחרוזת צבע 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
ברירת מחדל: auto
chartArea.left

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

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

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

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

רוחב אזור התרשים.

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

הצבעים שבהם יש להשתמש ברכיבי התרשים. מערך של מחרוזות, שבו כל רכיב הוא מחרוזת צבע של 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
ברירת מחדל: auto
hAxis.viewWindow.min

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

המערכת מתעלמת מהמאפיין כשהערך של hAxis.viewWindowMode הוא 'pretty' או 'maximized'.

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

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

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

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

אין תמיכה באפשרות הזו בתרשימים מסוג שטח עם האפשרות isStacked: true/'percent'/'relative'/'absolute'.

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

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

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

האפשרויות ל-isStacked הן:

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

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

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

אפשר להשתמש ב-100% stacking רק בערכים של נתונים מסוג 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
ברירת מחדל: auto
vAxis.viewWindow.min

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

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

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

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

שם
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
ברירת מחדל: auto
chartArea.left

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

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

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

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

רוחב אזור התרשים.

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

הצבעים שבהם יש להשתמש ברכיבי התרשים. מערך של מחרוזות, שבו כל רכיב הוא מחרוזת צבע של 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
ברירת מחדל: auto
hAxis.viewWindow.min

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

המערכת מתעלמת מהמאפיין כשהערך של hAxis.viewWindowMode הוא 'pretty' או 'maximized'.

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

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

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

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

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

האפשרויות ל-isStacked הן:

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

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

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

אפשר להשתמש ב-100% stacking רק בערכים של נתונים מסוג 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
ברירת מחדל: auto
vAxis.viewWindow.min

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

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

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

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

שם
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
ברירת מחדל: auto
chartArea.left

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

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

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

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

רוחב אזור התרשים.

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

הצבעים שבהם יש להשתמש ברכיבי התרשים. מערך של מחרוזות, שבו כל רכיב הוא מחרוזת צבע של 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
ברירת מחדל: auto
hAxis.viewWindow.min

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

המערכת מתעלמת מהמאפיין כשהערך של hAxis.viewWindowMode הוא 'pretty' או 'maximized'.

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

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

סוג: 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 – הצבע שבו יש להשתמש בסדרה הזו. מציינים מחרוזת צבע תקינה ב-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
ברירת מחדל: auto
vAxis.viewWindow.min

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

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

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

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

שם
גובה

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

סוג: 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
ברירת מחדל: auto
chartArea.left

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

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

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

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

רוחב אזור התרשים.

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

הצבעים שבהם יש להשתמש ברכיבי התרשים. מערך של מחרוזות, שבו כל רכיב הוא מחרוזת צבע של 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
ברירת מחדל: auto
hAxis.viewWindow.min

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

המערכת מתעלמת מהמאפיין כשהערך של hAxis.viewWindowMode הוא 'pretty' או 'maximized'.

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

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

סוג: 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
ברירת מחדל: auto
vAxis.viewWindow.min

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

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

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

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

שם
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
ברירת מחדל: auto
chartArea.left

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

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

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

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

רוחב אזור התרשים.

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

הצבעים שבהם יש להשתמש ברכיבי התרשים. מערך של מחרוזות, שבו כל רכיב הוא מחרוזת צבע של 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
ברירת מחדל: auto
hAxis.viewWindow.min

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

המערכת מתעלמת מהמאפיין כשהערך של hAxis.viewWindowMode הוא 'pretty' או 'maximized'.

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

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

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

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

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

האפשרויות ל-isStacked הן:

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

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

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

אפשר להשתמש ב-100% stacking רק בערכים של נתונים מסוג 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
ברירת מחדל: auto
vAxis.viewWindow.min

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

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

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

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

שם
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
ברירת מחדל: auto
chartArea.left

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

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

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

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

רוחב אזור התרשים.

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

הצבעים שבהם יש להשתמש ברכיבי התרשים. מערך של מחרוזות, שבו כל רכיב הוא מחרוזת צבע של 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
ברירת מחדל: auto
hAxis.viewWindow.min

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

המערכת מתעלמת מהמאפיין כשהערך של hAxis.viewWindowMode הוא 'pretty' או 'maximized'.

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

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

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

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

אין תמיכה באפשרות הזו בתרשימים מסוג שטח עם האפשרות isStacked: true/'percent'/'relative'/'absolute'.

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

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

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

האפשרויות ל-isStacked הן:

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

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

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

אפשר להשתמש ב-100% stacking רק בערכים של נתונים מסוג 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
ברירת מחדל: auto
vAxis.viewWindow.min

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

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

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

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

שם
greenColor

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

שם
backgroundColor

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

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

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

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

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

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

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

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

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

  • 'auto' – בוחרים על סמך הפורמט של DataTable.
  • 'regions' – צביעת האזורים בתרשים הגיאוגרפי.
  • 'markers' – מסמנים את האזורים.
  • 'text' – תוויות לאזורים עם טקסט מ-DataTable.
סוג: string
ברירת מחדל: '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' למערב אפריקה.
  • מדינה, שצוינה לפי קוד ISO 3166-1 alpha-2 שלה, למשל: 'AU' לאוסטרליה.
  • מדינה בארצות הברית, שצוינה לפי הקוד שלה ב-ISO 3166-2:US, למשל: 'US-AL' לאלבמה. הערה: האפשרות resolution צריכה להיות מוגדרת לערך 'provinces' או 'metros'.
סוג: string
ברירת מחדל: 'world'
רוחב

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

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

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

שם
backgroundColor

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

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

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

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

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

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

גובה אזור התרשים.

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

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

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

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

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

רוחב אזור התרשים.

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

הצבעים שבהם יש להשתמש ברכיבי התרשים. מערך של מחרוזות, שבו כל רכיב הוא מחרוזת צבע של 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
ברירת מחדל: auto
hAxis.viewWindow.min

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

המערכת מתעלמת מהמאפיין כשהערך של hAxis.viewWindowMode הוא 'pretty' או 'maximized'.

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

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

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

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

סוג: number
ברירת מחדל: auto
histogram.hideBucketItems

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

סוג: boolean
ברירת מחדל: false
histogram.lastBucketPercentile

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

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

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

אין תמיכה באפשרות הזו בתרשימים מסוג שטח עם האפשרות isStacked: true/'percent'/'relative'/'absolute'.

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

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

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

האפשרויות ל-isStacked הן:

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

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

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

אפשר להשתמש ב-100% stacking רק בערכים של נתונים מסוג 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
ברירת מחדל: auto
vAxis.viewWindow.min

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

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

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

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

סוג: 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
ברירת מחדל: auto
chartArea.left

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

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

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

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

רוחב אזור התרשים.

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

הצבעים שבהם יש להשתמש ברכיבי התרשים. מערך של מחרוזות, שבו כל רכיב הוא מחרוזת צבע של 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
ברירת מחדל: auto
hAxis.viewWindow.min

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

המערכת מתעלמת מהמאפיין כשהערך של hAxis.viewWindowMode הוא 'pretty' או 'maximized'.

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

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

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

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

אין תמיכה באפשרות הזו בתרשימים מסוג שטח עם האפשרות 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
ברירת מחדל: auto
vAxis.viewWindow.min

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

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

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

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

שם
color [צבע]

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

סוג: string
ברירת מחדל: '#edf7ff'
selectionColor

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

סוג: string
ברירת מחדל: '#d6e9f8'
size

הגודל הכולל של התרשים. האפשרויות כוללות 'small',‏ 'medium' או 'large'.

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

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

שם
backgroundColor

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

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

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

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

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

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

גובה אזור התרשים.

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

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

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

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

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

רוחב אזור התרשים.

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

הצבעים שבהם יש להשתמש ברכיבי התרשים. מערך של מחרוזות, שבו כל רכיב הוא מחרוזת צבע של 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
ברירת מחדל: auto
chartArea.left

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

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

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

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

רוחב אזור התרשים.

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

הצבעים שבהם יש להשתמש ברכיבי התרשים. מערך של מחרוזות, שבו כל רכיב הוא מחרוזת צבע של 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
ברירת מחדל: auto
hAxis.viewWindow.min

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

המערכת מתעלמת מהמאפיין כשהערך של hAxis.viewWindowMode הוא 'pretty' או 'maximized'.

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

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

סוג: 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
ברירת מחדל: auto
vAxis.viewWindow.min

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

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

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

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

שם
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
ברירת מחדל: auto
chartArea.left

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

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

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

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

רוחב אזור התרשים.

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

הצבעים שבהם יש להשתמש ברכיבי התרשים. מערך של מחרוזות, שבו כל רכיב הוא מחרוזת צבע של 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
ברירת מחדל: auto
hAxis.viewWindow.min

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

המערכת מתעלמת מהמאפיין כשהערך של hAxis.viewWindowMode הוא 'pretty' או 'maximized'.

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

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

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

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

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

האפשרויות ל-isStacked הן:

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

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

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

אפשר להשתמש ב-100% stacking רק בערכים של נתונים מסוג 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
ברירת מחדל: auto
vAxis.viewWindow.min

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

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

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

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

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

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

שם
alternatingRowStyle

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

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

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

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

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

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

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

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

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

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

אם יש למיין עמודות כשהמשתמש לוחץ על כותרת עמודה, ואיך לעשות זאת. אם מפעילים את המיון, כדאי להגדיר גם את המאפיינים sortAscending ו-sortColumn. בוחרים אחד מהערכים הבאים של string:

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

הסדר שבו עמודת המיון הראשונית ממוינת. True למיון עולה, false למיון יורד. המערכת תתעלם מהמאפיין אם לא צוין sortColumn.

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

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

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

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

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

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

שם
backgroundColor

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

סוג: string או object
ברירת מחדל: 'white'
צבעים

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

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

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

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

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

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

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

שם
headerColor

הצבע של קטע הכותרת של כל צומת. מציינים ערך צבע ב-HTML.

סוג: string
ברירת מחדל: #988f86
maxColor

הצבע של מלבן עם ערך 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>}