mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-01-28 07:03:17 +08:00
38 lines
1.0 KiB
Markdown
38 lines
1.0 KiB
Markdown
|
# Pie chart diagrams
|
||
|
|
|
||
|
|
> A pie chart (or a circle chart) is a circular statistical graphic, which is divided into slices to illustrate numerical proportion. In a pie chart, the arc length of each slice (and consequently its central angle and area), is proportional to the quantity it represents. While it is named for its resemblance to a pie which has been sliced, there are variations on the way it can be presented. The earliest known pie chart is generally credited to William Playfair's Statistical Breviary of 1801
|
||
|
|
|
||
|
|
Mermaid can render Pie Chart diagrams.
|
||
|
|
|
||
|
|
```
|
||
|
|
pie
|
||
|
|
"Dogs" : 386
|
||
|
|
"Cats" : 85
|
||
|
|
"Rats" : 15
|
||
|
|
```
|
||
|
|
```mermaid
|
||
|
|
pie title Pets adopted by volunteers
|
||
|
|
"Dogs" : 386
|
||
|
|
"Cats" : 85
|
||
|
|
"Rats" : 35
|
||
|
|
```
|
||
|
|
|
||
|
|
|
||
|
|
## Syntax
|
||
|
|
|
||
|
|
```
|
||
|
|
pie
|
||
|
|
"DataKey1" : Positive numeric value (upto two decimal places)
|
||
|
|
"Calcium" : 42.96
|
||
|
|
"Potassium" : 50.05
|
||
|
|
"Magnesium" : 10.01
|
||
|
|
"Iron" : 5
|
||
|
|
```
|
||
|
|
```mermaid
|
||
|
|
pie title Key elements in Product X
|
||
|
|
"Calcium" : 42.96
|
||
|
|
"Potassium" : 50.05
|
||
|
|
"Magnesium" : 25.01
|
||
|
|
"Iron" : 15
|
||
|
|
```
|