Zolkit

饼图

使用 Mermaid 语法在线创建饼图,快速可视化比例数据,支持导出 SVG/PNG。

预览

在左侧输入 Mermaid 代码以查看预览

饼图(Pie Chart)是展示各部分占整体比例的经典数据可视化形式,适合展示市场份额、流量来源分布、预算分配等比例数据。Mermaid 的 pie 语法极为简洁:只需指定标题和各项数值,渲染引擎会自动计算百分比并生成彩色扇形图。与 Excel 或 Tableau 相比,Mermaid 饼图可直接嵌入 Markdown 文档,无需额外工具,适合在技术报告、数据分析总结和项目文档中快速插入比例图表。虽然 Mermaid 饼图功能相对简单(不支持环形图、多系列等高级功能),但对于在文档中嵌入轻量级比例数据可视化的场景,它是最简便的解决方案,平均每张图表只需 3-5 行代码。

为什么选择 Zolkit Mermaid 图表生成器?

Zolkit Mermaid 图表生成器是一款纯浏览器工具,无需注册账号、无需安装插件,代码即图,所见即所得。支持 10 种 Mermaid 图表类型,从软件架构图到项目计划甘特图,一键导出 SVG 矢量图或 PNG 位图,满足文档、演示和代码仓库的各种需求。

实时预览

边输入边渲染,无延迟反馈,帮助你快速验证图表语法。

10 种图表类型

支持流程图、时序图、类图、ER 图、甘特图、状态图、思维导图、Git 图、饼图和时间线。

导出 SVG 和 PNG

SVG 无损缩放,PNG 适合截图插入文档,满足不同使用场景。

内置代码示例

每种图表类型均内置可运行示例,一键加载,快速上手。

完全在浏览器中运行

代码和图表数据不离开你的设备,无隐私泄露风险。

免费无限制使用

无需注册,无使用次数限制,随时随地使用。

如何使用

  1. 1

    在左侧代码框中输入或粘贴 Mermaid 语法,右侧即时显示图表预览。

  2. 2

    点击「加载示例」快速获取各图表类型的标准代码模板。

  3. 3

    图表满意后,点击「导出 SVG」或「导出 PNG」保存图表,或点击「复制 SVG」直接粘贴到你的项目中。

常见问题

饼图数值需要手动计算百分比吗?

不需要。直接输入原始数值,Mermaid 会自动计算各项占总量的百分比并显示在图例中。例如输入 45.2 和 22.8,会自动计算为约 66% 和 34%。

如何设置饼图的标题?

在 pie 关键字后用 title 指令设置标题:pie title 流量来源,标题会显示在图表顶部。

饼图支持自定义颜色吗?

标准 Mermaid 饼图不支持自定义颜色,颜色由主题自动分配。如需自定义颜色,可在导出 SVG 后手动编辑填充色。

Mermaid 支持环形图吗?

目前 Mermaid 的饼图不支持环形(donut)样式。如需环形图,建议使用 Chart.js 或 ECharts 等专业图表库。