Halaman ini diterjemahkan oleh Cloud Translation API.

Membuat diagram peluru dengan Editor Konfigurasi Diagram

Diagram peluru berguna untuk menampilkan performa terhadap target, atau progres terhadap sasaran.

Dengan Editor Konfigurasi Diagram, Anda dapat membuat diagram peluru dengan memulai dari diagram batang di Looker.

Misalnya, diagram peluru berikut membandingkan ukuran Jumlah Pelanggan Baru, yang diwakili oleh status progres biru, dengan nilai target 40, yang diwakili oleh garis vertikal biru. Diagram juga menunjukkan bucket progres antara 0 dan 20, antara 20 dan 40, serta antara 40 dan 80, yang masing-masing diwakili oleh warna abu-abu yang berbeda.

Prasyarat

Untuk mengakses Editor Konfigurasi Diagram, Anda harus memiliki izin can_override_vis_config.

Menulis cuplikan JSON

Untuk membuat diagram peluru, mulai dari cuplikan JSON berikut:

{
  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
    }]
  }],
}

Ubah nilai berikut agar sesuai dengan kasus penggunaan Anda:

Atribut xAxis.categories menimpa label sumbu X. Dalam contoh ini, label sumbu X harus berupa nama ukuran Pelanggan Baru.
Atribut yAxis.plotBands menentukan warna latar belakang diagram untuk nilai tertentu. Dalam contoh ini, warna latar belakang adalah abu-abu tua (#666666) antara 0 dan 20, abu-abu sedang (#999999) antara 20 dan 40, dan abu-abu muda (#bbbbbb) antara 40 dan 80.
Atribut series.data.target menentukan nilai target untuk diagram peluru, yang akan muncul sebagai garis vertikal. Dalam contoh ini, targetnya adalah 40.