Typora绘制-饼图象限图

注意：饼图&象限图(Typora有版本问题)，可使用flowchart绘制基础的象限图，也可使用其他工具或者mermaid官方工具。

饼图&象限图

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

社区维护的中文文档站

一、饼图

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

基础语法

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

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

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

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

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

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

• 注释规则

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

示例

代码

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

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

二、象限图

Typora绘制会有问题，基础象限图可以使用flowchart绘制，如需更全面内容和象限图方式可参考官网教程文档

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

示例

flowchart LRsubgraph 四象限图direction TBsubgraph 上半区direction LRQ2["重要不紧急"] --- Q1["重要且紧急"]endsubgraph 下半区direction LRQ3["不重要不紧急"] --- Q4["紧急不重要"]end上半区 --- 下半区end标注1["纵轴：重要度(上高下低)"] -.-> 上半区标注2["横轴：紧急度(右高左低)"] -.-> Q1%% 数据点示例（文字标注）Q1:::point --> 写周报Q2:::point --> 学习新技能Q3:::point --> 刷短视频Q4:::point --> 临时会议classDef point fill:#fff,stroke:#666,stroke-width:1px

flowchart LRsubgraph 四象限图direction TBsubgraph 上半区direction LRQ2["重要不紧急"] --- Q1["重要且紧急"]endsubgraph 下半区direction LRQ3["不重要不紧急"] --- Q4["紧急不重要"]end上半区 --- 下半区end标注1["纵轴：重要度(上高下低)"] -.-> 上半区标注2["横轴：紧急度(右高左低)"] -.-> Q1%% 数据点示例（文字标注）Q1:::point --> 写周报Q2:::point --> 学习新技能Q3:::point --> 刷短视频Q4:::point --> 临时会议classDef point fill:#fff,stroke:#666,stroke-width:1px

版本兼容性

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

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

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