Diagram.RS

甘特图制作工具

通过文本列出任务、分组、时长和依赖关系来规划项目时间线。Diagram.RS 使用 Mermaid 语法实时渲染交互式甘特图,适用于项目计划和路线图。

图表代码
预览
Theme
Default
试试示例

如何在线制作甘特图

  1. 以 gantt 开头,并设置 dateFormat,例如 YYYY-MM-DD。
  2. 用 section 对任务分组,并按 id、开始时间和时长列出每个任务。
  3. 使用 after <id> 让任务依赖其他任务,使用 crit 标记关键路径任务。
  4. 将时间线导出为 SVG 或 PNG,用于项目计划。

甘特图常见问题

如何免费在线制作甘特图?
以 gantt 开头,设置 dateFormat,然后在 section 下按 '名称 :id, 开始时间, 时长' 的格式列出任务,例如 Research :a1, 2026-01-01, 7d,时间线会即时渲染。
如何让一个任务依赖另一个任务?
使用 'after <id>' 代替开始日期,例如 Wireframes :a2, after a1, 5d,该任务会在引用的任务完成后开始。
可以高亮显示关键任务吗?
可以,在任务 id 前加上 'crit',例如 Go live :crit, b1, after a2, 1d,将其标记为关键路径任务。

更多图表工具