Opsi diagram KPI (Nilai Tunggal)

Catatan: Diagram KPI (Nilai Tunggal) menggantikan opsi diagram nilai tunggal secara default. Admin Anda dapat mengaktifkan setelan Use Legacy Single Value Visualization di halaman Legacy features pada panel Admin untuk terus menggunakan diagram nilai tunggal (lama). Jika admin Anda sebelumnya tidak mengaktifkan fitur pratinjau KPI (Nilai Tunggal), setelan Gunakan Visualisasi Nilai Tunggal Lama akan diaktifkan secara default, dan Anda akan tetap melihat opsi diagram nilai tunggal (lama).

Diagram KPI (Nilai Tunggal) menyoroti metrik performa utama, seperti total pendapatan, pengguna aktif, atau rasio konversi, untuk memberikan insight sekilas yang cepat tentang performa bisnis. Dengan menggabungkan metrik utama yang terlihat jelas dengan elemen kontekstual seperti grafik mini, status progres, dan perbandingan nilai, diagram KPI membantu Anda mengidentifikasi tren dengan cepat, mengevaluasi progres menuju sasaran, serta membuat dasbor dan Eksplorasi yang mudah dipindai. Halaman ini memberikan ringkasan untuk menggunakan dan menyesuaikan diagram KPI (Nilai Tunggal) di Looker.

Yang perlu diketahui

Saat beberapa visualisasi nilai tunggal muncul di dasbor, setiap visualisasi secara default menggunakan ukuran font yang sama untuk tampilan yang konsisten. Namun, visualisasi nilai tunggal akan otomatis mengubah ukuran font saat ukuran ubin diperkecil. Jika font untuk visualisasi tidak dapat menampilkan seluruh nilai dalam ruang yang tersedia, nilai tersebut akan dipotong dengan elipsis (...).

Jika fitur Smart Single Value Text Size diaktifkan, font yang ditampilkan pada visualisasi nilai tunggal di kartu dasbor akan otomatis diubah ukurannya untuk menampilkan setidaknya 8-10 karakter nilai dalam kartu pada ukuran tertentu.

Opsi diagram KPI (Nilai Tunggal)

Penting: Opsi yang tercantum dalam menu mungkin tampak tidak tersedia atau disembunyikan jika bertentangan dengan setelan lain yang telah Anda pilih.

Untuk menggunakan visualisasi KPI (Nilai Tunggal), pilih opsi KPI (Nilai Tunggal) di menu Pilih diagram atau Ubah diagram di Explore. Selanjutnya, pilih tab Gaya di panel Konfigurasi untuk mengedit diagram Anda.

Anda dapat membuat pilihan di menu Style, Comparison, dan Formatting untuk menyesuaikan tampilan visualisasi KPI (Single Value).

Opsi menu gaya

Menu Gaya mencakup opsi berikut.

Koleksi Warna

Pilih koleksi warna dari menu Koleksi Warna. Koleksi memungkinkan Anda membuat visualisasi dan dasbor bertema yang terlihat bagus saat ditampilkan bersama. Anda dapat melihat semua palet di setiap koleksi warna bawaan Looker di halaman dokumentasi Koleksi warna. Admin Looker Anda juga dapat membuat koleksi warna kustom untuk organisasi Anda.

Nilai Utama

Setelan di bagian ini memungkinkan Anda memilih nilai utama untuk visualisasi KPI (Nilai Tunggal), termasuk yang berikut:

• Deret Utama: Pilih ukuran dari Explore untuk ditetapkan sebagai deret utama. Nilai ukuran akan menjadi nilai yang dibandingkan saat setelan Tampilkan Perbandingan di menu Perbandingan diaktifkan.
• Baris Utama: Tentukan nilai baris dari Deret Utama yang akan ditampilkan. Opsinya mencakup Pertama, Kedua, Terakhir, dan Total (jika Total diaktifkan). 1st dipilih secara default.
• Perataan: Pilih opsi perataan untuk nilai dalam visualisasi. Opsi mencakup Kiri, Tengah, dan Kanan. Setelan ini berlaku untuk semua nilai dalam visualisasi.

Warna Nilai

Untuk menetapkan warna nilai diagram, klik contoh warna di bagian Value Color untuk membuka menu pemilih warna.

