Skip to content

Pie chart diagrams#

Mermaid can render Pie Chart diagrams.

pie title Pets adopted by volunteers
    "Dogs" : 386
    "Cats" : 85
    "Rats" : 15
pie title Pets adopted by volunteers
    "Dogs" : 386
    "Cats" : 85
    "Rats" : 15

Syntax#

Drawing a pie chart is really simple in mermaid.

  • Start with pie keyword to begin the diagram
  • Followed by title keyword and its value in string to give a title to the pie-chart. This is OPTIONAL
  • Followed by dataSet
  • label for a section in the pie diagram within " " quotes.
  • Followed by : colon as separator
  • Followed by positive numeric value (supported upto two decimal places)

円グラフを描くことはmermaidで本当に簡単です。

  • 図を開始するには、pieキーワードで開始します
  • 円グラフにタイトルを付けるために、titleキーワードとその文字列の値が続きます。

以下はオプションです * その後にdataSetが続きます * 「」引用符内の円グラフのセクションのラベル。 * 後に続く：区切り文字としてのコロン * その後に正の数値が続きます（小数点以下第2位までサポートされます）

[pie] [title] [titlevalue] (OPTIONAL) "[datakey1]" : [dataValue1] "[datakey2]" : [dataValue2] "[datakey3]" : [dataValue3] . .

pie
    title Key elements in Product X
    "Calcium" : 42.96
    "Potassium" : 50.05
    "Magnesium" : 10.01
    "Iron" :  5
pie
    title Key elements in Product X
    "Calcium" : 42.96
    "Potassium" : 50.05
    "Magnesium" : 10.01
    "Iron" :  5