תצוגה חזותית: תרשים עמודות

משך האנימציה, באלפיות השנייה. למידע נוסף, אפשר לעיין במשאבי העזרה בנושא אנימציה.

פונקציית ההתאמה לצפייה שמוחלת על האנימציה. אלו האפשרויות הזמינות:

• 'לינארי' - מהירות קבועה.
• 'in' – התאמה קלה – הפעלה איטית והגברת מהירות.
• 'out' – עשיית סדר – מתחילים מהר ומאטים.
• 'inAndOut' – להיכנס ולצאת בקלות – מתחילים לאט, מגבירים ואז מאטים.

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

בתרשימים עמודות ו עמודות, אם הערך מוגדר ל-true, כל ההערות צריכות להגיע מחוץ לעמודה/העמודה.

בתרשימים שתומכים בהערות, האובייקט annotations.boxStyle קובע את מראה התיבות שמסביב להערות:

var options = {
  annotations: {
    boxStyle: {
      // Color of the box outline.
      stroke: '#888',
      // Thickness of the box outline.
      strokeWidth: 1,
      // x-radius of the corner curvature.
      rx: 10,
      // y-radius of the corner curvature.
      ry: 10,
      // Attributes for linear gradient fill.
      gradient: {
        // Start color for gradient.
        color1: '#fbf6a7',
        // Finish color for gradient.
        color2: '#33b679',
        // Where on the boundary to start and
        // end the color1/color2 gradient,
        // relative to the upper left corner
        // of the boundary.
        x1: '0%', y1: '0%',
        x2: '100%', y2: '100%',
        // If true, the boundary for x1,
        // y1, x2, and y2 is the box. If
        // false, it's the entire chart.
        useObjectBoundingBoxUnits: true
      }
    }
  }
};
    

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

var options = {
  annotations: {
    textStyle: {
      fontName: 'Times-Roman',
      fontSize: 18,
      bold: true,
      italic: true,
      // The color of the text.
      color: '#871b47',
      // The color of the text outline.
      auraColor: '#d799ae',
      // The transparency of the text.
      opacity: 0.8
    }
  }
};
    

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

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

• in - ציירו את כותרות הצירים בתוך אזור התרשים.
• חוץ - משרטטים את כותרות הצירים מחוץ לשטח התרשים.
• ללא - השמטת כותרות הצירים.

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

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

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

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

• פיקסלים (למשל 50).
• אחוז מהרוחב הזמין לכל קבוצה (למשל, '20%'), כאשר '100%' פירושו שאין רווח בין הקבוצות.

האם העמודות בתרשים עמודות של Material הן אנכיות או אופקיות. האפשרות הזו לא משפיעה על תרשימי עמודות קלאסיים או על תרשימי עמודות אנכיים קלאסיים.

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

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

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

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

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

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

בתרשימי חומרה, האפשרות הזו מציינת את כותרת המשנה. אפשר להציג כתוביות רק ב-Material Charts.

בתרשימי Material, האפשרות הזו מציינת את שם הפריט.

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

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

האם התרשים כולל אירועים מבוססי-משתמשים או מגיב לאינטראקציה של משתמשים? אם הערך הוא False, התרשים לא יציג אירועים מסוג 'בחירה' או אירועים אחרים המבוססים על אינטראקציה (אלא יגרום להצגה של אירועי שגיאה או אירועים מוכנים) ולא יציג טקסט מרחף או שינוי אחר בהתאם לקלט של המשתמשים.

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

התכונה הזו ניסיונית ועשויה להשתנות בגרסאות עתידיות.

הערה: הסייר פועל רק עם צירים רציפים (כמו מספרים או תאריכים).

הכלי Google Charts Explorer תומך בשלוש פעולות:

