Un diagramma di Venn mostra la sovrapposizione tra due o più attributi in un set di dati.
Utilizzando l'editor di configurazione dei grafici, puoi creare diagrammi di Venn partendo da un grafico a colonne in Looker. Per creare un diagramma di Venn, devi includere almeno due type: yesno dimensioni e una dimensione con type: string o type: number.
Ad esempio, puoi creare un diagramma di Venn che mostri la sovrapposizione tra gli ordini che sono stati il primo acquisto di un utente, gli ordini a cui è stato applicato uno sconto per la terza età e gli ordini di 50 € o più.
Prerequisiti
Per accedere all'editor di configurazione dei grafici, devi disporre dell'autorizzazione can_override_vis_config.
Scrittura dello snippet JSON
Per creare un diagramma di Venn, inizia con il seguente snippet JSON:
{
chart: {
type: 'venn',
}
}
Creazione di un diagramma di Venn
Per creare un diagramma di Venn:
Visualizza un grafico a colonne in un'esplorazione o modificalo in un look o in una dashboard.
Inizia con un grafico a colonne con almeno tre dimensioni. Includi una dimensione di
type: stringotype: number. Includi almeno due dimensioni ditype: yesno.
Nella visualizzazione, apri il menu Modifica.
Nella scheda Traccia, fai clic sul pulsante Modifica configurazione grafico. Looker visualizza la finestra di dialogo Modifica configurazione grafico.
Seleziona la sezione Configurazione grafico (override) e inserisci lo snippet JSON di HighCharts dalla sezione Scrittura dello snippet JSON di questa pagina.
Per consentire a Looker di formattare correttamente il JSON, fai clic su <> (Formatta codice).
Per testare le modifiche, fai clic su Anteprima.
Per applicare le modifiche, fai clic su Applica. La visualizzazione verrà mostrata utilizzando i valori JSON personalizzati.
Una volta personalizzata la visualizzazione, puoi salvarla.
Aggiunta di altre condizioni
Per aggiungere altri cerchi al diagramma di Venn, aggiungi altre dimensioni type: yesno alla tabella dei dati. Se hai bisogno di questa condizione solo per il diagramma di Venn, puoi creare una dimensione personalizzata. Scrivi le dimensioni personalizzate come condizione booleana, come in questo esempio:
${orders.total_amount} > 50
Modifica dei valori delle etichette di sovrapposizione
Per impostazione predefinita, l'etichetta per le regioni sovrapposte nel diagramma di Venn sarà una concatenazione delle etichette delle regioni separate da virgole. Ad esempio, la sovrapposizione tra le regioni "Speso più di 50 €", "È il primo acquisto" e "Sconto per la terza età" sarebbe "Speso più di 50 €, È il primo acquisto, Sconto per la terza età".
Per personalizzare queste etichette, modifica gli attributi series.data.name utilizzando l'editor di configurazione dei grafici. Per determinare quale attributo corrisponde a quale regione, può essere utile enumerare prima tutte le regioni.
Ad esempio, considera un diagramma di Venn con tre cerchi. Ciò significa che ci sono sette regioni in totale.
Puoi utilizzare il seguente snippet JSON per scoprire a quale numero corrisponde ogni etichetta:
{
chart: {
type: 'venn'
},
series: [{
data: [{ name: '1'}, {name: '2'}, {name: '3'}, {name: '4'}, {name: '5'}, {name: '6'}, {name: '7'}]
}]
}
Poi, puoi modificare l'attributo name per qualsiasi regione di cui vuoi cambiare il nome. Per lasciare l'etichetta come predefinita, rimuovi l'attributo name, ma lascia intatte le parentesi. In questo esempio, le regioni sovrapposte (3, 5, 6, 7) vengono rinominate e i cerchi esterni (1, 2, 4) mantengono l'etichetta predefinita.
{
chart: {
type: 'venn'
},
series: [{
data: [{}, {}, {name: 'Ruby tier'}, {}, {name: 'Platinum tier'}, {name: 'Emerald tier'}, {name: 'Sapphire tier'}]
}]
}
Modifica delle dimensioni del carattere dell'etichetta
Per modificare le dimensioni del carattere delle etichette nel diagramma di Venn, modifica gli attributi dataLabels.style.fontSize utilizzando l'editor di configurazione dei grafici.
Per ampliare l'esempio precedente, il seguente esempio imposta le dimensioni del carattere di ciascuna etichetta su 24 punti.
{
chart: {
type: 'venn',
},
series: [{
data: [{
dataLabels: {
style: {
fontSize: 24
}
}
}, {
dataLabels: {
style: {
fontSize: 24
}
}
}, {
name: 'Ruby tier',
dataLabels: {
style: {
fontSize: 24
}
}
}, {
dataLabels: {
style: {
fontSize: 24
}
}
}, {
name: 'Platinum tier',
dataLabels: {
style: {
fontSize: 24
}
}
},
{
name: 'Emerald tier',
dataLabels: {
style: {
fontSize: 24
}
}
},
{
name: 'Sapphire tier',
dataLabels: {
style: {
fontSize: 24
}
}
}
]
}]
}