Creare un grafico indicatore solido con l'editor di configurazione dei grafici

I grafici a contatore solidi 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.

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

Ad esempio, il seguente grafico indicatore solido mostra il valore corrente della misura Customer Satisfaction (CSAT), rappresentata da una barra di avanzamento blu circolare. Poiché i valori possibili 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 indicatore solido.
  • L'attributo yAxis.max definisce il valore massimo per il grafico indicatore solido.
  • L'attributo yAxis.tickAmount specifica il numero di etichette da visualizzare attorno al grafico indicatore solido. Le etichette verranno distribuite in modo uniforme in base agli attributi yAxis.min e yAxis.max.

Creare 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 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:

    Grafico a colonne di esempio 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 Chart Config (Override) (Configurazione del grafico (sostituzione)) e inserisci il JSON di HighCharts dalla sezione Scrivere lo 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à visualizzata utilizzando i valori JSON personalizzati.

Una volta personalizzata la visualizzazione, puoi salvarla.