• dragToPan: אפשר לגרור את התרשים כדי להזיז אותו בצורה אופקית ואנכית. כדי להזיז רק לאורך הציר האופקי, משתמשים ב-explorer: { axis: 'horizontal' }. באופן דומה לציר האנכי.
• dragToZoom: התנהגות ברירת המחדל של הסייר היא להגדיל או להקטין את התצוגה כשהמשתמש גולל. אם נעשה שימוש ב-explorer: { actions: ['dragToZoom', 'rightClickToReset'] }, גרירה של אזור מלבני מגדילה את האזור הזה. מומלץ להשתמש ב-rightClickToReset בכל פעם שמשתמשים ב-dragToZoom. אפשר לעיין ב-explorer.maxZoomIn, explorer.maxZoomOut ו-explorer.zoomDelta להתאמה אישית של מרחק התצוגה.
• rightClickToReset: לחיצה ימנית על התרשים מחזירה אותו לרמת ההזזה והזום המקוריים.

כברירת מחדל, משתמשים יכולים להזיז גם אופקי וגם אנכי כשמשתמשים באפשרות explorer. אם רוצים שהמשתמשים יזיזו רק את התצוגה לרוחב, צריך להשתמש ב-explorer: { axis: 'horizontal' }. באופן דומה, explorer: { axis: 'vertical' } מאפשר הזזה אנכית בלבד.

כברירת מחדל, המשתמשים יכולים להזיז את המפה לכל מקום, בלי קשר למיקום של הנתונים. כדי לוודא שהמשתמשים לא יזיזו את התצוגה אל מעבר לתרשים המקורי, צריך להשתמש ב-explorer: { keepInBounds: true }.

המספר המקסימלי שבו החוקר יכול להגדיל את התצוגה. כברירת מחדל, המשתמשים יוכלו להתקרב מספיק כדי שיראו רק 25% מהתצוגה המקורית. הגדרה של explorer: { maxZoomIn: .5 } תאפשר למשתמשים להגדיל את התצוגה רק מספיק כדי לראות מחצית מהתצוגה המקורית.

המספר המקסימלי שבו הסייר יכול להקטין את התצוגה. כברירת מחדל, המשתמשים יוכלו להתרחק מספיק כך שהתרשים ימלא רק 1/4 מהשטח הזמין. הגדרה של explorer: { maxZoomOut: 8 } תאפשר למשתמשים להתרחק מספיק כך שהתרשים ימלא רק 1/8 מהשטח הזמין.

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

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

• 'datum' – התמקדות בנקודה על הגרף. תואם לתא בטבלת הנתונים.
• 'category' – התמקדות בקיבוץ של כל נקודות הנתונים לאורך הציר הראשי. תואם לשורה בטבלת הנתונים.

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

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

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

משרטטים את התרשים בתוך מסגרת בתוך מסגרת. (שימו לב שב-IE8 המערכת מתעלמת מהאפשרות הזו. כל התרשימים של IE8 משורטטים במסגרות i-frames).

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    

ערך הבסיס של הציר האופקי.

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

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

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

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

מחרוזת עיצוב לתוויות של מספרים או של ציר תאריך.

לתוויות של צירי המספרים, זוהי קבוצת משנה של הפורמט העשרוני קבוצת דפוסי ה-ICU . לדוגמה, {format:'#,###%'} יציג את הערכים 1,000%, 750% ו-50% לערכים 10, 7.5 ו-0.5. אפשר גם לספק את הפרטים הבאים:

• {format: 'none'}: הצגת מספרים ללא עיצוב (למשל, 8000000)
• {format: 'decimal'}: הצגת מספרים עם מפריד אלפים (למשל, 8,000,000)
• {format: 'scientific'}: הצגת מספרים בסימון מדעי (למשל, 8e6)
• {format: 'currency'}: הצגת מספרים במטבע המקומי (למשל, $8,000,000.00)
• {format: 'percent'}: הצגת מספרים כאחוזים (למשל, 800,000,000%)
• {format: 'short'}: הצגת מספרים מקוצרים (למשל, 8 חודשים)
• {format: 'long'}: הצגת מספרים כמילים שלמות (למשל, 8 מיליון)

לתוויות של ציר התאריך, זו קבוצת משנה של עיצוב התאריכים שהוגדר דפוס ICU . לדוגמה, {format:'MMM d, y'} יציג את הערך "1 ביולי, 2011" עבור התאריך הראשון של יולי ב-2011.

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

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

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

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

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

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

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

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

