Tsart ng pie
Ang pie chart ay isang circular statistical graphic, hinahati ito sa maraming sektor upang ipakita ang proporsyon ng numerikal na halaga. Sa pie chart, ang haba ng arko ng bawat sektor ay proporsyonal sa bilang na kinakatawan nito.
Maaaring mag-render ang Mermaid ng pie chart.
Kopyahin
Embed
pie title The most popular pets
"Dogs" : 386
"Cats" : 85
"Rats" : 15
Syntax
Ang pagguhit ng pie chart sa Mermaid ay napakasimple.
Ang showData ay nagsasaad ng pag-render ng aktwal na numerikal na halaga pagkatapos ng legend text, ito ay opsyonal.
- Sinusundan ito ng title syntax at ang string value nito, upang itakda ang pamagat para sa pie chart, ito ay opsyonal.
- Kasunod nito ang dataset, ang mga sektor ng pie chart ay nakaayos nang clockwise ayon sa pagkakasunod-sunod ng label.
Ang label ng isang bahagi sa pie chart, na napapalibutan ng double quotes.
Sinusundan ng colon : bilang separator.
Sinusundan ng positive numeric value, na kumakatawan sa partikular na halaga, sinusuportahan ang hanggang dalawang decimal.
mermaid.grammar_pie_data_option_title_value
Halimbawa
Kopyahin
Embed
---
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
Configuration
Sinusuportahan ng pie chart ang sumusunod na configuration parameter:
| Parameter | Paglalarawan | Default value |
|---|---|---|
| textPosition | Ang axial na posisyon ng label ng sektor ng pie chart, mula 0.0 sa gitna hanggang 1.0 sa gilid ng bilog. | 0.75 |
| donutHole | Ratio ng donut hole. Ang saklaw ng valid na halaga ay 0 hanggang 0.9. | 0.1 |
| legendPosition | Posisyon ng legend na may kaugnayan sa chart. Ang mga valid na halaga ay top, bottom, left, right, at center. | top |
| highlightSlice | I-highlight ang partikular na sektor na may katugmang label, itakda sa hover upang i-highlight ang sektor na naka-hover. | hover |
