饼图基础语法

饼图

饼图(或圆形图)是一种圆形统计图形,将其划分为多个切片以说明数字比例。 在饼图中,每个切片的弧长(及其中心角和面积)与其表示的数量成正比。 虽然它因其类似于切片的馅饼而得名,但它的呈现方式却有多种变化。 已知最早的饼图通常归功于 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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

你们的q哥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值