מערך של גדלים (כערכי נתונים, לא פיקסלים) בין קווי רשת סמוכים. בשלב הזה האפשרות הזו רלוונטית רק לצירים מספריים, אבל היא מקבילה לאפשרויות של gridlines.units.<unit>.interval שמשמשות רק לתאריכים ושעות. בסולמות לינאריים, ברירת המחדל היא [1, 2, 2.5, 5] כלומר הערכים של קו הרשת יכולים להופיע בכל יחידה (1), ביחידות זוגיות (2) או בכפולות של 2.5 או 5. המערכת מביאה בחשבון גם כל חזקה של פי 10 מהערכים האלה (למשל: [10, 20, 25, 50] וגם [.1, .2, .25, .5]). בסולמות של יומנים, ברירת המחדל היא [1, 2, 5].

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

כל הערכים של קווי הרשת והסימונים חייבים להיות כפולה של הערך של האפשרות הזו. חשוב לשים לב, שבניגוד למרווחי זמן, חזקות של 10 כפולות לא נלקחות בחשבון. כך אפשר לאלץ סימונים שהם מספרים שלמים על ידי ציון gridlines.multiple = 1, או לאלץ את המכפלות להיות כפולות של 1000 על ידי ציון gridlines.multiple = 1000.

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

הפורמט הכללי הוא:

gridlines: {
  units: {
    years: {format: [/*format strings here*/]},
    months: {format: [/*format strings here*/]},
    days: {format: [/*format strings here*/]}
    hours: {format: [/*format strings here*/]}
    minutes: {format: [/*format strings here*/]}
    seconds: {format: [/*format strings here*/]},
    milliseconds: {format: [/*format strings here*/]},
  }
}
    

מידע נוסף זמין בקטע תאריכים ושעות.

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

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

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

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

האפשרות MinGridlines.interval דומה לאפשרות המרווח של קווי רשת ראשיים, אבל המרווח שנבחר יהיה תמיד מחלק שווה של הרווח של קו הרשת הראשי. מרווח הזמן שמוגדר כברירת מחדל לסולמות לינאריים הוא [1, 1.5, 2, 2.5, 5], ולסולמות ליומנים הוא [1, 2, 5].

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

זהה לזה של gridlines.multiple ראשיים.

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

הפורמט הכללי הוא:

gridlines: {
  units: {
    years: {format: [/*format strings here*/]},
    months: {format: [/*format strings here*/]},
    days: {format: [/*format strings here*/]}
    hours: {format: [/*format strings here*/]}
    minutes: {format: [/*format strings here*/]}
    seconds: {format: [/*format strings here*/]},
    milliseconds: {format: [/*format strings here*/]},
  }
}
    

מידע נוסף זמין בקטע תאריכים ושעות.

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

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

המאפיין hAxis שהופך את הציר האופקי לקנה מידה לוגריתמי. יכול להיות אחת מהאפשרויות הבאות:

• null - לא מתבצעת קנה מידה לוגריתמי.
• 'log' - קנה מידה לוגריתמי. לא מוצגים ערכים שליליים וערכי אפס. האפשרות הזו זהה להגדרה hAxis: { logscale: true }.
• 'mirrorLog' - קנה מידה לוגריתמי שבו מוצגים ערכים שליליים וערכים של אפס. הערך בתרשים של מספר שלילי הוא מספר שלילי של היומן של הערך המוחלט. ערכים הקרובים ל-0 מוצגים בסולם ליניארי.

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

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

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

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

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

מחליפה את הסימנים הנובעים מציר ה-X שנוצרו באופן אוטומטי במערך שצוין. כל רכיב במערך צריך להיות ערך סימון תקין (כמו מספר, תאריך, תאריך ושעה או שעה ביום), או אובייקט. אם מדובר באובייקט, צריך להיות לו המאפיין v בשביל ערך הסימון, ומאפיין f אופציונלי שמכיל את המחרוזת המילולית שיוצג כתווית.

התצוגה המקדימה תורחב אוטומטית כך שתכלול את סימני המינימום והמקסימום, אלא אם מציינים viewWindow.min או viewWindow.max לשינוי.

דוגמאות:

• hAxis: { ticks: [5,10,15,20] }
• hAxis: { ticks: [{v:32, f:'thirty two'}, {v:64, f:'sixty four'}] }
• hAxis: { ticks: [new Date(2014,3,15), new Date(2013,5,15)] }
• hAxis: { ticks: [16, {v:32, f:'thirty two'}, {v:64, f:'sixty four'}, 128] }

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

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

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

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

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

אם הערך הוא False, התוויות החיצוניות ביותר יוסתרו ולא באמצעות מאגר התרשים. אם הערך הוא True, יתאפשר חיתוך של תוויות.

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

אם הערך הוא True, משרטטים את הטקסט של הציר האופקי בזווית כדי להתאים יותר טקסט לאורך הציר. אם הערך הוא False, משרטטים את הטקסט של הציר האופקי ישר. התנהגות ברירת המחדל היא להטות טקסט אם אי אפשר להתאים את כל הטקסט למצב זקוף. חשוב לשים לב שהאפשרות הזו זמינה רק כאשר hAxis.textPosition מוגדר כ-'out' (ברירת המחדל). ברירת המחדל היא false לתאריכים ושעות.

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

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

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

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

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

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

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

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

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

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

• 'pretty' – שינוי גודל הערכים האופקיים כך שערכי הנתונים המקסימליים והמינימליים יעובדו מעט בתוך האזור השמאלי והימני של אזור התרשים. התצוגה 'חלון' מורחבת לקו הרשת הראשי הקרוב ביותר למספרים, או לקו הרשת המשני הקרוב ביותר לתאריכים ושעות.
• 'maximized' – שינוי הגודל של הערכים האופקיים כך שערכי הנתונים המקסימליים והמינימליים נוגעים משמאל וימינה של אזור התרשים. כתוצאה מכך, המערכת תתעלם מ-haxis.viewWindow.min ומ-haxis.viewWindow.max.
• 'explicit' – אפשרות שהוצאה משימוש כדי לציין את ערכי קנה המידה השמאלי והימני של שטח התרשים. (תכונות שהוצאו משימוש כי הן מיותרות ב-haxis.viewWindow.min וב-haxis.viewWindow.max.) ערכי נתונים שמחוץ לערכים האלה ייחתכו. צריך לציין אובייקט hAxis.viewWindow שמתאר את ערכי המקסימום והמינימום להצגה.

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

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

• עבור ציר continuous :

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

• לציר discrete:

  אינדקס השורות המבוסס על אפס, שבו מסתיים חלון החיתוך. נקודות על הגרף באינדקס הזה ומעלה ייחתכו. בשילוב עם vAxis.viewWindowMode.min, הוא מגדיר טווח פתוח למחצה [min, max) שמציין את האינדקסים של הרכיב שיוצגו. כלומר, כל אינדקס ש-min <= index < max יוצג.

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

• לציר continuous:

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

• לציר discrete:

  אינדקס השורות המבוסס על אפס, שבו מתחיל חלון החיתוך. נקודות על הגרף במדדים נמוכים מהערך הזה ייחתכו. בשילוב עם vAxis.viewWindowMode.max, הוא מגדיר טווח פתוח למחצה [min, max) שמציין את האינדקסים של הרכיב שיוצגו. במילים אחרות, כל אינדקס ש-min <= index < max יוצג.

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

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

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

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

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

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

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

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

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

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

אינדקס הדפים הראשון שנבחר מבוסס אפס של המקרא.

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

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

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

• 'start' - מיושר לתחילת האזור שהוקצה למקרא.
• 'center' (מרכז) – במרכז האזור שהוקצה למקרא.
• 'end' - מיושר לסוף השטח שהוקצה למקרא.

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

ערך ברירת המחדל תלוי במיקום של המקרא. במקראים 'תחתונים', ברירת המחדל היא 'מרכז'. מקראים אחרים הם 'התחלה' כברירת מחדל.

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

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

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

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

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

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

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

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

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

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

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

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    

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

