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 i progressi relativi a un obiettivo.

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

Ad esempio, il seguente grafico a bullet 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 compresi tra 0 e 20, tra 20 e 40 e tra 40 e 80, ciascuno rappresentato da una tonalità di grigio diversa.

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 proiettili, inizia dal 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 misura 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 dispersione

Per creare un grafico a proiettili:

  1. Visualizza un grafico a barre in un'esplorazione o modifica un grafico a barre in un look o 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 avere il seguente aspetto:

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

  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. Se hai visualizzato la visualizzazione in un'esplorazione, salva l'esplorazione. Se hai modificato un look o una dashboard, fai clic su Salva.