Typora绘制-饼图&象限图

**注意：**饼图&象限图，可使用其他工具或者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

39% 25% 13% 9% 7% 5% 3% 2025年全年营收构成（单位：%） 核心业务-软件订阅 核心业务-定制开发 增值服务-技术支持 增值服务-培训咨询 新业务-云服务 新业务-硬件销售 其他收入-广告/合作

二、象限图

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]

We should expand Need to promote Re-evaluate May be improved Campaign F Campaign E Campaign D Campaign C Campaign B Campaign A Low Reach High Reach Low Engagement High Engagement Reach and engagement of campaigns

版本兼容性

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

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

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