• 'maximized' – הגדלת השטח של התרשים ושרטוט של המקרא וכל התוויות בתוך האזור בתרשים. מגדיר את האפשרויות הבאות:

  chartArea: {width: '100%', height: '100%'},
  legend: {position: 'in'},
  titlePosition: 'in', axisTitlesPosition: 'in',
  hAxis: {textPosition: 'in'}, vAxis: {textPosition: 'in'}
          

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

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

• in - משרטטים את הכותרת בתוך אזור התרשים.
• חוץ – משרטטים את הכותרת מחוץ לשטח התרשים.
• none - השמטת את הכותרת.

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

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

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

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

{textStyle: {color: '#FF0000'}, showColorCode: true}

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

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

אם המדיניות מוגדרת כ-True, צריך להשתמש בהסבר קצר על עיבוד HTML (ולא ב-SVG). למידע נוסף, אפשר לקרוא את המאמר התאמה אישית של תוכן הסבר קצר.

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

אם הערך הוא True, יוצגו ריבועים צבעוניים לצד פרטי הסדרה בהסבר הקצר. ברירת המחדל היא True אם הערך של focusTarget מוגדר כ-'category', אחרת ברירת המחדל היא False.

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

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

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

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

• 'focus' – ההסבר הקצר יוצג כשהמשתמש מעביר את העכבר מעל הרכיב.
• 'ללא' – ההסבר הקצר לא יוצג.
• 'בחירה' – ההסבר הקצר יוצג כשהמשתמש יבחר את הרכיב.

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

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

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      showR2: true,
      visibleInLegend: true
    }
  }
}
    

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

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

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

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

השקיפות של קו המגמה , מ-0.0 (שקוף) ל-1.0 (אטום).

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

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

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

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

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

מציינת מאפיינים של צירים אנכיים ספציפיים, אם בתרשים יש כמה צירים אנכיים. כל אובייקט צאצא הוא אובייקט 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
  }
]
    

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}

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

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

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

מחרוזת עיצוב לתוויות של צירים מספריים. זו קבוצת משנה של קבוצת דפוסי ה-ICU . לדוגמה, {format:'#,###%'} יציג את הערכים 1,000%, 750% ו-50% לערכים 10, 7.5 ו-0.5. אפשר גם לספק את הפרטים הבאים:

• {format: 'none'}: הצגת מספרים ללא עיצוב (למשל, 8000000)
• {format: 'decimal'}: הצגת מספרים עם מפריד אלפים (למשל, 8,000,000)
• {format: 'scientific'}: הצגת מספרים בסימון מדעי (למשל, 8e6)
• {format: 'currency'}: הצגת מספרים במטבע המקומי (למשל, $8,000,000.00)
• {format: 'percent'}: הצגת מספרים כאחוזים (למשל, 800,000,000%)
• {format: 'short'}: הצגת מספרים מקוצרים (למשל, 8 חודשים)
• {format: 'long'}: הצגת מספרים כמילים שלמות (למשל, 8 מיליון)

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

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

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

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

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

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

מערך של גדלים (כערכי נתונים, לא פיקסלים) בין קווי רשת סמוכים. בשלב הזה האפשרות הזו רלוונטית רק לצירים מספריים, אבל היא מקבילה לאפשרויות של gridlines.units.<unit>.interval שמשמשות רק לתאריכים ושעות. בסולמות לינאריים, ברירת המחדל היא [1, 2, 2.5, 5] כלומר הערכים של קו הרשת יכולים להופיע בכל יחידה (1), ביחידות זוגיות (2) או בכפולות של 2.5 או 5. המערכת מביאה בחשבון גם כל חזקה של פי 10 מהערכים האלה (למשל: [10, 20, 25, 50] וגם [.1, .2, .25, .5]). בסולמות של יומנים, ברירת המחדל היא [1, 2, 5].

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

