以下是一个简单的 Mermaid 甘特图示例，展示一个软件开发项目的任务计划： ```mermaid gantt title 软件开发项目计划 dateFormat YYYY-MM-DD axisFormat %Y-%m today bg="#555555" section 需求分析 需求调研 :a1, 2024-01-02, 15d 需求文档编写 :a2, after a1, 7d section 开发阶段 后端开发 :b1, 2024-02-01, 30d 前端开发 :b2, after b1, 30d 移动端开发 :b3, after b1, 30d section 测试阶段 功能测试 :c1, after b2, 15d 性能测试 :c2, after c1, 10d 安全测试 :c3, after c2, 5d section 发布与维护 灰度发布 :d1, 2024-05-01, 7d 全量上线 :d2, after d1, 3d 用户反馈收集 :d3, after d2, 14d milestone 重要里程碑 系统架构评审 :milestone, 2024-01-20 内部测试完成 :milestone, 2024-04-15 正式发布 :milestone, 2024-05-10 ``` --- ### 示例说明： 1. **结构解析**： - `title`：图表标题。 - `dateFormat`：日期格式（此处为 `YYYY-MM-DD`）。 - `axisFormat`：时间轴显示格式（如 `2024-01`）。 - `today`：高亮当前日期（需浏览器支持）。 2. **任务定义**： - `section`：分组任务（如需求分析、开发阶段等）。 - 任务行格式： `任务名称 :任务ID, 开始时间, 持续天数` 或 `任务名称 :任务ID, after 依赖任务ID, 持续天数` - `milestone`：里程碑标记（如关键节点）。 3. **关键语法**： - `:a1`：任务唯一标识符，用于依赖关系（如 `after a1`）。 - `15d`：表示 15 天，也可用日期范围（如 `2024-01-02, 2024-01-16`）。 - `milestone`：标记关键节点，显示为菱形图标。 --- ### 渲染效果： ![Mermaid甘特图示例](https://mermaid.ink/img/p/eyJjb2RlIjoiZ2FudHRcbiAgICB0aXRsZSBzZWFyY2gtdGVzdFxuICAgIGRlZmF1bHQgZGF0ZSAtICgyMDE5LTEwLTAxKQ0KICAgIGF4aXNcbiAgICB0aGVuDQogICAgc2VjdGlvbiBFeGFtcGxlcjEgLSAtDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg