Utilizzare al meglio il libro di ricette sulle visualizzazioni di Looker: personalizzazione della formattazione condizionale nei grafici cartesiani

Nota: questa pagina fa parte del libro di ricette di Looker: ottenere il massimo dalle visualizzazioni di Looker.

L'evidenziazione visiva dei valori che soddisfano determinate condizioni consente agli utenti di identificare rapidamente le tendenze dei dati. Questo pattern viene spesso indicato come formattazione condizionale.

Ad esempio, la visualizzazione dell'esempio Colora i valori massimo, minimo e percentile di questa pagina aiuta l'utente a identificare rapidamente i mesi di vendita più bassi e più alti:

In Looker puoi utilizzare le opzioni integrate presenti nelle impostazioni di visualizzazione dei grafici di testo e a tabella per applicare la formattazione condizionale a grafici di testo e a tabella. Per i grafici cartesiani, puoi utilizzare l'editor di configurazione dei grafici per formattare in modo condizionale i valori dei dati.

Nell'editor di configurazione dei grafici, puoi utilizzare l'attributo series formatters per applicare la formattazione condizionale ai valori che soddisfano criteri specifici. Ecco alcune delle regole di formattazione condizionale che puoi applicare:

• Il valore è maggiore, minore o uguale a un valore specificato.

  Ad esempio, per applicare la formattazione condizionale a valori numerici maggiori di 100, utilizza select: 'value > 100'.

• Il valore è il valore minimo o massimo della serie.

  Ad esempio, per applicare la formattazione condizionale al valore massimo, utilizza select: 'max'.

• Il valore si trova all'interno di un ranking percentile specificato.

  Ad esempio, per applicare la formattazione condizionale ai valori nel decimo percentile superiore, utilizza select: 'percent_rank >= 0.9'.

• Il valore dell'asse x corrisponde a un valore specificato.

  Ad esempio, per applicare la formattazione condizionale alle serie in cui il valore dell'asse X è "Columbia", utilizza select: name = Columbia.

Questo libro di ricette fornisce i seguenti tutorial:

• Applica i colori ai valori massimo, minimo e percentile
• Combinare le condizioni di formattazione condizionale

Colora i valori massimo, minimo e percentile

Puoi utilizzare gli attributi select e style per specificare il colore dei valori massimi e minimi dei dati in un grafico cartesiano, nonché i valori che rientrano in un percentile specificato.

Ingredienti

• Esplora query
• Visualizzazione cartesiana
• Editor configurazione grafico

Prerequisiti

Per creare una visualizzazione cartesiana con la formattazione condizionale:

• Autorizzazioni per creare esplorazioni e acquisire familiarità con l'esplorazione dei dati
• L'autorizzazione can_override_vis_config, che concede l'accesso all'editor di configurazione dei grafici
• Autorizzazioni per salvare i contenuti (se vuoi salvare la visualizzazione come Look o dashboard)
• Alcune conoscenze con JSON

Esempio: visualizzazione colonne

Un team di vendita vuole essere in grado di identificare rapidamente le tendenze di vendita mensili nel corso dell'anno. Hanno una visualizzazione che mostra il costo totale raggruppato per Mese.

Puoi utilizzare la formattazione condizionale per evidenziare i valori che soddisfano determinati obiettivi, in modo da rendere i dati più chiari per gli utenti.

Per questo esempio, il team di vendita vuole mettere in evidenza i seguenti valori:

• La colonna con il valore Costo totale minimo sarà rossa.
• La colonna con il valore Costo totale massimo sarà verde.
• Le colonne nel trentesimo percentile inferiore del Costo totale saranno arancioni.
• Tutte le altre colonne saranno in grigio.

Per applicare questa formattazione condizionale a un grafico cartesiano:

1. Visualizza una visualizzazione cartesiana in un'esplorazione o modifica una visualizzazione cartesiana in un Look o una dashboard.
2. Apri il menu Modifica nella visualizzazione.
3. Fai clic sul pulsante Modifica configurazione grafico nella scheda Traccia. Looker visualizza la finestra di dialogo Modifica configurazione grafico.

4. Seleziona la sezione Configurazione grafico (override) e inserisci il seguente JSON:

   {
     series: [{
       color: 'gray',
       formatters: [{
           select: 'max',
           style: {
             color: 'green',
           }
         },
         {
           select: 'percent_rank <= 0.3',
           style: {
             color: 'orange'
           }
         },
         {
           select: 'min',
           style: {
             color: 'red'
           }
         },
       ]
     }]
   }
   

   Nota: le regole di formattazione condizionale vengono applicate in ordine. In questo esempio, per impedire che la regola arancione sostituisca quella rossa, devi definire la regola rossa dopo aver definito la regola arancione.

5. Per applicare le modifiche, fai clic su Applica.

