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.

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

Ad esempio, il seguente grafico bullet mette a confronto la misura Conteggio nuovi clienti, rappresentata da una barra di avanzamento blu, con un valore target pari a 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 diversa tonalità di grigio.

Prerequisiti

Per accedere all'editor di configurazione del grafico, 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 del 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 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 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 Scrittura dello snippet JSON di questa pagina.

  5. Per consentire a Looker di formattare correttamente il tuo file JSON, fai clic su <> (Formato codice).

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