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

I grafici a contatore continuo sono utili per visualizzare i numeri compresi 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 a contatore continuo iniziando da un grafico a colonne in Looker. I grafici a contatore continuo richiedono una dimensione e una misura.

Ad esempio, il seguente grafico a indicatore continuo mostra il valore corrente 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 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 a contatore continuo, inizia dal seguente snippet JSON:

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

Modifica i seguenti valori per adattarli al tuo caso d'uso:

• L'attributo yAxis.min definisce il valore minimo per il grafico a contatore continuo.
• L'attributo yAxis.max definisce il valore massimo per il grafico a contatore continuo.
• L'attributo yAxis.tickAmount specifica il numero di etichette da visualizzare intorno al grafico a contatore continuo. Le etichette verranno distribuite uniformemente in base agli attributi yAxis.min e yAxis.max.

Creazione di un grafico a contatore continuo

Per creare un grafico a contatore continuo, procedi nel seguente modo:

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

   Per questo esempio, 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 un aspetto simile al seguente:

   

2. Apri il menu Modifica nella visualizzazione.

3. Nella scheda Traccia, 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 HighCharts dalla sezione Scrittura dello snippet JSON di questa pagina.

5. Per consentire a Looker di formattare correttamente il tuo 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.