Creare un grafico indicatore solido con l'editor di configurazione del grafico

I grafici a contatore pieno sono utili per visualizzare i numeri in un intervallo noto. I lettori possono determinare rapidamente se il valore corrente è relativamente alto o basso in base ai valori previsti.

Utilizzando l'editor di configurazione dei grafici, puoi creare grafici con indicatori solidi partendo da un grafico a colonne in Looker. I grafici a contatore pieno richiedono una dimensione e una misura.

Ad esempio, il seguente grafico con indicatore solido mostra il valore attuale della misura Soddisfazione del cliente (CSAT), rappresentata da una barra di avanzamento circolare blu. Poiché i valori possibili dei punteggi CSAT possono essere compresi tra 0 e 100, questi valori sono rappresentati su entrambe le estremità dell'indicatore.

Prerequisiti

Per accedere all'editor di configurazione dei grafici, devi disporre dell'autorizzazione can_override_vis_config.

Scrittura dello snippet JSON

Per creare un grafico a contatore solido, inizia con il seguente snippet JSON:

{
  chart: {
    type: 'solidgauge'
  },
  yAxis: [{
    min: 0,
    max: 100,
    tickAmount: 10
  }],
}

Modifica i seguenti valori in base al tuo caso d'uso:

  • L'attributo yAxis.min definisce il valore minimo per il grafico a contatore a tinta unita.
  • L'attributo yAxis.max definisce il valore massimo per il grafico a contatore solido.
  • L'attributo yAxis.tickAmount specifica il numero di etichette da visualizzare intorno al grafico con indicatore solido. Le etichette verranno distribuite in modo uniforme in base agli attributi yAxis.min e yAxis.max.

Creazione di un grafico a contatore solido

Per creare un grafico a contatore solido, segui questi passaggi:

  1. Visualizza un grafico a colonne in un'esplorazione o modifica un grafico a colonne in un Look o in una dashboard.

    Per questo esempio, ti consigliamo di iniziare con un grafico a colonne con una dimensione e una misura, con un limite di una riga. Il grafico iniziale potrebbe essere simile a questo esempio:

    Esempio di grafico a colonne con una singola colonna che si estende lungo l'asse Y.

  2. Apri il menu Modifica nella visualizzazione.

  3. Nella scheda Grafico, fai clic sul pulsante Modifica configurazione grafico. Looker visualizza la finestra di dialogo Modifica configurazione grafico.

  4. Seleziona la sezione Configurazione grafico (override) e inserisci il codice JSON di HighCharts dalla sezione Scrittura dello snippet JSON di questa pagina.

  5. Per consentire a Looker di formattare correttamente il JSON, fai clic su <> (Formatta codice).

  6. Per testare le modifiche, fai clic su Anteprima.

  7. Per applicare le modifiche, fai clic su Applica. La visualizzazione verrà mostrata utilizzando i valori JSON personalizzati.

Una volta personalizzata la visualizzazione, puoi salvarla.