本文来自「大千AI助手」技术实战系列，专注用真话讲技术，拒绝过度包装。

• Mermaid饼图能在Markdown中直接创建专业图表，无需切换工具！
• 最重要的是这种图表是声明式图表，因此可以使用提示词让各种大模型输出相关图表。

往期文章推荐:

• 19.5分钟玩转Swagger UI：Docker部署+静态化实战
• 18.记录下blog的成长过程
• 17.再说一说LangChain Runnable接口
• 16.Docker实战：5分钟搞定MySQL容器化部署与最佳实践
• 15.Ollama模板全解析：从基础语法到高级应用实战
• 14.Ollama完全指南：从零开始玩转本地大模型部署
• 13.django中如何解析content-type=application/json的请求
• 12.实测DeepSeek分词机制：你的输入如何变成计费Token？
• 11.英语分词进化论：BPE相关论文汇总
• 10.硬核实战 | 3分钟Docker部署ClickHouse列存数据库
• 9.技术深解 | DeepSeek-R1-0528训练参数全透视：163K上下文与MoE高效架构的基石
• 8.DeepSeek最新升级实测：推理能力翻倍，但离世界顶尖还有多远？
• 7.血泪教训！Redis默认配置竟会导致数据丢失？Docker生产部署指南
• 6.Function Call：大模型如何突破自身局限“使用工具“
• 5.DeepSeek动手实践：创建一个自动连点器
• 4.告别无效提示！使用少样本学习让AI秒懂你的需求
• 3.解密PromptTemplate：为什么说它是AI时代的Jinja模板？
• 2.LangChain Core架构解析：模块化设计与LCEL原语实现原理
• 1.拒绝重复造轮子！LangChain如何简化LLM应用开发？

为什么选择Mermaid饼图？

• 🚀 原生支持：直接嵌入Markdown文件
• 📊 动态生成：修改数据自动更新图表
• 🔗 无缝集成：VS Code/Jupyter等工具原生支持

核心语法速查

• 渲染代码块
  ```mermaid
  pie
  title 图表标题
  “标签1” : 1
  “标签2” : 2
  ```
• 可视化结果
  

关键术语

• 通过关键词pie标识为画饼图
• showData- 标签旁展示数据
  • 格式 pie showData
  • 默认不展示
• title- 设置标题
  • 格式 - title <title>
• 数据格式
  • 每行 "<label>": <value>
    • <label>为标签名称
    • <value>为取值

示例

1.不显示数据标签

• 渲染代码块
  ```mermaid
  pie
  title 网络服务提供商分布
  “中国大陆” : 336244699
  “电信” : 137027601
  “联通” : 79009205
  “移动” : 35366683
  “铁通” : 24553340
  “教育网” : 17143530
  “鹏博士” : 8754246
  “华数” : 111888
  “方正网络” : 740480
  “歌华网络” : 862312
  “阿里巴巴” : 3703716
  ```

• 可视化结果
  

2.显示数据标签

• 渲染代码块
  ```mermaid
  pie showData
  title 网络服务提供商分布
  “中国大陆” : 336244699
  “电信” : 137027601
  “联通” : 79009205
  “移动” : 35366683
  “铁通” : 24553340
  “教育网” : 17143530
  “鹏博士” : 8754246
  “华数” : 111888
  “方正网络” : 740480
  “歌华网络” : 862312
  “阿里巴巴” : 3703716
  ```

• 可视化结果
  

参考

• https://mermaid.js.org/syntax/pie.html

本文由「大千AI助手」原创发布，专注用真话讲AI，回归技术本质。拒绝神话或妖魔化。搜索「大千AI助手」关注我，一起撕掉过度包装，学习真实的AI技术！