Creazione di un grafico a contatore solido con l'editor di configurazione dei grafici

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

Utilizzando l'editor di configurazione dei grafici, puoi creare grafici a contatore solido a partire da un grafico a colonne in Looker. I grafici a contatore solido richiedono una dimensione e una misura.

Ad esempio, il seguente grafico a contatore solido mostra il valore corrente della misura Soddisfazione del cliente (CSAT), rappresentata da una barra di avanzamento circolare blu. Poiché i possibili valori dei punteggi CSAT possono variare da 0 a 100, questi valori sono rappresentati alle 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 indicatore solido, inizia dal 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 solido.
  • 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 a scartamento solido. Le etichette verranno distribuite uniformemente in base agli attributi yAxis.min e yAxis.max.

Creazione di un grafico a contatore solido

Per creare un grafico indicatore solido:

  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 da un grafico a colonne con una dimensione e una misura, con un limite di una riga. Il grafico iniziale potrebbe avere il seguente aspetto:

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

  2. Apri il menu Modifica nella visualizzazione.

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

  4. Seleziona la sezione Configurazione grafico (override) e inserisci il codice JSON 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.

Dopo aver personalizzato la visualizzazione, puoi salvarla.