אפשרויות הנתונים והסגנון של תרשים קהילתי מוגדרות בקובץ JSON של ההגדרות. ההגדרה data קובעת את מספר המאפיינים והמדדים שהוויזואליזציה תומכת בהם. ההגדרה style מגדירה את בוררי הסגנון שזמינים בחלונית המאפיינים.
הגדרת נתונים
ההגדרה data מגדירה את רכיבי המימד והמדד ש-Looker Studio מעבד בחלונית המאפיינים. כל רכיב מתאים למאפיין ולשדות של רכיבים שמשתמש הקצה מספק כקלט להמחשה.
רכיב נתונים לדוגמה:
{
"id": "twoDimensionsPlease",
"label": "Dimension Element Heading",
"type": "DIMENSION",
"options": {
"min": 2,
"max": 2,
}
}
ה-id שאתם מגדירים ברכיב הנתונים נכלל במידע ש-Looker Studio מחזיר. התג label מגדיר את הטקסט שמוצג למשתמשים מעל קטע הנתונים, והתג type מגדיר אם מדובר במאפיין או במדד. אובייקט options מגדיר את המספר המינימלי והמקסימלי של שדות שמשתמש יכול להוסיף לרכיב הנתונים.
ברכיב הנתונים DIMENSION, האובייקט options תומך במאפיין אופציונלי supportedTypes key. אם מוגדר, 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 מגדיר ערך ברירת מחדל לכל רכיב סגנון.
בדומה לרכיבי נתונים, רכיבי סגנון מוגדרים בתוך קטעים, שמספקים כותרות וקיבוצים לוגיים. רשימה מלאה של בוררים זמינה במאמר בנושא הפניה להגדרות.
דוגמה לקטע סגנון:
{
"id": "styleGroup1",
"label": "Header for style group",
"elements": [
// insert Style Elements here
]
}
בצילום המסך הבא מוצגת דוגמה לחלונית סגנונות עם בורר אטימות, כשתיאור הכלי 'אטימות הקישור' תואם ל-label ברכיב הסגנון.
הגדרות האינטראקציה
ההגדרה interaction מגדירה איך אינטראקציות עם תרשימים פועלות בייצוג חזותי של נתונים שנוצר על ידי הקהילה. הפעולה הזאת אופציונלית.
דוגמה:
{
"id": "onClick",
"supportedActions": ["FILTER"]
}
בשלב הזה יש תמיכה רק ב-FILTER. אם מגדירים אינטראקציות, תיבת סימון מופיעה בחלונית המאפיינים.
הגדרת התכונות
ההגדרה features יכולה להפעיל או להשבית תכונות שונות בתרשים הקהילתי. הקטע הזה הוא אופציונלי. רשימת התכונות זמינה בחומר העזר בנושא הגדרות.
דוגמה:
"features": {
"enableComparisonDateRange": true
}
דוגמה
כדי לראות דוגמה להגדרת ויזואליזציה, אפשר לעיין בהגדרת הדוגמה.
השלבים הבאים
אחרי שמגדירים את ההגדרה, כותבים את ההצגה החזותית.