**注意：**饼图&象限图，可使用其他工具或者mermaid官方工具。

饼图&象限图

mermaid官方网站文档教程链接(英文)

社区维护的中文文档站

一、饼图

pie如下仅是基础的常用功能语法，如需更全面内容可参考官网教程文档

基础语法

• 关键字规则：pie必须小写，不能写成Pie/PIE，否则渲染失败；

• 分类名规则：分类名必须用双引号包裹（单引号 / 无引号可能报错），支持中文 / 英文 / 特殊字符（如 “产品 A-1”）；

• 数值规则：数值可以是整数（如 50）、小数（如 45.8），无需手动计算百分比，Mermaid 会自动按总和计算占比；

• 分隔规则：分类名和数值之间用「冒号 + 空格」分隔（仅冒号 / 仅空格也可，但「冒号 + 空格」最稳定）；

• 换行规则：每个数据项单独占一行，不要多个数据项写在同一行；

• 标题规则：title后直接跟标题文字，无需双引号，可省略整行标题。

• 注释规则

  • 单行注释：%% 注释内容（必须以%%开头，可放在行首 / 行尾）；
  • 多行注释：无原生支持，需每行加%%；

示例

代码

pie title 2025年全年营收构成（单位：%） "核心业务-软件订阅" : 38.5 "核心业务-定制开发" : 25.2 "增值服务-技术支持" : 12.8 "增值服务-培训咨询" : 8.7 "新业务-云服务" : 7.3 "新业务-硬件销售" : 4.5 "其他收入-广告/合作" : 3.0

二、象限图

quadrantChart如下仅是基础的常用功能语法，如需更全面内容可参考官网教程文档

基础语法可参考流程图博客：CSDN链接、博客园链接

语法

• 如果图表中没有可用的数据点，坐标轴文本和象限名称将渲染在各自象限的中心位置。 如果有数据点，x 轴标签将从各自象限的左侧渲染，并显示在图表底部，y 轴标签将渲染在各自象限的底部，象限文本将渲染在各自象限的顶部。
• 对于点 x 和 y，最小值为 0，最大值为 1。

示例

quadrantChart title Reach and engagement of campaigns x-axis Low Reach --> High Reach y-axis Low Engagement --> High Engagement quadrant-1 We should expand quadrant-2 Need to promote quadrant-3 Re-evaluate quadrant-4 May be improved Campaign A: [0.3, 0.6] Campaign B: [0.45, 0.23] Campaign C: [0.57, 0.69] Campaign D: [0.78, 0.34] Campaign E: [0.40, 0.34] Campaign F: [0.35, 0.78]

版本兼容性

1. Typora 版本 < 1.0：暂不描述；

2. Typora 版本 ≥ 1.0：暂不描述；

3. 如何查版本：Typora → 帮助 → 关于 Typora（可看到 Typora 版本）。