Creare un grafico a proiettili con l'editor di configurazione dei grafici

I grafici bullet sono utili per mostrare il rendimento rispetto a un target o l'avanzamento verso un obiettivo.

Utilizzando l'editor di configurazione dei grafici, puoi creare grafici bullet partendo da un grafico a barre in Looker.

Ad esempio, il seguente grafico a barre confronta la misura Conteggio nuovi clienti, rappresentata da una barra di avanzamento blu, con un valore target di 40, rappresentato da una linea verticale blu. Il grafico indica anche i bucket di avanzamento tra 0 e 20, tra 20 e 40 e tra 40 e 80, ciascuno rappresentato da una diversa tonalità di grigio.

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 punti, inizia con il seguente snippet JSON:

{
  chart: {
    type: 'bullet'
  },
  xAxis: {
    categories: ['New Customers']
  },
  yAxis: {
    plotBands: [{
      from: 0,
      to: 20,
      color: '#666666'
    }, {
      from: 20,
      to: 40,
      color: '#999999'
    }, {
      from: 40,
      to: 80,
      color: '#bbbbbb'
    }],
  },
  series: [{
    data: [{
      target: 40
    }]
  }],
}

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

  • L'attributo xAxis.categories sovrascrive l'etichetta dell'asse X. In questo esempio, l'etichetta dell'asse X deve essere il nome della metrica Nuovi clienti.
  • L'attributo yAxis.plotBands specifica il colore di sfondo del grafico per determinati valori. In questo esempio, il colore di sfondo è grigio scuro (#666666) tra 0 e 20, grigio medio (#999999) tra 20 e 40 e grigio chiaro (#bbbbbb) tra 40 e 80.
  • L'attributo series.data.target specifica il valore target per il grafico bullet, che verrà visualizzato come una linea verticale. In questo esempio, il target è 40.

Creare un grafico a proiettile

Per creare un grafico a punti:

  1. Visualizza un grafico a barre in un'esplorazione o modifica un grafico a barre in un look o in una dashboard.

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

    Grafico a barre di esempio con una singola barra che si estende lungo l'asse X.

  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 Chart Config (Override) (Configurazione grafico (override)) e inserisci il 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. Se hai visualizzato la visualizzazione in un'esplorazione, salva l'esplorazione. Se hai modificato un Look o una dashboard, fai clic su Salva.