饼图
饼图(或圆形图)是一种圆形统计图形,将其划分为多个切片以说明数字比例。 在饼图中,每个切片的弧长(及其中心角和面积)与其表示的数量成正比。 虽然它因其类似于切片的馅饼而得名,但它的呈现方式却有多种变化。 已知最早的饼图通常归功于 William Playfair 于 1801 年出版的统计手册 - 维基百科
JHL 在线编辑 可以渲染饼图。
代码:
pie title Pets adopted by volunteers
"Dogs" : 386
"Cats" : 85
"Rats" : 15
句法
在美人鱼中绘制饼图非常简单。
以pie关键字开头来开始图表
showData 在图例文本之后呈现实际数据值。 这是可选的
后面跟着 title 关键字及其字符串值,为饼图提供标题。 这是可选的
接下来是数据集。 饼图切片将按与标签相同的顺序顺时针排序。
饼图中“”引号内的部分的标签。
后跟:冒号作为分隔符
后跟正数值(最多支持两位小数)
[pie] [showData](可选)[title] [titlevalue](可选) "[datakey1]" : [dataValue1] "[datakey2]" : [dataValue2] "[datakey3]" : [dataValue3] 。 。
Example
%%{init: {"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
配置
可能的饼图配置参数:
参数 | 描述 | 默认值 |
---|---|---|
textPosition | 饼图扇区标签的轴向位置,从圆的中心 0.0 到圆外边缘的 1.0。 | 0.75 |