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

סוגי תרשימים

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

שם
צבעים

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

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

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

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

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

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

אפשר להשתמש ב-100% 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 הוא 'יפה' או 'מקסימלי'.

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

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

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

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

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

שם
backgroundColor

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

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

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

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

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

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

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

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

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

סוג: number או string
ברירת מחדל: אוטומטי
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 הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי
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
ברירת מחדל: אוטומטי
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 הוא 'יפה' או 'מקסימלי'.

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

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

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

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

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

שם
גובה

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

סוג: 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
ברירת מחדל: אוטומטי
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 הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי
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
ברירת מחדל: אוטומטי
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 הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי
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
ברירת מחדל: אוטומטי
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 הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי
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

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

שם
backgroundColor

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 'world' – מפה גיאוגרפית של כל העולם.
  • יבשת או תת-יבשת, שמצוינות לפי הקוד בן 3 הספרות שלהן, למשל: '011' למערב אפריקה.
  • מדינה שצוינה בקוד ISO 3166-1 alpha-2, למשל, 'AU' לאוסטרליה.
  • מדינה בארצות הברית, שצוינה לפי הקוד שלה ב-ISO 3166-2:US, למשל: 'US-AL' לאלבמה. הערה: האפשרות resolution צריכה להיות מוגדרת לערך 'provinces' או 'metros'.
סוג: string
ברירת מחדל: 'world'
רוחב

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

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

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

שם
backgroundColor

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

אפשר להשתמש ב-100% 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 הוא 'יפה' או 'מקסימלי'.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

סוג: boolean
קוי מגמה

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

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

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

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

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

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

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

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

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

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

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

הערך של הקווים המטפסים הוא 'linear' (ברירת המחדל), 'exponential' או 'polynomial'.

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

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

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

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

סוג: boolean
vAxes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

המערכת מתעלמת מהערך הזה כשהערך של vAxis.viewWindowMode הוא '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
ברירת מחדל: אוטומטי
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
ברירת מחדל: אוטומטי
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 הוא 'יפה' או 'מקסימלי'.

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

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

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

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

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

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

אפשר להשתמש ב-100% 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 הוא 'יפה' או 'מקסימלי'.

סוג: number
ברירת מחדל: אוטומטי
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>}