Komponen / Grafik & jadwal

LollipopChart

Lollipop terurut (garis + titik) untuk membandingkan nilai per orang atau item terhadap rata-rata — jam lembur per orang, keterlambatan per karyawan.

React · BetaFigma · siapFigma Sumber

Kapan dipakai

Gunakan

Pakai untuk membandingkan sedikit orang/item (3–15) terhadap rata-rata atau patokan.
Urutkan dari terbesar dan sebut patokannya di subjudul kartu ("Garis putus-putus = rata-rata per slip lembur").
Tampilkan identitas kedua (NIP) agar nama kembar tetap bisa dibedakan.

Hindari

Jangan memakai lollipop untuk deret waktu — pakai ColumnChart.
Jangan menampilkan garis rata-rata bila hanya ada satu baris; tampilkan angka besar + daftar.
Jangan menggambar ratusan baris — saring ke 10 teratas dan tautkan ke daftar lengkap.

Contoh benar & salah

rata-rata 3,8 jam

Sinta Lestari10069
6 jam
Andi Wijaya10312
3 jam
Maya Kusuma10401
2,5 jam

GunakanTerurut dari terbesar dengan garis rata-rata.

Maya Kusuma10401
2,5 jam
Sinta Lestari10069
6 jam
Andi Wijaya10312
3 jam

HindariUrutan acak tanpa patokan — siapa yang di atas rata-rata?

Penulisan

Label rata-rata huruf kecil dengan satuan: "rata-rata 3,8 jam".
Nilai memakai koma desimal id-ID dan satuan: "2,5 jam".

Komponen terkait