כל הערכים של קווי הרשת והסימונים חייבים להיות כפולה של הערך של האפשרות הזו. חשוב לשים לב, שבניגוד למרווחי זמן, חזקות של 10 כפולות לא נלקחות בחשבון. כך אפשר לאלץ סימונים שהם מספרים שלמים על ידי ציון gridlines.multiple = 1, או לאלץ את המכפלות להיות כפולות של 1000 על ידי ציון gridlines.multiple = 1000.

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

הפורמט הכללי הוא:

gridlines: {
  units: {
    years: {format: [/*format strings here*/]},
    months: {format: [/*format strings here*/]},
    days: {format: [/*format strings here*/]},
    hours: {format: [/*format strings here*/]},
    minutes: {format: [/*format strings here*/]},
    seconds: {format: [/*format strings here*/]},
    milliseconds: {format: [/*format strings here*/]}
  }
}
    

מידע נוסף זמין בקטע תאריכים ושעות.

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

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

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

האפשרות MinGridlines.interval דומה לאפשרות המרווח של קווי רשת ראשיים, אבל המרווח שנבחר יהיה תמיד מחלק שווה של הרווח של קו הרשת הראשי. מרווח הזמן שמוגדר כברירת מחדל לסולמות לינאריים הוא [1, 1.5, 2, 2.5, 5], ולסולמות ליומנים הוא [1, 2, 5].

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

זהה לזה של gridlines.multiple ראשיים.

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

הפורמט הכללי הוא:

gridlines: {
  units: {
    years: {format: [/*format strings here*/]},
    months: {format: [/*format strings here*/]},
    days: {format: [/*format strings here*/]}
    hours: {format: [/*format strings here*/]}
    minutes: {format: [/*format strings here*/]}
    seconds: {format: [/*format strings here*/]},
    milliseconds: {format: [/*format strings here*/]},
  }
}
    

מידע נוסף זמין בקטע תאריכים ושעות.

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

המאפיין vAxis שהופך את הציר האנכי לקנה מידה לוגריתמי. יכול להיות אחת מהאפשרויות הבאות:

• null - לא מתבצעת קנה מידה לוגריתמי.
• 'log' - קנה מידה לוגריתמי. לא מוצגים ערכים שליליים וערכי אפס. האפשרות הזו זהה להגדרה vAxis: { logscale: true }.
• 'mirrorLog' - קנה מידה לוגריתמי שבו מוצגים ערכים שליליים וערכים של אפס. הערך בתרשים של מספר שלילי הוא מספר שלילי של היומן של הערך המוחלט. ערכים הקרובים ל-0 מוצגים בסולם ליניארי.

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

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

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

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

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

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

התצוגה המקדימה תורחב אוטומטית כך שתכלול את סימני המינימום והמקסימום, אלא אם מציינים viewWindow.min או viewWindow.max לשינוי.

דוגמאות:

• vAxis: { ticks: [5,10,15,20] }
• vAxis: { ticks: [{v:32, f:'thirty two'}, {v:64, f:'sixty four'}] }
• vAxis: { ticks: [new Date(2014,3,15), new Date(2013,5,15)] }
• vAxis: { ticks: [16, {v:32, f:'thirty two'}, {v:64, f:'sixty four'}, 128] }

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

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

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

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

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

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

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

