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

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

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

הגדרת נתונים

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

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

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

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

ברכיב נתונים של attribute, האובייקט options תומך במפתח supportedTypes אופציונלי. אם מוגדר, Looker Studio מגביל את סוג השדות של המאפיינים שאפשר להוסיף לרכיב. הערך של supportedTypes הוא מערך שיכול להכיל כל שילוב של "DEFAULT", "TIME" ו-"geo".

קטע נתונים מקבץ בתוכו כמה רכיבי נתונים. הכלי Looker Studio מעבד את label ככותרת של כמה רכיבי נתונים.

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

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

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

הגדרת סגנון

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

רכיב סגנון לדוגמה:

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

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

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

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

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

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

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

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

דוגמה:

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

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

הגדרת תכונות

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

דוגמה:

  "features": {
    "enableComparisonDateRange": true
  }

דוגמה

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

השלבים הבאים

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