Come ottenere il massimo dal libro di ricette delle visualizzazioni di Looker: personalizzazione della formattazione condizionale

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

Suggerimento: a partire da Looker 24.0, puoi utilizzare l'editor di configurazione dei grafici per formattare i valori utilizzando regole più affidabili e visualizzazioni diverse dai calcoli tabulari.

Mettendo in evidenza visivamente i valori che soddisfano (o non soddisfano) determinate condizioni, gli utenti potranno identificare rapidamente le tendenze dei dati. Questo pattern è spesso definito formattazione condizionale in Excel o in altre applicazioni per fogli di lavoro.

Ad esempio, questa visualizzazione tabella della sezione Utilizzare la formattazione condizionale direttamente nelle impostazioni di visualizzazione di questa pagina aiuta gli utenti a identificare i punti in cui la crescita degli utenti può essere positiva o negativa:

Looker supporta la formattazione condizionale nelle visualizzazioni in diversi modi:

• Con calcoli tabulari ed emoji. Questo approccio è ideale quando le condizioni che determinano la formattazione devono essere create direttamente all'interno di un'esplorazione di Looker. Consulta la pagina delle best practice Formattazione condizionale con i calcoli tabulari per scoprire come applicare la formattazione personalizzata alle visualizzazioni con calcoli tabulari.
• Con opzioni integrate nelle impostazioni di visualizzazione dei grafici a tabella e di testo.
• Con il parametro LookML html. Questa opzione è ideale per i valori di formattazione quando le condizioni che determinano la formattazione sono coerenti nell'analisi per un determinato campo.

Questo libro di ricette fornisce tutorial per le ultime due opzioni:

• Utilizzare la formattazione condizionale direttamente nelle impostazioni di visualizzazione
• Utilizzare la formattazione condizionale con il html parametro LookML

Suggerimento: assicurati di considerare il contrasto di colore per l'accessibilità dei tuoi contenuti.

Formattazione condizionale con impostazioni di visualizzazione

Puoi utilizzare le impostazioni di visualizzazione per applicare la formattazione condizionale a grafici a tabella, visualizzazioni a valore singolo e visualizzazioni di record singoli.

Questa sezione fornisce una guida all'utilizzo della formattazione condizionale nei grafici a tabella mediante le impostazioni di visualizzazione disponibili nel menu Modifica di visualizzazione.

Fai riferimento alla ricetta Presentazione di molte informazioni con una visualizzazione di un singolo valore della sezione Come ottenere il massimo dalle visualizzazioni nel libro di ricette di Looker per una guida passo passo alla formattazione condizionale nelle visualizzazioni con valori singoli.

Ingredienti

• Esplora query
• Visualizzazione tabella

Prerequisiti

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

• Autorizzazioni per creare esplorazioni e familiarità con i dati di esplorazione
• Autorizzazioni per creare calcoli tabulari o campi personalizzati, se necessario per il tuo caso d'uso
• Dimestichezza con le impostazioni di visualizzazione della tabella
• Autorizzazioni per salvare i contenuti (se vuoi salvare la visualizzazione come Look o dashboard)

Esempio

Un team di marketing vuole vedere il numero di nuovi utenti ogni mese, segmentato per fasce d'età, per comprendere meglio la risposta ai loro ricorsi di marketing che vengono lanciati ogni mese.

Alcuni utenti potrebbero avere difficoltà ad analizzare la visualizzazione tabella predefinita. Puoi utilizzare la formattazione condizionale nelle impostazioni di visualizzazione per confrontare i valori con gli obiettivi o impostare delle regole, in modo da rendere i dati più chiari per gli utenti.

Per questo esempio, il team di marketing vuole confrontare i valori della tabella con le seguenti condizioni:

• Crescita positiva (verde) - Mesi e fasce d'età con almeno 50 nuovi utenti
• Crescita media (giallo) - Mesi e fasce d'età con 25-50 nuovi utenti
• Crescita scarsa (rosso): mesi e fasce d'età con un massimo di 25 nuovi utenti

Completa i seguenti passaggi per applicare la formattazione condizionale a una visualizzazione tabella con le impostazioni nel menu Modifica della visualizzazione:

1. Apri il menu Modifica nella barra Visualizzazione.
2. Seleziona le opzioni di stile della tabella che preferisci dalla scheda Traccia, ad esempio scegliendo il tema della tabella con il menu a discesa Tema della tabella o scegliendo se visualizzare o meno i numeri delle righe selezionando o deselezionando l'opzione di attivazione/disattivazione Mostra numeri di riga.
3. Nella scheda Traccia, seleziona l'opzione Visualizzazione cella per disattivarla. La Visualizzazione cella deve essere disattivata per applicare la formattazione condizionale ai valori della tabella.
4. Nella scheda Formattazione, seleziona il pulsante di attivazione/disattivazione Attiva formattazione condizionale per attivare la formattazione condizionale e accedere alle impostazioni di formattazione condizionale.
   • Puoi anche scegliere una tavolozza dei colori dal menu a discesa Raccolta nella sezione Colori della scheda Formattazione, nonché personalizzare la dimensione della riga in pixel nell'allineamento del testo del campo Riga e dell'intestazione della colonna, le dimensioni del carattere e il colore nel campo Intestazione nella sezione Personalizzazioni.
   • In questo esempio, l'opzione Includi valori null come zero è selezionata per includere null come 0.
5. Crea le tue regole di formattazione condizionale. Puoi selezionare il pulsante Aggiungi una regola per aggiungere tutte le regole di formattazione condizionale che desideri.
   • Nel menu a discesa Applica a, seleziona i valori da applicare alla regola.

6. Nel menu a discesa Formato, seleziona il formato che vuoi applicare alla regola. * Puoi scegliere di lasciare il formato predefinito lungo la scala. I valori verranno evidenziati su un gradiente in base alla tavolozza dei colori e alle impostazioni dei valori scelte. Per saperne di più sulla codifica dei colori su una fare lo scale in la sezione Formattazione condizionale della pagina della documentazione relativa alle opzioni dei grafici a tabella.

   • Specifica i valori per Colore sfondo, Colore carattere e Stile carattere per ogni regola come preferisci. Assicurati di considerare il contrasto di colore per l'accessibilità dei tuoi contenuti.

   • Per questo esempio, vengono create tre regole:

     • Opzione Formato Se il valore è maggiore di 49, con l'opzione Colore sfondo verde selezionata.
     • Opzione Formato Se il valore è compreso tra 24 e 50, con l'opzione gialla Colore sfondo selezionata.
     • Opzione Formato Se il valore è inferiore a 25, con l'opzione Colore sfondo selezionata in rosso.
     Suggerimento: l'intervallo non include i valori specificati.

La visualizzazione risultante mostra il conteggio degli utenti in ogni colonna del livello di età in base ai criteri specificati dal team di marketing:

• Crescita positiva (verde) - Mesi e fasce d'età con almeno 50 nuovi utenti
• Crescita media (giallo) - Mesi e fasce d'età con 25-50 nuovi utenti
• Crescita scarsa (rosso): mesi e fasce d'età con un massimo di 25 nuovi utenti

Formattazione condizionale in LookML con il parametro html

Oltre a utilizzare le impostazioni del menu Modifica di visualizzazione, puoi impostare come hardcoded la formattazione condizionale direttamente nel LookML di un campo. Ciò è utile per la formattazione condizionale in modo che sia coerente nell'analisi di un determinato campo, in quanto evita la necessità di riconfigurare le impostazioni di visualizzazione per i singoli report.

Attenzione: la formattazione HTML viene visualizzata solo nelle visualizzazioni di grafici tabella, tabella (legacy) e valore singolo e descrizioni della visualizzazione quando vengono combinati più campi. Qualsiasi contenuto interattivo inserito nella descrizione comando di un grafico a mappa con il parametro html non sarà accessibile nelle dashboard che utilizzano la nuova esperienza dashboard, anche se sarà accessibile su Look ed esplorazioni.

Ingredienti

• Variabili liquide: le variabili liquide visualizzano i valori dei campi insieme alla formattazione HTML specificata.
• Parametro html: gli stili HTML codificati nel parametro html di un campo verranno visualizzati nella tabella dati dell'esplorazione e nella visualizzazione.
• Visualizzazione tabella: la formattazione condizionale verrà mostrata agli utenti nella visualizzazione.

Prerequisiti

L'hardcoded della formattazione condizionale nel parametro html richiede quanto segue:

• Autorizzazioni per creare esplorazioni.
• Autorizzazioni per sviluppare LookML e familiarità con lo sviluppo di SQL e LookML.
• Conoscenza di base dell'utilizzo di Liquid in Looker e della programmazione HTML. Per le necessarie informazioni di base, consulta la sezione Utilizzare le variabili Liquid nel parametro html della pagina della documentazione html.
• Autorizzazioni per salvare i contenuti (se vuoi salvare la visualizzazione come Look o dashboard)

Esempio

Immagina di avere un campo nei dati chiamato status, che fornisce lo stato di ogni ordine. Ecco i possibili valori per status:

• "annullato"
• "completare"
• "in attesa"

Per mettere in evidenza lo stato dell'ordine per gli utenti che stanno visualizzando i report che includono il campo Stato, puoi aggiungere un colore di sfondo univoco per evidenziare ogni stato.

Per codificare la formattazione condizionale in un campo LookML:

dimension: status {
  type: string
  sql: ${TABLE}.status ;;
  html:
    {% if value == 'complete' %}
      <p style="color: black; background-color: lightgreen;">{{ value }}</p>
    {% elsif value == 'pending' %}
      <p style="color: black; background-color: orange;">{{ value }}</p>
    {% else %}
      <p style="color: white; background-color: red;">{{ value }}</p>
    {% endif %}
  ;;
  description: "The current status of an existing order."
}

1. In modalità di sviluppo, vai al campo LookML a cui vuoi aggiungere la formattazione condizionale.
   • Puoi accedere direttamente alla definizione LookML di un campo da un'esplorazione.
2. Aggiungi un parametro html al campo. In questo caso, il campo è status.
3. Nel parametro html, crea un'espressione con sintassi dei tag liquidi che imposti le condizioni per valori specifici del campo.
   • In questo esempio viene utilizzata la variabile Liquid value per restituire il valore del campo. Assicurati di utilizzare _rendered_value per visualizzare tutti i valori per i campi che utilizzano la formattazione dei valori di Looker.
   • Assicurati di considerare il contrasto di colore per l'accessibilità dei tuoi contenuti.
   • Puoi aggiungere qualsiasi altro stile HTML supportato da Looker in base alle tue esigenze. Per ulteriori esempi, consulta la pagina della documentazione relativa al parametro html.
4. Salva, convalida ed esegui il push del codice in produzione dopo aver verificato che funzioni come previsto.

Il risultato sono i valori dello Stato evidenziati in rosso, verde o arancione, a seconda dello stato, in qualsiasi report di Looker che include il campo.

I colori di sfondo verranno visualizzati anche per altri grafici. Ad esempio, un grafico a colonne per una query che raggruppa Orders Count (Conteggio ordini) per Orders Status, mostrerà i colori di sfondo codificati per ogni valore Orders Status.

Stili aggiuntivi

Puoi utilizzare la stessa sintassi dell'esempio precedente per aggiungere icone o immagini in base ai valori dei campi. Nell'esempio seguente viene aggiunta una "x" rossa icona segno di spunta per lo Stato degli ordini di "Annullato", un'icona di segno di spunta verde per lo Stato degli ordini "Completato" e un'icona a forma di orologio per lo Stato degli ordini "In attesa":

    dimension: status {
      type: string
      sql: ${TABLE}.status ;;
      html:
        {% if value == 'complete' %}
          <p><img src="https://findicons.com/files/icons/573/must_have/48/check.png" height=20 width=20>{{ rvalue }}</p>
        {% elsif value == 'pending' %}
          <p><img src="https://findicons.com/files/icons/1681/siena/128/clock_blue.png" height=20 width=20>{{ value }}</p>
        {% else %}
           <p><img src="https://findicons.com/files/icons/719/crystal_clear_actions/64/cancel.png" height=20 width=20>{{ value }}</p>
        {% endif %}
      ;;
      description: "The current status of an existing order."
    }

Il risultato sono i valori di Stato con un'icona con una x rossa, un segno di spunta verde o un'icona di orologio accanto al valore, a seconda dello stato, in qualsiasi report di Looker che include il campo.

Passaggi successivi

Dopo aver creato la visualizzazione tabella con la formattazione condizionale, puoi condividerla con altri utenti:

• Salvare l'esplorazione come Look
• Aggiungere Esplora a una dashboard
• Condividere l'esplorazione con un URL