Diagram Pie
Diagram lingkaran adalah sejenis grafik statistik berbentuk bulat, yang dibagi menjadi beberapa sektor untuk menampilkan proporsi nilai. Dalam diagram lingkaran, panjang busur setiap sektor sebanding dengan jumlah yang direpresentasikannya.
Mermaid dapat merender diagram lingkaran.
Kode
Salin
Sematkan
pie title The most popular pets
"Dogs" : 386
"Cats" : 85
"Rats" : 15
Sintaks
Menggambar diagram lingkaran di Mermaid sangat sederhana.
showData berarti merender nilai aktual setelah teks legenda, ini bersifat opsional.
- Diikuti oleh sintaks title beserta nilai stringnya, untuk menetapkan judul diagram lingkaran, ini bersifat opsional.
- Selanjutnya adalah kumpulan data; sektor diagram lingkaran akan diatur searah jarum jam sesuai urutan label.
label untuk suatu bagian dalam diagram lingkaran, dibungkus dengan tanda kutip ganda.
Diikuti titik dua : sebagai pemisah.
Diikuti oleh positive numeric value yang menunjukkan nilai spesifik, mendukung hingga dua angka desimal.
mermaid.grammar_pie_data_option_title_value
Contoh
Kode
Salin
Sematkan
---
config:
pie:
textPosition: 0.5
themeVariables:
pieOuterStrokeWidth: "5px"
---
pie showData
title Key elements in Product X
"Calcium" : 42.96
"Potassium" : 50.05
"Magnesium" : 10.01
"Iron" : 5
Konfigurasi
Diagram lingkaran mendukung parameter konfigurasi berikut:
| Parameter | Deskripsi | Nilai bawaan |
|---|---|---|
| textPosition | Posisi aksial label sektor diagram lingkaran, dari 0.0 di tengah hingga 1.0 di tepi lingkaran. | 0.75 |
| donutHole | Rasio lubang cincin. Rentang nilai yang valid adalah 0 hingga 0.9. | 0.1 |
| legendPosition | Posisi legenda relatif terhadap diagram. Nilai yang valid adalah top, bottom, left, right, dan center. | top |
| highlightSlice | Menyorot sektor tertentu dengan label yang cocok; atur ke hover untuk menyorot sektor yang diarahkan kursor. | hover |