Ora il team di vendita può vedere rapidamente quali mesi hanno avuto un rendimento insufficiente e analizzarli per determinare cosa è successo.

Dopo aver personalizzato la visualizzazione, puoi salvarla. Se hai visualizzato la visualizzazione in un'esplorazione, salva l'esplorazione. Se hai modificato un Look o una dashboard, fai clic su Salva.

Esempio: visualizzazione del grafico a dispersione

Per applicare la formattazione condizionale alle visualizzazioni a dispersione, puoi specificare un colore per gli attributi style.marker.fillColor e style.marker.lineColor anziché per l'attributo style.color.

L'attributo lineColor imposta il colore del contorno di ciascun punto nel grafico a dispersione. L'attributo fillColor imposta il colore interno di ciascun punto nel grafico a dispersione.

Per modificare l'esempio precedente:

1. Visualizza una visualizzazione del grafico a dispersione in un'esplorazione o modificane una in un Look o in una dashboard.
2. Apri il menu Modifica nella visualizzazione.
3. Fai clic sul pulsante Modifica configurazione grafico nella scheda Traccia. Looker visualizza la finestra di dialogo Modifica configurazione grafico.

4. Seleziona la sezione Configurazione grafico (override) e inserisci il seguente JSON:

   {
     series: [{
       color: 'gray',
       formatters: [{
           select: 'max',
           style: {
             marker: {
               fillColor: 'green',
               lineColor: 'green'
             }
           }
         },
         {
           select: 'percent_rank <= 0.3',
           style: {
             marker: {
               fillColor: 'orange',
               lineColor: 'orange'
             }
           }
         },
         {
           select: 'min',
           style: {
             marker: {
               fillColor: 'red',
               lineColor: 'red'
             }
           }
         }
       ]
     }]
   }
   

5. Fai clic su Applica per applicare le modifiche.

Nella visualizzazione risultante, il valore minimo, il valore massimo e i valori nel 30% inferiore vengono colorati in base alle regole di formattazione.

Dopo aver personalizzato la visualizzazione, puoi salvarla. Se hai visualizzato la visualizzazione in un'esplorazione, salva l'esplorazione. Se hai modificato un Look o una dashboard, fai clic su Salva.

Combinare le condizioni di formattazione condizionale

Puoi utilizzare AND e OR nell'attributo select per combinare espressioni logiche nelle regole di formattazione condizionale.

Ingredienti

• Esplora query
• Visualizzazione cartesiana
• Editor configurazione grafico

Prerequisiti

Per creare una visualizzazione cartesiana con la formattazione condizionale:

• Autorizzazioni per creare esplorazioni e acquisire familiarità con l'esplorazione dei dati
• L'autorizzazione can_override_vis_config, che concede l'accesso all'editor di configurazione dei grafici
• Autorizzazioni per salvare i contenuti (se vuoi salvare la visualizzazione come Look o dashboard)
• Alcune conoscenze con JSON

Esempio

Un team di vendita vuole essere in grado di identificare rapidamente quali mesi soddisfano determinati criteri. Hanno una visualizzazione che mostra il costo totale raggruppato per Mese.

Puoi utilizzare la formattazione condizionale per evidenziare i valori che soddisfano determinati obiettivi, in modo da rendere i dati più chiari per gli utenti.

Per questo esempio, il team di vendita vuole mettere in evidenza i seguenti valori:

• Le colonne con valori Costo totale compresi tra 43.000 $e 45.000 $ (inclusi) saranno viola.
• Tutte le altre colonne saranno in grigio.

Per applicare questa formattazione condizionale a un grafico cartesiano:

1. Visualizza una visualizzazione cartesiana in un'esplorazione o modifica una visualizzazione cartesiana in un Look o una dashboard.
2. Apri il menu Modifica nella visualizzazione.
3. Fai clic sul pulsante Modifica configurazione grafico nella scheda Traccia. Looker visualizza la finestra di dialogo Modifica configurazione grafico.

4. Seleziona la sezione Configurazione grafico (override) e inserisci il seguente JSON:

   {
     series: [{
       color: 'gray',
       formatters: [{
           select: 'value >= 43000 AND value <= 45000',
           style: {
             color: 'purple',
           }
         },
       ]
     }]
   }
   

5. Per applicare le modifiche, fai clic su Applica.

Ora il team di vendita può vedere rapidamente che le entrate di marzo, aprile e settembre si aggirano tra i 43.000 e i 45.000 $ e intraprendere ulteriori azioni per scoprire cosa è successo in quei mesi.

Dopo aver personalizzato la visualizzazione, puoi salvarla. Se hai visualizzato la visualizzazione in un'esplorazione, salva l'esplorazione. Se hai modificato un Look o una dashboard, fai clic su Salva.