• 'pretty' – שינוי קנה המידה של הערכים האנכיים כך שערכי הנתונים המקסימליים והמינימליים יעובדו מעט בתוך האזור התחתון והחלק העליון של התרשים. התצוגה 'חלון' מורחבת לקו הרשת הראשי הקרוב ביותר למספרים, או לקו הרשת המשני הקרוב ביותר לתאריכים ושעות.
• 'maximized' – שינוי הגודל של הערכים האנכיים כך שערכי הנתונים המקסימליים והמינימליים נוגעים בחלק העליון והתחתון של אזור התרשים. כתוצאה מכך, המערכת תתעלם מ-vaxis.viewWindow.min ומ-vaxis.viewWindow.max.
• 'explicit' – אפשרות שהוצאה משימוש, שמאפשרת לציין את הערכים של קנה המידה העליון והתחתון של שטח התרשים. (הוצאה משימוש כי היא מיותרת כשמשתמשים ב-vaxis.viewWindow.min וב-vaxis.viewWindow.max. ערכי נתונים שמחוץ לערכים האלה ייחתכו. צריך לציין אובייקט vAxis.viewWindow שמתאר את ערכי המקסימום והמינימום להצגה.

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

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

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

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

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

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

מצייר את התרשים. בתרשים יתקבלו קריאות נוספות ל-method, רק אחרי שהאירוע ready מופעל. Extended description.

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

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

var cli = chart.getChartLayoutInterface();

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

cli.getBoundingBox('chartarea').height

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

cli.getBoundingBox('bar#0#2').width

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

cli.getBoundingBox('slice#4')

תיבת קישור של נתוני התרשים של תרשים אנכי (למשל, עמודה):

cli.getBoundingBox('vAxis#0#gridline')

תיבת קישור של נתוני התרשים של תרשים אופקי (למשל, עמודות):

cli.getBoundingBox('hAxis#0#gridline')

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

מחזירה אובייקט שמכיל את השדות השמאליים, החלק העליון, הרוחב והגובה של תוכן התרשים (כלומר, לא כולל תוויות ומקרא):

var cli = chart.getChartLayoutInterface();

cli.getChartAreaBoundingBox().left

cli.getChartAreaBoundingBox().top

cli.getChartAreaBoundingBox().height

cli.getChartAreaBoundingBox().width

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

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

אפשר לקרוא ל-methods הבאות באובייקט שמוחזר:

• getBoundingBox
• getChartAreaBoundingBox
• getHAxisValue
• getVAxisValue
• getXLocation
• getYLocation

קוראים לפונקציה אחרי הצגת התרשים.

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

דוגמה: chart.getChartLayoutInterface().getHAxisValue(400)

קוראים לפונקציה אחרי הצגת התרשים.

מחזירה את התרשים שעבר סריאליזציה ל-URI של תמונה.

קוראים לפונקציה אחרי הצגת התרשים.

ראו הדפסת תרשימי PNG.

מחזירה מערך של ישויות התרשים שנבחרו. ישויות שניתן לבחור הן עמודות, רשומות מקרא וקטגוריות. עמודה תואמת לתא בטבלת הנתונים, רשומת מקרא לעמודה (אינדקס השורות הוא null) וקטגוריה לשורה (אינדקס העמודה הוא null). עבור התרשים הזה, ניתן לבחור רק ישות אחת בכל רגע נתון. Extended description .

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

דוגמה: chart.getChartLayoutInterface().getVAxisValue(300)

קוראים לפונקציה אחרי הצגת התרשים.

הפונקציה מחזירה את קואורדינטת ה-x של dataValue ביחס לקצה השמאלי של הקונטיינר בתרשים.

דוגמה: chart.getChartLayoutInterface().getXLocation(400)

קוראים לפונקציה אחרי הצגת התרשים.

הפונקציה מחזירה את קואורדינטת ה-y של dataValue ביחס לקצה העליון של הקונטיינר בתרשים.

דוגמה: chart.getChartLayoutInterface().getYLocation(300)

קוראים לפונקציה אחרי הצגת התרשים.

הסרה של פעולת ההסבר הקצר עם ה-actionID המבוקש מהתרשים.

הגדרת פעולת הסבר קצר שתבוצע כשהמשתמש ילחץ על הטקסט של הפעולה.

ה-method setAction מתייחסת לאובייקט כפרמטר הפעולה שלו. האובייקט הזה צריך לציין 3 מאפיינים: id – מזהה הפעולה שהוגדרה, text – הטקסט שצריך להופיע בהסבר הקצר על הפעולה ו-action – הפונקציה שצריכה לפעול כשמשתמש לוחץ על הטקסט של הפעולה.

צריך להגדיר את כל הפעולות של ההסבר הקצר לפני קריאה ל-method של draw() בתרשים. תיאור מורחב.

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

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

מופעל כשאנימציית המעבר מסתיימת.

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

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

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

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

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

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

מופעל כשהמשתמש לוחץ על ישות חזותית. כדי לבדוק אילו קבוצות נבחרו, אפשר להתקשר למספר getSelection().