Membuat diagram meteran yang solid dengan Chart Config Editor

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 yang solid dengan memulai dari diagram kolom di Looker. Diagram pengukur solid memerlukan satu dimensi dan satu ukuran.

Misalnya, diagram pengukur solid berikut menunjukkan nilai ukuran Kepuasan Pelanggan (CSAT) saat ini, yang direpresentasikan dengan status progres biru melingkar. Karena kemungkinan nilai skor CSAT dapat berkisar dari 0 hingga 100, nilai tersebut akan 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 meteran yang solid, mulailah 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 yang solid.
• Atribut yAxis.max menentukan nilai maksimum untuk diagram meteran yang solid.
• Atribut yAxis.tickAmount menentukan jumlah label yang harus ditampilkan di sekitar diagram meteran yang solid. Label akan didistribusikan secara merata berdasarkan atribut yAxis.min dan yAxis.max.

Membuat diagram meteran yang solid

Untuk membuat diagram meteran yang solid, ikuti langkah-langkah berikut:

1. Lihat diagram kolom di Eksplorasi, atau edit diagram kolom di Tampilan 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:

   

2. Buka menu Edit dalam visualisasi.

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

4. Pilih bagian Konfigurasi Diagram (Ganti), dan masukkan JSON HighCharts dari bagian Menulis cuplikan JSON di halaman ini.

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

6. Untuk menguji perubahan Anda, klik Pratinjau.

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

Setelah Anda menyesuaikan visualisasi, Anda dapat menyimpannya.