办公行政甘特图在线生成Mermaid 甘特图项目进度甘特图制作
甘特图文本生成器（Mermaid）
通过表单录入任务清单，自动生成 Mermaid gantt 代码并实时渲染预览，代码可复制到 Typora / Obsidian / Notion，支持 PNG 导出。
| 任务名 | 分组 section | 开始日期 | 工期(天) | 依赖 | 里程碑 | |
|---|---|---|---|---|---|---|
Mermaid 代码
gantt
title 项目计划
dateFormat YYYY-MM-DD
axisFormat %m-%d
section 准备阶段
需求确认 :t1, 2026-10-28, 2d
方案设计 :t2, 2026-10-30, 4d
section 执行阶段
开发实施 :t3, after t2, 8d
终验交付 :milestone, t4, 2026-11-13, 0d渲染预览（仅客户端）
正在加载渲染引擎…
滚轮缩放 · 按住拖拽平移 · 双击复位
使用步骤
- 在任务编辑器中逐行填写任务名称、所属分组、开始日期与工期天数
- 需要依赖时在下拉中选择前序任务，代码自动生成 after 依赖
- 里程碑任务勾选 milestone 标记
- 右侧实时查看 Mermaid 代码与渲染图，复制代码或导出 PNG
生成语法与校验规则
- 生成语法固定包含 dateFormat YYYY-MM-DD，任务行格式为"名称 :[after 依赖,] 开始日期, 工期d"
- 任务名中的冒号、分号等特殊字符自动替换并提示
- 提交前检测循环依赖（如 A→B→A），命中则标红阻止生成
- 任务超过 50 条时给出性能提示
输入输出示例
| 输入 / 情形 | 输出 / 说明 |
|---|---|
需求评审 | 设计 → 开发 → 测试通过依赖串联，开发自动排在设计之后 |
标书项目按"商务标 / 技术标"分 section 分组展示 | |
项目启动、终验等关键节点设为 milestone | |
适用场景
- 项目计划可视化嵌入文档
- 标书施工进度计划图草稿
- 周报附甘特图截图
常见问题
任何支持 Mermaid 的平台均可，如 Typora、Obsidian、GitLab、GitHub、Notion 等，直接粘贴代码块即可渲染。
工具会捕获语法错误并高亮疑似问题行，重点检查任务名称是否含冒号、日期格式是否为 YYYY-MM-DD、依赖是否成环。
预览图为 SVG，导出时序列化为图片并绘制到 Canvas 后下载，全程本地完成，不依赖截图服务。
任务日期统一使用 YYYY-MM-DD 格式，工期按自然日（d）计算，不会自动跳过周末。
建议控制在 50 条以内以保证渲染流畅，超过时工具给出性能提示，超大型计划建议拆分为多张甘特图。
相关工具
同分类常用
工作日天数计算计算两日期之间工作日或推算 N 个工作日后的日期，支持大小周自定义、节假日与调休上班列表，判定优先级清晰。MD 表格转换Markdown 表格与 TSV / CSV / 等宽对齐文本双向互转，自写解析器支持转义还原、中文宽度对齐与 RFC 4180 转义。
搭配下一步使用
规则口径最后核对：2026-10-13