Le opzioni relative a dati e stili per una visualizzazione della community sono definite in un file JSON di configurazione. La configurazione data imposta il numero di dimensioni e metriche supportate dalla visualizzazione. La configurazione style definisce i selettori di stile
disponibili nel riquadro delle proprietà.
Configurazione dati
La configurazione data definisce gli elementi DIMENSION e METRIC visualizzati da Looker Studio nel riquadro delle proprietà. Ogni elemento corrisponde a campi dimensione ed elemento forniti dall'utente finale come input per la visualizzazione.
Elemento dati di esempio:
{
"id": "twoDimensionsPlease",
"label": "Dimension Element Heading",
"type": "DIMENSION",
"options": {
"min": 2,
"max": 2,
}
}
Il valore id che definisci nell'elemento di dati è incluso nelle informazioni con cui Looker Studio risponde. label definisce il testo che gli utenti vedono sopra la
sezione dei dati, mentre type definisce se si tratta di una dimensione o una metrica. L'oggetto options definisce il numero minimo e massimo di campi che un utente può aggiungere all'elemento di dati.
In un elemento di dati DIMENSION, l'oggetto options supporta una chiave supportedTypes facoltativa. Se definito, Looker Studio vincola il tipo di campi di dimensione che possono essere aggiunti all'elemento. Il valore di supportedTypes è un array che può contenere qualsiasi combinazione di "DEFAULT", "TIME" e "GEO".
Una sezione di dati raggruppa più elementi di dati. Looker Studio visualizza label come intestazione per più elementi di dati.
Sezione dei dati di esempio:
{
"id": "dimensionSection1",
"label": "Dimension Section Heading",
"elements":[
// array of data elements
]
}
Questo screenshot mostra in che modo Looker Studio visualizza la sezione dei dati e l'elemento di dati riportato sopra:
Configurazione dello stile
La configurazione dello stile definisce i selettori di stile di cui viene eseguito il rendering nel riquadro delle proprietà.
Un elemento di stile di esempio:
{
"id": "linkOpacity",
"label": "Link opacity",
"type": "OPACITY",
"defaultValue": "0.2"
}
L'elemento label definisce il testo che gli utenti vedono come descrizione comando, mentre l'elemento type definisce il tipo di selettore di stile visualizzato da Looker Studio. Facoltativamente,
defaultValue definisce un valore predefinito per ogni elemento di stile.
Come per gli elementi dei dati, gli elementi di stile sono definiti all'interno delle sezioni, che forniscono intestazioni e raggruppamenti logici. Per visualizzare l'elenco completo dei selettori disponibili, consulta la pagina di riferimento sulla configurazione.
Esempio di una sezione di stili:
{
"id": "styleGroup1",
"label": "Header for style group",
"elements": [
// insert Style Elements here
]
}
Il seguente screenshot mostra un esempio di riquadro di stile con un selettore di opacità, con la descrizione comando "Opacità del link" corrispondente a label nell'elemento stile.
Configurazione dell'interazione
La configurazione interaction definisce il funzionamento delle interazioni con i grafici per una
visualizzazione della community. Questa opzione è facoltativa.
Esempio:
{
"id": "onClick",
"supportedActions": ["FILTER"]
}
Al momento, è supportato solo FILTER. Se configuri le interazioni, nel riquadro delle proprietà
viene visualizzata una casella di controllo.
Configurazione delle funzionalità
La configurazione features può attivare o disattivare varie funzionalità nella
visualizzazione della community. Questa sezione è facoltativa. Puoi trovare un elenco delle funzionalità nel riferimento config.
Esempio:
"features": {
"enableComparisonDateRange": true
}
Esempio
Per un esempio di configurazione di visualizzazione, consulta la configurazione di esempio.
Passaggi successivi
Dopo aver definito la configurazione, scrivi la visualizzazione.