התאמה אישית של תרשימים

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

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

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

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

var options = {
  width: 400,
  height: 240,
  title: 'Toppings I Like On My Pizza',
  colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6']
};

chart.draw(data, options);

זהו התרשים שהקוד הזה יוצר.

אפשר גם להגדיר אפשרויות מילוליות בשיטת draw():

chart.draw(data, {
  width: 400,
  height: 240,
  title: 'Toppings I Like On My Pizza',
  colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'],
  is3D: true
});

זהו התרשים שהקוד הזה יוצר.

מידע נוסף