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

Nota: questa pagina fa parte del ricettario 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ù solide e in visualizzazioni diverse dai calcoli tabulari.

Evidenziare visivamente i valori che soddisfano (o non soddisfano) determinate condizioni consente agli utenti di identificare rapidamente le tendenze dei dati. Questo pattern viene spesso definito formattazione condizionale in Excel o in altre applicazioni per fogli di lavoro.

Ad esempio, questa visualizzazione della tabella della sezione Utilizzare la formattazione condizionale direttamente nelle impostazioni di visualizzazione di questa pagina aiuta gli utenti a identificare dove la crescita degli utenti potrebbe 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 in un'esplorazione di Looker. Consulta la pagina Best practice per la formattazione condizionale tramite calcoli tabulari per scoprire come applicare la formattazione personalizzata alle visualizzazioni con calcoli tabulari.
• Con le opzioni integrate nelle impostazioni di visualizzazione dei grafici a testo e a tabella visualization settings.
• Con il html parametro LookML. Questa opzione è ideale per formattare i valori quando le condizioni che determinano la formattazione sono coerenti tra le analisi per un determinato campo.

Questo ricettario fornisce tutorial per le ultime due opzioni:

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

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

Formattazione condizionale con le impostazioni di visualizzazione

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

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

Consulta la ricetta Presentare molte informazioni con una visualizzazione di un valore singolo del ricettario Ottenere il massimo dalle visualizzazioni in Looker per una guida passo passo alla formattazione condizionale nelle visualizzazioni di un valore singolo.

Riferimenti

• Esplora query
• Visualizzazione della tabella

Prerequisiti

Per creare una visualizzazione della tabella con la formattazione condizionale, devi:

• Disporre delle autorizzazioni per creare esplorazioni e avere familiarità con l'esplorazione dei dati
• Disporre delle autorizzazioni per creare calcoli tabulari o campi personalizzati, se necessario per il tuo caso d'uso
• Avere familiarità con le impostazioni di visualizzazione della tabella
• Disporre delle 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 suoi appelli di marketing lanciati ogni mese.

La visualizzazione della tabella predefinita potrebbe essere difficile da analizzare per alcuni utenti. Puoi utilizzare la formattazione condizionale nelle impostazioni di visualizzazione per confrontare i valori con gli obiettivi o impostare regole, il che contribuirà a rendere i dati più chiari per gli utenti.

In 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 50 o più nuovi utenti
• Crescita media (giallo): mesi e fasce d'età con 25-50 nuovi utenti
• Crescita scarsa (rosso): mesi e fasce d'età con 24 o meno nuovi utenti

Per applicare la formattazione condizionale a una visualizzazione della 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 dalla scheda Traccia che preferisci, inclusa la scelta del tema della tabella dal menu a discesa Tema tabella o la scelta se visualizzare o meno i numeri di riga 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 della cella deve essere disattivata per applicare la formattazione condizionale ai valori della tabella.
4. Nella scheda Formattazione, seleziona l'opzione di attivazione/disattivazione Abilita formattazione condizionale per abilitare la formattazione condizionale e accedere alle relative impostazioni.
   • Puoi anche scegliere una tavolozza dei colori dal menu a discesa Raccolta nella sezione Colori della scheda Formattazione , nonché personalizzare le dimensioni delle righe in pixel nel campo Riga e l'allineamento del testo 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 i valori null come 0.
5. Crea le regole di formattazione condizionale. Puoi selezionare il pulsante Aggiungi una regola per aggiungere tutte le regole di formattazione condizionale che vuoi.
   • Dal menu a discesa Applica a, seleziona i valori desiderati da applicare alla regola.

6. Dal menu a discesa Formato, seleziona il formato desiderato da applicare alla regola. * Puoi scegliere di lasciare il formato predefinito lungo la scala. I valori verranno evidenziati su una sfumatura in base alla tavolozza dei colori e alle impostazioni dei valori che hai scelto. Scopri di più sulla codifica dei colori su una fare lo scale in sezione Formattazione condizionale della pagina della documentazione Opzioni del grafico 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 contenuti.

   • In 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 Colore sfondo giallo selezionata.
     • Opzione Formato Se il valore è minore di 25, con l'opzione Colore sfondo rosso selezionata.
     Suggerimento: l'intervallo non include i valori specificati.

