Carta Pai
Carta pai ialah satu bentuk grafik statistik bulat, dibahagikan kepada beberapa sektor untuk memaparkan nisbah nilai. Dalam carta pai, panjang lengkok setiap sektor adalah berkadar dengan kuantiti yang diwakilinya.
Mermaid boleh memaparkan carta pai.
Kod
Salin
Benamkan
pie title The most popular pets
"Dogs" : 386
"Cats" : 85
"Rats" : 15
Sintaks
Melukis carta pai dalam Mermaid sangat mudah.
showData bermaksud memaparkan nilai sebenar selepas teks legenda, ini adalah pilihan.
- Diikuti dengan sintaks title dan nilai rentetannya, untuk menetapkan tajuk carta pai, ini adalah pilihan.
- Seterusnya ialah set data; sektor carta pai akan disusun mengikut arah jam mengikut susunan label.
label bagi sesuatu bahagian dalam carta pai, diapit dengan tanda petik berganda.
Diikuti dengan titik bertindih : sebagai pemisah.
Diikuti dengan positive numeric value, mewakili nilai tertentu, menyokong sehingga dua tempat perpuluhan.
mermaid.grammar_pie_data_option_title_value
Contoh
Kod
Salin
Benamkan
---
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
Carta pai menyokong parameter konfigurasi berikut:
| Parameter | Penerangan | Nilai lalai |
|---|---|---|
| textPosition | Kedudukan paksi label sektor carta pai, dari 0.0 di tengah hingga 1.0 di tepi bulatan. | 0.75 |
| donutHole | Nisbah lubang gelang. Julat nilai yang sah ialah 0 hingga 0.9. | 0.1 |
| legendPosition | Kedudukan legenda berbanding carta. Nilai yang sah ialah top, bottom, left, right dan center. | top |
| highlightSlice | Menyorot sektor tertentu yang mempunyai label yang sepadan; tetapkan kepada hover untuk menyorot sektor yang diletakkan kursor di atasnya. | hover |
