甘特图
使用 Mermaid 语法在线创建甘特图,可视化项目时间线和任务依赖关系,支持导出 SVG/PNG。
在左侧输入 Mermaid 代码以查看预览
甘特图(Gantt Chart)是项目管理中最常用的时间线可视化工具,以条形图形式展示任务、持续时间和依赖关系。Mermaid 的 gantt 语法支持任务分组(section)、日期格式自定义、任务间依赖(after 关键字)、里程碑(milestone)和任务状态(done、active、crit)标注。相比 Microsoft Project 或 Jira,Mermaid 甘特图的优势在于可以直接嵌入代码仓库的 README 或 Wiki 中,随项目进展实时更新。适用场景包括:软件发布计划、产品路线图、季度 OKR 分解和跨团队项目协调。对于需要在技术文档中嵌入轻量级项目计划的场景,Mermaid 甘特图是 Excel 和 Notion 看板的高效替代方案。
为什么选择 Zolkit Mermaid 图表生成器?
Zolkit Mermaid 图表生成器是一款纯浏览器工具,无需注册账号、无需安装插件,代码即图,所见即所得。支持 10 种 Mermaid 图表类型,从软件架构图到项目计划甘特图,一键导出 SVG 矢量图或 PNG 位图,满足文档、演示和代码仓库的各种需求。
实时预览
边输入边渲染,无延迟反馈,帮助你快速验证图表语法。
10 种图表类型
支持流程图、时序图、类图、ER 图、甘特图、状态图、思维导图、Git 图、饼图和时间线。
导出 SVG 和 PNG
SVG 无损缩放,PNG 适合截图插入文档,满足不同使用场景。
内置代码示例
每种图表类型均内置可运行示例,一键加载,快速上手。
完全在浏览器中运行
代码和图表数据不离开你的设备,无隐私泄露风险。
免费无限制使用
无需注册,无使用次数限制,随时随地使用。
如何使用
- 1
在左侧代码框中输入或粘贴 Mermaid 语法,右侧即时显示图表预览。
- 2
点击「加载示例」快速获取各图表类型的标准代码模板。
- 3
图表满意后,点击「导出 SVG」或「导出 PNG」保存图表,或点击「复制 SVG」直接粘贴到你的项目中。
常见问题
日期格式支持哪些?
通过 dateFormat 指令设置输入格式,常用的有 YYYY-MM-DD(推荐)。axisFormat 指令控制坐标轴显示格式,例如 axisFormat %m/%d 以月/日格式显示。
如何设置任务依赖?
使用 after 关键字:任务名 :after 前置任务ID, 持续时间。例如 Deploy :after test, 2d 表示部署任务在测试完成后开始,持续 2 天。
如何标记关键路径?
在任务状态中添加 crit 标记:关键任务 :crit, 2024-01-01, 7d,关键路径任务会以红色高亮显示。
里程碑如何设置?
使用 milestone 关键字并设置持续时间为 0d:发布 :milestone, after 测试, 0d,里程碑在图中显示为菱形。