הגדרת התצורה של התצוגה החזותית

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

אפשרויות הנתונים והסגנון של סוג ויזואליזציית נתונים במאגר הקהילה (community visualization) מוגדרות בקובץ JSON של ההגדרות. בהגדרה data מציינים את מספר המאפיינים והמדדים שהתצוגה החזותית תומכת בהם. ההגדרה style מגדירה את בוררי הסגנון שזמינים בחלונית המאפיינים.

הגדרת נתונים

ההגדרה data מגדירה את רכיבי המימד והמדד ש-Looker Studio מעבד בחלונית המאפיינים. כל רכיב מתאים לשדות של מאפיינים ורכיבים שמשתמש הקצה מספק כקלט להמחשה.

רכיב נתונים לדוגמה:

{
  "id": "twoDimensionsPlease",
  "label": "Dimension Element Heading",
  "type": "DIMENSION",
  "options": {
    "min": 2,
    "max": 2,
  }
}

הערך id שאתם מגדירים ברכיב הנתונים נכלל במידע ש-Data Studio מחזיר. התג label מגדיר את הטקסט שמוצג למשתמשים מעל קטע הנתונים, והתג type מגדיר אם מדובר במאפיין או במדד. אובייקט options מגדיר את המספר המינימלי והמקסימלי של שדות שמשתמש יכול להוסיף לרכיב הנתונים.

ברכיב הנתונים DIMENSION, האובייקט options תומך במאפיין אופציונלי supportedTypes key. אם ההגדרה הזו מוגדרת, Data Studio מגביל את סוג השדות של המאפיינים שאפשר להוסיף לרכיב. הערך של supportedTypes הוא מערך שיכול להכיל כל שילוב של 'ברירת מחדל', 'זמן' ו'מיקום גיאוגרפי'.

בקטע נתונים מקובצים כמה רכיבי נתונים. ‫Data Studio מעבד את התג label ככותרת של כמה רכיבי נתונים.

קטע נתונים לדוגמה:

{
  "id": "dimensionSection1",
  "label": "Dimension Section Heading",
  "elements":[
    // array of data elements
  ]
}

צילום המסך הזה מראה איך Data Studio מעבד את קטע הנתונים ואת רכיב הנתונים שלמעלה:

הגדרת סגנון

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

דוגמה לרכיב עיצובי:

{
  "id": "linkOpacity",
  "label": "Link opacity",
  "type": "OPACITY",
  "defaultValue": "0.2"
}

התג label מגדיר את הטקסט שמוצג למשתמשים כהסבר קצר, והתג type מגדיר את סוג בורר הסגנון ש-Data Studio מעבד. אופציונלי, ‫defaultValue מגדיר ערך ברירת מחדל לכל רכיב עיצובי.

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

דוגמה לקטע סגנון:

{
  "id": "styleGroup1",
  "label": "Header for style group",
  "elements": [
    // insert Style Elements here
  ]
}

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

הגדרות האינטראקציה

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

דוגמה:

{
  "id": "onClick",
  "supportedActions": ["FILTER"]
}

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

הגדרת התכונות

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

דוגמה:

  "features": {
    "enableComparisonDateRange": true
  }

דוגמה

כדי לראות דוגמה להגדרת ויזואליזציה, אפשר לעיין בהגדרות לדוגמה.

השלבים הבאים

אחרי שמגדירים את ההגדרה, כותבים את ההצגה החזותית.