La visualizzazione risultante mostra il conteggio degli utenti in ogni colonna della fascia d'età in base ai criteri specificati dal team di marketing:

• Crescita positiva (verde): mesi e fasce d'età con 50 o più nuovi utenti
• Crescita media (giallo): mesi e fasce d'età con 25-50 nuovi utenti
• Crescita scarsa (rosso): mesi e fasce d'età con 24 o meno nuovi utenti

Formattazione condizionale in LookML con il parametro html

Oltre a utilizzare le impostazioni del menu Modifica della visualizzazione, puoi codificare la formattazione condizionale direttamente nel LookML di un campo. Questa opzione è utile per la formattazione condizionale coerente tra le analisi per un determinato campo, in quanto evita la necessità di riconfigurare le impostazioni di visualizzazione per le singole query.

Attenzione: la formattazione HTML viene visualizzata solo nelle visualizzazioni dei grafici a tabella, a tabella (legacy) e a valore singolo e nelle descrizioni comando 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 della dashboard, ma sarà accessibile in Look ed esplorazioni.

Riferimenti

• Variabili Liquid: le variabili Liquid visualizzano i valori dei campi insieme alla formattazione HTML specificata.
• html parametro: lo stile HTML codificato nel parametro html di un campo verrà visualizzato nella tabella dei dati dell'esplorazione e nella visualizzazione.
• Visualizzazione della tabella: la formattazione condizionale verrà visualizzata dagli utenti nella visualizzazione.

Prerequisiti

Per codificare la formattazione condizionale nel parametro html , devi:

• Disporre delle autorizzazioni per creare esplorazioni.
• Disporre delle autorizzazioni per sviluppare LookML e avere familiarità con lo sviluppo di SQL e LookML.
• Avere una conoscenza di base dell'utilizzo di Liquid in Looker e della codifica HTML. Per informazioni di base necessarie, visita la sezione Utilizzare le variabili Liquid nel parametro html della pagina della documentazione html.
• Disporre delle autorizzazioni per salvare i contenuti (se vuoi salvare la visualizzazione come Look o dashboard)

Esempio

Supponiamo che nei tuoi dati sia presente un campo denominato status, che indica lo stato di ogni ordine. Questi sono i valori possibili per status:

• "cancelled"
• "complete"
• "pending"

Per evidenziare lo stato dell'ordine agli utenti che visualizzano i risultati delle query 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 andare 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 la sintassi dei tag Liquid che imposta le condizioni per valori specifici del campo.
   • Questo esempio utilizza la variabile Liquid value per restituire il valore del campo. Assicurati di utilizzare _rendered_value per visualizzare i valori dei campi che utilizzano la formattazione dei valori di Looker.
   • Assicurati di considerare il contrasto di colore per l'accessibilità dei contenuti.
   • Puoi aggiungere qualsiasi altro stile HTML supportato da Looker che preferisci. Per altri esempi, consulta la pagina della documentazione del parametro html.
4. Salva, convalida e invia il codice in produzione dopo aver verificato che funzioni come previsto.

Il risultato è che i valori di Stato vengono evidenziati in rosso, verde o arancione, a seconda dello stato, in qualsiasi risultato della query di Looker che includa il campo.

I colori di sfondo verranno visualizzati anche per altri grafici. Ad esempio, un grafico a colonne per una query che raggruppa il conteggio degli ordini per stato degli ordini visualizzerà i colori di sfondo codificati per ogni valore di stato degli ordini.

Stile aggiuntivo

Puoi utilizzare la stessa sintassi dell'esempio precedente per aggiungere icone o immagini in base ai valori dei campi. L'esempio seguente aggiunge un'icona con un segno di spunta rosso "x" per uno stato degli ordini "annullato", un'icona con un segno di spunta verde per uno stato degli ordini "completato" e un'icona a forma di orologio per uno 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 è che i valori di Stato vengono visualizzati con un'icona a forma di x rossa, un'icona con un segno di spunta verde o un'icona a forma di orologio accanto al valore, a seconda dello stato, in qualsiasi risultato della query di Looker che includa il campo.

Passaggi successivi

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

• Salva l'esplorazione come Look
• Aggiungi l'esplorazione a una dashboard
• Condividi l'esplorazione con un URL