Markdown 中饼图如何使用 👈点击这里也可查看
1. 前言
Markdown 的原生语法不支持绘制图形,但通过扩展模块,我们可以将一些格式化的文字渲染成我们需要的图形。常用的图形有 “流程图”、“时序图”、“类图”、“状态图”、“甘特图”、“饼图” 等。
本章,我们将主要介绍「饼图」。
饼图(Pie chart)是将一个圆形,分成面积相同或不同的若干区域,用来表示不同内容占比的图形。
2. 语法详解
饼图的定义包含「标题」、「内容名称」和「内容权重」三项,其中「内容权重」会在渲染时,自动转换为百分比并显示在饼图上。
在Mermaid
里,画饼图真的很简单。
- 从
pie
关键字开始 - 后跟
title
关键字定义标题(可选) - 后跟
dataSet
- 在
""
内定义每一个部分的标签名称。 - 后跟
:
作为分隔符 - 后跟
positive numeric value
(支持最多两位小数)
- 在
[pie] [title] [titlevalue] (OPTIONAL)
"[datakey1]" : [dataValue1]
"[datakey2]" : [dataValue2]
"[datakey3]" : [dataValue3]...
实例一:
代码:
```mermaid
pie title 宠物的选择
"狗" : 386
"猫" : 85
"兔子" : 15
``
渲染:
3. 使用场景及实例
致富之路必学的技能饼图绘制
实例二:
代码:
```mermaid
pie
title 致富之路必学的技能
"销售技巧": 10
"市场营销": 8
"投资理财": 10
"网络营销": 6
"创业思维": 8
"人际关系": 7
"沟通能力": 5
"时间管理": 6
"领导能力": 4
"创新能力": 6
"财务管理": 7
"品牌建设": 5
"战略规划": 6
"市场调研": 4
"团队合作": 6
"数据分析": 5
"创业精神": 7
"决策能力": 4
"商业模式": 6
"风险管理": 5
"执行力": 7
"个人品牌": 4
"创业机会": 6
"协商能力": 5
"市场定位": 7
"团队管理": 4
"人力资源": 6
"创业计划": 5
"产品设计": 7
"竞争分析": 4
"价值观塑造": 6
"营销策略": 5
"项目管理": 7
"创业资金": 4
"创业判断": 6
"商业伦理": 5
"产品定位": 7
"市场推广": 4
"技术创新": 6
"财务预测": 5
"创业合伙": 7
"供应链管理": 4
"商业智能": 6
"产业分析": 5
"创业团队": 7
"投资回报": 4
"市场战略": 6
"商业模式创新": 5
"销售渠道": 7
"财务报表": 4
"资源整合": 6
"竞争优势": 5
"品牌推广": 7
"成本控制": 4
"市场份额": 6
"商业谈判": 5
"创业项目": 7
"融资方案": 4
"商业伙伴": 6
"市场需求": 5
"创业成功案例": 7
"经营策略": 4
"创业思路": 6
"竞争对手": 5
"产品研发": 7
"风险投资": 4
"商业价值": 6
"市场策略": 5
"品牌价值": 7
"利润分析": 4
"团队协作": 6
"市场调整": 5
"商业计划书": 7
"创新管理": 4
"企业文化": 6
"市场扩张": 5
"创业心态": 7
"资本运作": 4
"商业洞察": 6
"市场监测": 5
"创业经验": 7
"财务分析": 4
"营销渠道": 6
"用户需求": 5
"创业团队建设": 7
"品牌认知": 4
"商业伙伴关系": 6
"市场推广策略": 5
"创业失败案例": 7
"成本核算": 4
"商业判断": 6
"市场竞争": 5
"创业环境": 7
"融资渠道": 4
"商业模式设计": 6
"市场分析": 5
"品牌管理": 7
"利润管理": 4
"团队协作能力": 6
"市场营销策略": 5
"创业资源": 7
"股权结构": 4
"商业智能分析": 6
"市场行为": 5
"创业激励": 7
"投资收益": 4
"商业模式创新能力": 6
"市场调查": 5
"品牌建设能力": 7
"投资风险": 4
"品牌形象": 6
"市场定位能力": 5
"创业计划书": 7
``
渲染: