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:
- Applicare il colore ai valori massimo, minimo e percentile
- Combinare le condizioni di formattazione condizionale
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:
- Autorizzazioni per creare esplorazioni e familiarità con l'esplorazione dei dati
- L'autorizzazione
can_override_vis_config
, che concede l'accesso a Chart Config Editor - Autorizzazioni per salvare i contenuti (se vuoi salvare la visualizzazione come Look o dashboard)
- Una certa familiarità con JSON
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:
- Visualizza una visualizzazione cartesiana in un'esplorazione o modifica una visualizzazione cartesiana in un look o una dashboard.
- Apri il menu Modifica nella visualizzazione.
- Fai clic sul pulsante Modifica configurazione grafico nella scheda Traccia. Looker mostra la finestra di dialogo Modifica configurazione grafico.
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' } }, ] }] }
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:
- Visualizza una visualizzazione del grafico a dispersione in un'esplorazione oppure modificane una in un Look o in una dashboard.
- Apri il menu Modifica nella visualizzazione.
- Fai clic sul pulsante Modifica configurazione grafico nella scheda Traccia. Looker mostra la finestra di dialogo Modifica configurazione grafico.
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' } } } ] }] }
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:
- Autorizzazioni per creare esplorazioni e familiarità con i dati di esplorazione
- L'autorizzazione
can_override_vis_config
, che concede l'accesso a Chart Config Editor - Autorizzazioni per salvare i contenuti (se vuoi salvare la visualizzazione come Look o dashboard)
- Una certa familiarità con JSON
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:
- Visualizza una visualizzazione cartesiana in un'esplorazione o modifica una visualizzazione cartesiana in un look o una dashboard.
- Apri il menu Modifica nella visualizzazione.
- Fai clic sul pulsante Modifica configurazione grafico nella scheda Traccia. Looker mostra la finestra di dialogo Modifica configurazione grafico.
Seleziona la sezione Configurazione grafico (override) e inserisci il seguente JSON:
{ series: [{ color: 'gray', formatters: [{ select: 'value >= 43000 AND value <= 45000', style: { color: 'purple', } }, ] }] }
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.