• Untuk memilih warna dari palet, klik tab Palet pada menu pemilih warna, lalu gunakan panah kiri dan kanan untuk men-scroll palet yang tersedia. Pilih warna dengan mengklik warna di salah satu palet.
• Untuk memilih warna kustom, klik tab Kustom pada pemilih palet, lalu gunakan gradasi warna dan penggeser nilai untuk memilih warna kustom, atau masukkan string hex RGB, seperti #2ca6cd, atau nama warna CSS, seperti mediumblue, ke dalam kolom input.

Looker akan menggunakan warna yang dipilih untuk visualisasi nilai tunggal, baik dengan maupun tanpa hyperlink.

Bergantung pada kebutuhan Anda, pertimbangkan untuk menggunakan teknik alternatif berikut:

• Ubah warna font untuk membedakan antara hasil yang baik atau buruk: Aktifkan setelan Tampilkan Perbandingan di menu Perbandingan, lalu pilih opsi Tampilkan sebagai Perubahan.
• Mengubah warna font untuk nilai kolom tertentu di mana saja, termasuk di panel Data Eksplorasi: Developer LookML dapat menambahkan parameter html ke definisi kolom.

Format Nilai

Anda dapat menentukan format nilai, terlepas dari dimensi atau ukuran yang mendasarinya. Kolom ini menerima pemformatan gaya Excel. Jika tidak ada pemformatan yang ditentukan, nilai akan ditampilkan dalam format dimensi atau ukuran yang mendasarinya.

Panduan lengkap MS Excel menjelaskan cara menentukan format ini dalam dokumentasinya. Namun, pemformatan warna saat ini tidak didukung di Looker.

Tips: Untuk developer Looker: Format yang digunakan di kolom Value Format sama dengan format yang digunakan dengan parameter LookML value_format, kecuali bahwa parameter value_format mengharuskan string pemformatan diapit tanda petik ganda. Di kolom Value Format, string pemformatan tidak diapit tanda petik.

Halaman dokumentasi Menambahkan pemformatan kustom ke kolom numerik memberikan informasi selengkapnya tentang cara menggunakan pemformatan kustom.

Nilai Ubah Ukuran Otomatis

Mengaktifkan opsi Auto Resize Value akan otomatis mengubah ukuran font pada visualisasi nilai tunggal yang ditampilkan dalam tile dasbor. Font diubah ukurannya untuk menampilkan setidaknya 8-10 karakter nilai dalam kartu; jika karakter dalam visualisasi meluap secara horizontal atau vertikal pada ukuran tertentu, ukuran font akan berkurang secara bertahap. Ukuran font minimum yang diizinkan adalah 14 piksel. Setelah ukuran font minimum tercapai, karakter yang melebihi batas akan dipotong dengan elipsis (...). Ukuran font maksimum yang diizinkan adalah 104 piksel.

Saat Anda menggunakan fitur ini, ubin nilai tunggal di dasbor mungkin terlihat kurang konsisten, tetapi lebih banyak karakter akan muat di ubin yang lebih kecil.

Setelan ini tidak berpengaruh jika setelan Ukuran Teks Nilai Tunggal Smart diaktifkan di halaman Admin > Setelan Umum. Untuk menggunakan kontrol per visualisasi ini, setelan tingkat admin harus dinonaktifkan.

Judul Acara

Anda dapat menentukan apakah judul akan muncul di diagram. Untuk Look yang disimpan, judul defaultnya adalah nama Look. Anda juga dapat menentukan judul yang berbeda menggunakan kolom Penggantian Judul.

Penggantian Judul

Anda dapat menentukan judul yang akan ditampilkan bersama nilai. Kolom ini tersedia jika Tampilkan Judul diaktifkan. Untuk Look yang disimpan, jika kolom ini dibiarkan kosong, judulnya akan ditetapkan secara default ke nama Look yang disimpan.

Tampilkan Diagram Spark

Aktifkan setelan Tampilkan Diagram Spark untuk menampilkan visualisasi sekunder yang menunjukkan perubahan nilai data. Jika setelan ini diaktifkan, Anda dapat menyesuaikan visualisasi sekunder dengan setelan berikut:

• Jenis Diagram: Pilih diagram Area atau diagram Kolom sebagai visualisasi sekunder.
• Warna Diagram: Pilih warna untuk visualisasi sekunder, mirip dengan setelan Warna Nilai.
• Sumbu X Terlihat: Aktifkan setelan ini untuk menampilkan nilai Sumbu X untuk diagram sekunder.
• Tampilkan Tooltip Sparkline: Aktifkan setelan ini agar tooltip muncul saat pengguna mengarahkan kursor ke titik data di sparkline.

Tooltip Kustom

Anda dapat mengklik tombol Tooltip Kustom guna mengonfigurasi tooltip kustom untuk nilai utama. Anda dapat mengonfigurasi tooltip kustom di Explore visualization editor menggunakan kombinasi setelan UI dan editor HTML yang mendukung template Liquid. Pelajari lebih lanjut Tooltip Kustom.

Opsi menu perbandingan

Menu Perbandingan mencakup opsi berikut.

Tampilkan Perbandingan

Anda dapat mengaktifkan setelan Tampilkan Perbandingan untuk menambahkan informasi perbandingan dari kolom kedua ke visualisasi KPI (Nilai Tunggal). Jika setelan Tampilkan Perbandingan diaktifkan, Anda dapat menggunakan opsi gaya yang muncul di menu Perbandingan.

Deret Perbandingan

Deret perbandingan muncul di bawah deret utama dalam visualisasi. Setelan di bagian ini memungkinkan Anda memilih nilai sekunder untuk perbandingan, termasuk:

• Deret Perbandingan: Pilih ukuran dari Explore untuk ditetapkan sebagai deret perbandingan. Nilai ukuran yang dipilih akan menjadi nilai yang dibandingkan dengan nilai utama.
• Baris Perbandingan: Tentukan nilai baris dari Deret Perbandingan yang akan ditampilkan. Opsinya mencakup Pertama, Kedua, Terakhir, dan Total (jika Total diaktifkan). 1st dipilih secara default.
• Label Nilai: Anda dapat menentukan cara deret perbandingan digunakan dalam visualisasi. Opsinya mencakup:
  • Tampilkan sebagai Nilai: Nilai deret perbandingan ditampilkan.
  • Tampilkan sebagai Perubahan: Nilai perbandingan ditampilkan, dengan pemformatan bersyarat untuk menunjukkan jenis perubahan dibandingkan dengan deret utama. Jika perubahan nilai negatif, segitiga akan mengarah ke bawah. Jika perubahan nilai positif, segitiga akan mengarah ke atas. Secara default, angka negatif muncul dalam warna merah dengan segitiga merah, dan angka positif muncul dalam warna hijau dengan segitiga hijau. Warna ini dapat diubah dengan mengaktifkan setelan Nilai Positif adalah Buruk.
  • Tampilkan sebagai Persentase Perubahan: Nilai deret perbandingan ditampilkan dengan persentase perubahan dibandingkan dengan deret utama, dengan pemformatan bersyarat yang menunjukkan jenis perubahan. Jika persentase perubahan nilai negatif, segitiga akan mengarah ke bawah. Jika perubahan persentase nilai positif, segitiga akan mengarah ke atas. Secara default, persentase negatif muncul dalam warna merah dengan segitiga merah, dan persentase positif muncul dalam warna hijau dengan segitiga hijau. Warna ini dapat diubah dengan mengaktifkan setelan Nilai Positif adalah Buruk.
  • Hitung Progres: Nilai kolom utama dibagi dengan nilai kolom perbandingan, dan persentasenya muncul sebagai status progres.
  • Hitung Progres (dengan Persentase): Nilai kolom utama dibagi dengan nilai kolom perbandingan. Persentase muncul sebagai status progres yang diberi label dengan persentase dan nilai kolom perbandingan, seperti "83% dari $347,8 Ribu". Jika setelan Tampilkan Label diaktifkan, status progres juga akan menampilkan label untuk kolom perbandingan, seperti "83% dari Target bulanan $347,8 Ribu".
• Lebar Status Progres: Anda dapat menentukan lebar status progres dalam diagram. Opsinya mencakup Lebar Penuh atau Ringkas.
• Warna Status Progres: Anda dapat menyesuaikan warna status progres dengan setelan berikut:
  • Untuk memilih warna dari palet, klik tab Palet pada menu pemilih warna, lalu gunakan panah kiri dan kanan untuk men-scroll palet yang tersedia. Pilih warna dengan mengklik warna di salah satu palet.
  • Untuk memilih warna kustom, klik tab Kustom pada pemilih palet, lalu gunakan gradasi warna dan penggeser nilai untuk memilih warna kustom, atau masukkan string hex RGB, seperti #2ca6cd, atau nama warna CSS, seperti mediumblue, ke dalam kolom input.
• Tampilkan Label: Aktifkan setelan ini untuk menampilkan label kolom perbandingan. Secara default, labelnya adalah nama kolom perbandingan. Jika Anda ingin menampilkan label yang berbeda, masukkan label baru di kolom Label.

Format Nilai

