Markdown mermaid种草(2)_ pie图

Markdown mermaid种草(2)_ pie图

1 饼图

​ 本小白从饼图开始,是因为饼图最简单.

​ 饼图是统计学和数据分析中常用的图形,通常使用不同面积和不同颜色的扇形来表示总体和部分的比例关系.

​ 饼图本身可以有多种变体,包括复合饼图、三维饼图、环形饼图、分离饼图、强调饼图等等. 但是程序员通常不需要这么多饼图的变体,因此mermaid似乎也只提供了最基础的饼图绘制功能.

2 写法及参数

  • 绘制饼图由一个pie关键字开始
  • 接下来是一个title关键字用以指明饼图的名称,注意这是可选的,可以缺省
  • 接下来是数据集
    • 用双引号" "包围一个区块的标签.
    • 标签后面通过分号:隔开
    • 分号的后面跟上一个正数(最多支持两位小数)
pie
    title 产品X中的关键成分
    "钙" : 10.5
    "钾" : 24.5
    "镁" : 30.0
    "铁" : 35.0
11% 25% 30% 35% 产品X中的关键成分

​ 可以看出,图例是默认的,颜色是随机的,按顺时针方向由占比大向占比小排列各扇形组分.

​ 但是有一点值得诟病:百分占比是由插件自动计算所得,默认是四舍五入的,且不保留小数,则如上图所示,各部分的百分比之和大于100%了.

​ 希望mermaid官方能够进一步优化这些问题.
在这里插入图片描述

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值