Sfruttare al meglio il ricettario delle visualizzazioni di Looker: personalizzazione della formattazione condizionale nei grafici cartesiani

Mettendo in evidenza visivamente i valori che soddisfano determinate condizioni, gli utenti possono identificare rapidamente le tendenze dei dati. Questo modello è spesso indicato come formattazione condizionale.

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

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

Nell'editor di configurazione del grafico, puoi utilizzare l'attributo series formatters per applicare la formattazione condizionale ai valori che soddisfano criteri specifici. Di seguito sono riportate alcune regole di formattazione condizionale che puoi applicare:

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

    Ad esempio, per applicare la formattazione condizionale ai valori numerici superiori a 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 rientra in 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 a serie in cui il valore dell'asse X è "Columbia", utilizza select: name = Columbia.

Questo libro di ricette presenta i seguenti tutorial:

Colorare i valori massimo, minimo e percentile

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

Ingredienti

Prerequisiti

Per creare una visualizzazione cartesiana con formattazione condizionale sono necessari i seguenti elementi:

Esempio: visualizzazione a colonne

Un team di vendita vuole essere in grado di identificare rapidamente le tendenze di vendita mensili nel corso di un 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.

In questo esempio, il team di vendita vuole evidenziare i seguenti valori:

  • La colonna con il valore minimo del costo totale diventa rossa.
  • La colonna con il valore massimo di Costo totale sarà verde.
  • Le colonne nel trentesimo percentile più basso del costo totale saranno arancioni.
  • Tutte le altre colonne saranno visualizzate 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 mostra 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'
            }
          },
        ]
      }]
    }
    
  5. Per applicare le modifiche, fai clic su Applica.

Ora il team di vendita può vedere rapidamente quali mesi hanno registrato un rendimento insufficiente e analizzarli per capire cosa sia successo.

Una volta personalizzata 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 dei grafici 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 ogni punto nel grafico a dispersione. L'attributo fillColor imposta il colore interno di ogni punto nel grafico a dispersione.

Per modificare l'esempio precedente:

  1. Visualizza una visualizzazione del grafico a dispersione in un'esplorazione oppure 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 mostra la finestra di dialogo Modifica configurazione grafico.
  4. Seleziona la sezione Configurazione grafico (sostituzione) 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 sono colorati in base alle regole di formattazione.

Una volta personalizzata la visualizzazione, puoi salvarla. Se hai visto la visualizzazione in un'esplorazione, salvala. 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

Prerequisiti

Per creare una visualizzazione cartesiana con formattazione condizionale è necessario quanto segue:

Esempio

Un team di vendita vuole essere in grado di identificare rapidamente i mesi che 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.

In questo esempio, il team di vendita vuole evidenziare i seguenti valori:

  • Le colonne con valori del costo totale compresi tra 43.000 $e 45.000 $ (inclusi) saranno viola.
  • Tutte le altre colonne saranno visualizzate 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 mostra 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 sono comprese tra $43.000 e $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.