依赖与里程碑
让任务在前置工作后开始，并将交付、审批或评审节点标记为里程碑。
项目时间线规划
Mermaid 甘特图在线编辑器
在线创建 Mermaid 甘特图，规划任务、里程碑、持续时间、依赖关系和交付阶段，编辑时间线源码并导出 SVG 或 PNG。
在线创建 Mermaid 甘特图
从简洁的发布计划开始，修改日期、工期、依赖、里程碑和分组，并同步查看时间线。
把时间线逻辑保存在可评审文本中
Mermaid 甘特图语法以紧凑文本记录任务时间、状态、分组和依赖，可随交付计划持续演进。
分组与任务状态
对相关工作分组，并区分进行中、已完成、关键和计划任务。
实时 Mermaid 预览
修改源码时同步查看渲染结果，并在源码旁直接检查语法反馈。
无需本地安装
直接在现代浏览器中使用，无需安装 Mermaid CLI、桌面应用或编辑器插件。
继续使用 OnUML
将当前源码带入完整编辑器，继续使用 AI 生成、修复、分享和项目管理。
如何创建 Mermaid 甘特图
统一日期格式、划分工作分组并表达依赖，再添加真正影响排期决策的细节。
- 01
添加 gantt 声明、清晰标题和显式日期使用的 dateFormat。
- 02
按阶段、团队或工作流创建读者需要比较的 section。
- 03
为关键任务设置稳定 ID，供后续任务使用 after 依赖。
- 04
添加工期、里程碑和能说明当前计划的状态标记。
- 05
检查重叠与关键交接，然后导出或继续编辑。
Mermaid 甘特图语法与排期决策
易读的甘特图聚焦顺序、时间和职责边界，而不是复制项目管理工具中的每个执行事项。
统一使用日期格式
在任务前声明 dateFormat，并用相同格式填写显式日期，保持源码可预测、易评审。
建立稳定任务依赖
为前置任务设置 ID，再使用 after 表达顺序，无需手工重新计算每个开始日期。
用里程碑表示决策点
里程碑可表示审批、发布、交接或合同截止日期；需要表示一个精确时间点时，可以使用 0d 工期。
保持规划层级
只加入会影响排期理解的任务，把细粒度执行清单保留在项目管理工具中。
Mermaid 甘特图示例
示例使用两个分组和依赖日期，规划需求、原型、实现和发布里程碑。
gantt
title 产品发布计划
dateFormat YYYY-MM-DD
axisFormat %m-%d
section 设计
需求确认 :done, req, 2026-09-01, 3d
原型设计 :active, proto, after req, 4d
section 交付
功能实现 :dev, after proto, 7d
正式发布 :milestone, release, after dev, 0d比较规划图表
选择合适的文本图表工作流
了解 Mermaid 与 PlantUML 如何支持技术文档，以及时间线图在整体图表体系中的位置。
阅读 Mermaid 与 PlantUML 对比 →相关 Mermaid 工具
继续使用通用编辑器，浏览本批工具目录，或用相关建模视角对照当前图表。
常见问题
什么是 Mermaid 甘特图在线编辑器？
它是在浏览器中编写 Mermaid gantt 语法、预览项目时间线并导出 SVG 或 PNG 的工具。
如何设置日期格式？
在图表开头添加 dateFormat，例如 YYYY-MM-DD，并让显式任务日期使用同一格式。
Mermaid 甘特图可以设置任务依赖吗？
可以，为前置任务设置 ID，再用 after 加该 ID 安排后续任务。
可以添加里程碑吗？
可以，将任务标记为 milestone。Mermaid 根据任务开始时间和工期确定位置；发布、审批或交接表示单一时间点时可使用 0d。
可以显示已完成或关键任务吗？
可以，done、active 和 crit 等标记可表达任务状态和排期重要性。
可以导出 SVG 或 PNG 吗？
可以，检查时间线预览后即可下载适合文档的 SVG 或适合分享的 PNG。