Anda dapat menentukan format nilai, terlepas dari dimensi atau ukuran yang mendasarinya. Kolom ini menerima pemformatan gaya Excel. Jika tidak ada pemformatan yang ditentukan, nilai akan ditampilkan dalam format dimensi atau ukuran yang mendasarinya.

Panduan lengkap MS Excel menjelaskan cara menentukan format ini dalam dokumentasinya. Namun, pemformatan warna saat ini tidak didukung di Looker.

Tips: Untuk developer Looker: Format yang digunakan di kolom Value Format sama dengan format yang digunakan dengan parameter LookML value_format, kecuali bahwa parameter value_format mengharuskan string pemformatan diapit tanda petik ganda. Di kolom Value Format, string pemformatan tidak diapit tanda petik.

Halaman dokumentasi Menambahkan pemformatan kustom ke kolom numerik memberikan informasi selengkapnya tentang cara menggunakan pemformatan kustom.

Opsi menu pemformatan

Aktifkan Enable Conditional Formatting untuk menentukan aturan yang memberi kode warna pada visualisasi Anda dengan menentukan nilai yang diinginkan.

Koleksi Warna

Koleksi memungkinkan Anda membuat visualisasi dan dasbor bertema yang terlihat bagus saat ditampilkan bersama. Semua koleksi warna bawaan Looker muncul di halaman dokumentasi Koleksi warna. Admin Looker Anda juga dapat membuat koleksi warna kustom untuk organisasi Anda.

Anda dapat memilih koleksi warna dari menu Koleksi Warna. Palet yang muncul untuk sampel warna di setiap aturan berasal dari koleksi tersebut.

Sertakan Nilai Null sebagai Nol

Aktifkan setelan Sertakan Nilai Null sebagai Nol agar Looker memperlakukan nilai null sebagai nol. Menyertakan nilai null sebagai nol membantu menghilangkan error matematika dalam penghitungan, menghindari kesenjangan dalam visualisasi, dan memastikan agregasi metrik yang akurat.

Beberapa aturan

Anda dapat memiliki beberapa aturan untuk pemformatan bersyarat. Untuk menambahkan aturan, ikuti langkah-langkah berikut:

1. Untuk menambahkan aturan, klik add_circle Tambahkan Aturan.
2. Jika Anda memiliki lebih dari satu aturan, aturan yang berada di posisi lebih tinggi dalam daftar akan lebih diprioritaskan daripada aturan yang berada di posisi lebih rendah dalam daftar. Untuk mengubah prioritas aturan, klik tuas tarik drag_handle aturan, lalu tarik aturan ke atas atau ke bawah dalam daftar.
3. Untuk menghapus aturan, klik delete Hapus Aturan.

Format

Untuk setiap aturan, gunakan opsi menu Format untuk memilih salah satu opsi aturan berikut:

• antara
• sama dengan
• lebih besar dari
• kurang dari
• not between
• tidak sama dengan
• not null
• null

Kemudian, masukkan nilai perbandingan ke dalam kolom teks yang muncul, berdasarkan pilihan Anda. Saat Anda memasukkan nilai ke dalam aturan, jangan gunakan pemisah ribuan.

Catatan: Rentang nilai format seperti di antara, tidak di antara, lebih besar dari, dan kurang dari tidak termasuk angka yang tercantum di batas rentang tersebut. Misalnya, jika Anda menetapkan aturan dengan rentang Jika nilai antara 9 dan 14, aturan akan berlaku untuk nilai 10 hingga 13.

Gaya

Klik contoh warna di samping Warna latar belakang atau Warna font untuk membuka menu pemilih warna, yang memungkinkan Anda memilih atau menyesuaikan warna:

• Untuk memilih warna dari palet, klik tab Palet pada menu pemilih warna, lalu gunakan panah kiri dan kanan untuk men-scroll palet yang tersedia. Pilih warna dengan mengklik warna di salah satu palet.
• Untuk memilih warna kustom, klik tab Kustom pada pemilih palet, lalu gunakan gradasi warna dan penggeser nilai untuk memilih warna kustom, atau masukkan string hex RGB, seperti #2ca6cd, atau nama warna CSS, seperti mediumblue, ke dalam kolom input.

Referensi terkait

Setelah mengetahui cara membuat visualisasi KPI (Nilai Tunggal) di Looker, Anda mungkin ingin mempelajari cara melakukan hal berikut:

• Menyimpan kueri Jelajah sebagai Look.
• Menambahkan kueri Eksplorasi ke dasbor.
• Membagikan data kepada pengguna lain.