Creare un diagramma di Venn con l'editor di configurazione del grafico

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 dimensioni type: yesno 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 anziani 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',
  }
}

Creare un diagramma di Venn

Per creare un diagramma di Venn:

1. Visualizza un grafico a colonne in un'esplorazione o modifica un grafico a colonne in un look o in una dashboard.

   Inizia da un grafico a colonne con almeno tre dimensioni. Includi una dimensione di type: string o type: number. Includi almeno due dimensioni di type: yesno.

   

2. Nella visualizzazione, apri il menu Modifica.

3. Nella scheda Grafico, fai clic sul pulsante Modifica configurazione grafico. Looker visualizza la finestra di dialogo Modifica configurazione grafico.

4. Seleziona la sezione Chart Config (Override) (Configurazione grafico (override)) e inserisci lo snippet JSON di HighCharts dalla sezione Scrittura dello snippet JSON di questa pagina.

5. Per consentire a Looker di formattare correttamente il JSON, fai clic su <> (Formatta codice).

6. Per testare le modifiche, fai clic su Anteprima.

7. Per applicare le modifiche, fai clic su Applica. La visualizzazione verrà mostrata utilizzando i valori JSON personalizzati.

Una volta personalizzata la visualizzazione, puoi salvarla.

Aggiungere 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 separata da virgole delle etichette delle regioni. Ad esempio, la sovrapposizione tra le regioni "Spesa superiore a 50 $", "È il primo acquisto" e "Sconto per anziani" sarebbe "Spesa superiore a 50 $, È il primo acquisto, Sconto per anziani".

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 etichetta corrisponde ogni numero:

{
  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 rietichettate, mentre 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'}]
  }]
}

Modificare la dimensione 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 del grafico.

Per ampliare l'esempio precedente, il seguente esempio imposta la dimensione 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
          }
        }
      }
    ]
  }]
}