Daten- und Stiloptionen für eine Community-Visualisierung werden in einer JSON-Konfiguration definiert. Mit der Konfiguration data wird die Anzahl der Dimensionen und Messwerte festgelegt, die in der Visualisierung unterstützt werden. Mit der style-Konfiguration werden die Stilselektoren definiert, die im Eigenschaftenbereich verfügbar sind.
Datenkonfiguration
Die data-Konfiguration definiert die DIMENSION- und MESSWERT-Elemente, die Looker Studio im Eigenschaftenbereich rendert. Jedes Element entspricht Dimensions- und Elementfeldern, die der Endnutzer als Eingaben für die Visualisierung bereitstellt.
Beispieldatenelement:
{
"id": "twoDimensionsPlease",
"label": "Dimension Element Heading",
"type": "DIMENSION",
"options": {
"min": 2,
"max": 2,
}
}
Der id, den Sie im Datenelement definieren, ist in den Informationen enthalten, mit denen Looker Studio antwortet. label definiert den Text, den Nutzer über dem Datenabschnitt sehen, und type definiert, ob es sich um eine Dimension oder einen Messwert handelt. Das options-Objekt definiert die minimale und maximale Anzahl von Feldern, die ein Nutzer dem Datenelement hinzufügen kann.
In einem DIMENSION-Datenelement unterstützt das options-Objekt einen optionalen supportedTypes-Schlüssel. In Looker Studio wird die Art der Dimensionsfelder eingeschränkt, die dem Element hinzugefügt werden können. Der Wert von supportedTypes ist ein Array, das eine beliebige Kombination aus "DEFAULT", "TIME" und "GEO" enthalten kann.
In einem Datenabschnitt werden mehrere Datenelemente gruppiert. In Looker Studio wird die label als Überschrift für mehrere Datenelemente gerendert.
Bereich mit Beispieldaten:
{
"id": "dimensionSection1",
"label": "Dimension Section Heading",
"elements":[
// array of data elements
]
}
Dieser Screenshot zeigt, wie Looker Studio den Bereich „Daten“ und das Datenelement oben rendert:
Stilkonfiguration
In der Stilkonfiguration werden die Stilselektoren definiert, die im Eigenschaftenbereich gerendert werden.
Beispiel für ein Stilelement:
{
"id": "linkOpacity",
"label": "Link opacity",
"type": "OPACITY",
"defaultValue": "0.2"
}
Mit label wird der Text definiert, der Nutzern als Kurzinfo angezeigt wird, und der type definiert die Art der Stilauswahl, die in Looker Studio gerendert wird. Optional definiert defaultValue einen Standardwert für jedes Stilelement.
Ähnlich wie bei Datenelementen werden Stilelemente in Abschnitten definiert, die Überschriften und logische Gruppierungen enthalten. Eine vollständige Liste der verfügbaren Selektoren finden Sie in der Konfigurationsreferenz.
Beispiel für einen Stilabschnitt:
{
"id": "styleGroup1",
"label": "Header for style group",
"elements": [
// insert Style Elements here
]
}
Der folgende Screenshot zeigt ein Beispiel für einen Stilbereich mit einer Deckkraftauswahl. Die Kurzinfo „Linkdeckkraft“ entspricht dem label im Stilelement.
Interaktionskonfiguration
Die interaction-Konfiguration definiert, wie Diagramminteraktionen für eine Community-Visualisierung funktionieren. Dies ist optional.
Beispiel:
{
"id": "onClick",
"supportedActions": ["FILTER"]
}
Derzeit wird nur FILTER unterstützt. Wenn Sie Interaktionen konfigurieren, wird im Eigenschaftenbereich ein Kästchen angezeigt.
Featurekonfiguration
Mit der Konfiguration features können verschiedene Features in Ihrer Community-Visualisierung aktiviert oder deaktiviert werden. Dieser Abschnitt ist optional. Eine Liste der Features finden Sie in der Konfigurationsreferenz.
Beispiel:
"features": {
"enableComparisonDateRange": true
}
Beispiel
Ein Beispiel für eine Visualisierungskonfiguration finden Sie in der Beispielkonfiguration.
Nächste Schritte
Nachdem Sie die Konfiguration definiert haben, schreiben Sie die Visualisierung.