Membuat diagram pengukur solid dengan Editor Konfigurasi Diagram

Diagram pengukur solid berguna untuk menampilkan angka dalam rentang yang diketahui. Pembaca dapat dengan cepat menentukan apakah nilai saat ini relatif tinggi atau rendah berdasarkan nilai yang diharapkan.

Dengan menggunakan Chart Config Editor, Anda dapat membuat diagram meteran solid dengan memulai dari diagram kolom di Looker. Diagram meteran solid memerlukan satu dimensi dan satu ukuran.

Misalnya, diagram pengukur solid berikut menunjukkan nilai saat ini dari ukuran Kepuasan Pelanggan (CSAT), yang diwakili oleh status progres biru melingkar. Karena nilai skor CSAT yang mungkin adalah dari 0 hingga 100, nilai tersebut direpresentasikan di kedua ujung pengukur.

Prasyarat

Untuk mengakses Chart Config Editor, Anda harus memiliki izin can_override_vis_config.

Menulis cuplikan JSON

Untuk membuat diagram pengukur solid, mulai dari cuplikan JSON berikut:

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

Ubah nilai berikut agar sesuai dengan kasus penggunaan Anda:

  • Atribut yAxis.min menentukan nilai minimum untuk diagram meteran solid.
  • Atribut yAxis.max menentukan nilai maksimum untuk diagram meteran solid.
  • Atribut yAxis.tickAmount menentukan jumlah label yang harus ditampilkan di sekitar diagram meteran solid. Label akan didistribusikan secara merata berdasarkan atribut yAxis.min dan yAxis.max.

Membuat diagram pengukur solid

Untuk membuat diagram pengukur solid, ikuti langkah-langkah berikut:

  1. Lihat diagram kolom di Explore, atau edit diagram kolom di Look atau dasbor.

    Untuk contoh ini, sebaiknya mulai dari diagram kolom dengan satu dimensi dan satu ukuran, dengan batas satu baris. Diagram awal Anda mungkin terlihat seperti contoh ini:

    Contoh diagram kolom dengan satu kolom yang membentang di sepanjang sumbu Y.

  2. Buka menu Edit di visualisasi.

  3. Di tab Plot, klik tombol Edit Chart Config. Looker menampilkan dialog Edit Chart Config.

  4. Pilih bagian Chart Config (Override), lalu masukkan JSON HighCharts dari bagian Menulis cuplikan JSON di halaman ini.

  5. Agar Looker memformat JSON Anda dengan benar, klik <> (Format code).

  6. Untuk menguji perubahan, klik Pratinjau.

  7. Untuk menerapkan perubahan, klik Terapkan. Visualisasi akan ditampilkan menggunakan nilai JSON kustom.

Setelah menyesuaikan visualisasi, Anda dapat menyimpannya.