Mermaid 在线图表

流程图、时序图、类图、甘特图：本地解析、严格安全过滤、可导出的 SVG 与 PNG 计划。本地处理（断网可用）

甘特图

解析 gantt 的 title、dateFormat、section 与任务（状态/id/开始/工期），生成分区与任务条 SVG 计划。

在浏览器中运行

输入与参数

input — Mermaid 甘特图源码

真实示例

gantt
  title 图表交付里程碑（本地渲染）
  dateFormat YYYY-MM-DD
  axisFormat %m/%d
  section 解析与校验
  类型识别 :done, p1, 2026-11-01, 3d
  语法定位 :active, p2, after p1, 4d
  section 导出
  SVG 计划 : p3, 2026-11-08, 2d
  PNG 非空白判定 : p4, after p3, 3d
→ gantt：2 分区 / 4 任务；中文标题、done/active 状态、after 依赖与 3d 工期保留；SVG 含 section、task、task-date 分组。

限制与失败处理

excludes/includes/todayMarker 只记录不绘制；不计算真实日历、工作日或依赖关键路径。固定示例使用 2026-11 的日期作为可读样例，不代表已完成测试。

FAQ

任务少写字段会报错吗？

会返回 MALFORMED_TASK，定位到冒号之后；缺少冒号返回 MISSING_TASK_SEPARATOR。

日期会换算成真实时间轴吗？

不会。本轮记录原始日期/工期文本并生成确定性任务条，不是真实 Mermaid 时间轴布局。