Mermaid学习教程,Mermaid画流程图,Mermaid语法讲解,Mermaid使用方法介绍,Mermaid中文参考文档,Mermaid绘图步骤

饼图图表

饼图(或圆图)是一种圆形的统计图形,它被分成多个切片来说明数字比例。在饼图中,每个切片的弧长(以及因此它的中心角和面积)与其表示的数量成正比。虽然它的命名是因为它类似于一个已被切片的馅饼,但它的呈现方式却有所不同。已知最早的饼图通常归功于 William Playfair 1801 年的 Statistical Breviary - 维基百科

Code Chart 可以渲染饼图。

pie title Pets adopted by volunteers
    "Dogs" : 386
    "Cats" : 85
    "Rats" : 15
Pets adopted by volunteers79%17%3%Pets adopted by volunteersDogsCatsRats

句法

在 Code Chart 中绘制饼图非常简单。

  • pie关键字开头以开始图表
    • showData在图例文本之后呈现实际数据值。这是可选的
  • 后跟title关键字及其字符串值,为饼图提供标题。这是可选的
  • 其次是数据集
    • label对于饼图中" "引号内的部分。
    • 后跟:冒号作为分隔符
    • 后跟positive numeric value(支持小数点后两位)

[pie] [showData](可选)[title] [titlevalue](可选)“[datakey1]”:[dataValue1]“[datakey2]”:[dataValue2]“[datakey3]”:[dataValue3]。.

例子

pie showData
    title Key elements in Product X
    "Calcium" : 42.96
    "Potassium" : 50.05
    "Magnesium" : 10.01
    "Iron" :  5
Key elements in Product X40%46%9%5%Key elements in Product XCalcium [42.96]Potassium [50.05]Magnesium [10.01]Iron [5]