以下是一个 **产品发布项目甘特图示例**，包含多个阶段、任务依赖关系和里程碑标记： --- ```mermaid gantt title 产品发布计划 | 2024年Q3-Q4 dateFormat YYYY-MM-DD axisFormat %Y-%m today 2024-07-01 todayNum 3 barDirection down section 市场调研与规划 市场需求分析 :a1, 2024-07-01, 10d, #f6ad55 竞品分析 :a2, after a1, 7d, #f6ad55 产品定位研讨会 :a3, after a2, 3d, #f6ad55 section 产品开发 功能设计 :b1, after a3, 15d, #6fa8dc 技术开发 :b2, after b1, 30d, #6fa8dc UI/UX设计 :b3, after b1, 20d, #6fa8dc 测试用例编写 :b4, after b2, 5d, #6fa8dc section 测试与优化 内部测试 :c1, after b2, 10d, #9ece6a 用户内测 :c2, after c1, 14d, #9ece6a 问题修复 :c3, after c2, 7d, #9ece6a section 推广准备 宣传文案撰写 :d1, after a3, 10d, #ff9f89 广告素材制作 :d2, after d1, 10d, #ff9f89 合作伙伴沟通 :d3, after d2, 5d, #ff9f89 section 发布与上线 灰度发布 :e1, after c3, 7d, #a9ccf5 全量上线 :e2, after e1, 3d, #a9ccf5 用户反馈收集 :e3, after e2, 14d, #a9ccf5 milestone 关键里程碑 产品原型确定 :milestone, 2024-07-20 内部测试完成 :milestone, 2024-09-05 正式发布 :milestone, 2024-10-01 ``` --- ### 示例说明： 1. **结构解析**： - **颜色分组**：通过 `#颜色代码` 区分不同阶段的任务（如市场调研用橙色 `#f6ad55`，开发用蓝色 `#6fa8dc`）。 - **依赖关系**：例如 `after a3` 表示任务 `b1` 需在 `a3` 完成后开始。 - **时间轴**：`axisFormat %Y-%m` 显示年-月，`today` 标记当前日期（2024-07-01）。 2. **任务定义**： - 每个任务格式： `任务名称 :任务ID, 开始时间/依赖关系, 持续天数, 颜色` - 可用日期格式： `起始日期`（如 `2024-07-01`）或 `after 依赖任务ID`。 3. **关键语法**： - `milestone`：菱形标记关键节点（如 `产品原型确定`）。 - `barDirection down`：任务条垂直向下排列（默认是向上）。 - `todayNum`：设置今日线的粗细（3像素）。 --- ### 渲染效果： ![Mermaid甘特图示例](https://mermaid.ink/img/p/eyJjb2RlIjoiZ2FudHQNCnRpdGxlIHB1YmxpYy1maW5hbmNpZXNcblxuZGF0ZUVhc3RlbnQgIFlVTlgtTT1NLVxuYXhpc1xuICBhc3lTZWxlY3QgICU5JSAoY29kZSB0aGUgYXN5KQ0KICB0aGVuXG4gIHNlY3Rpb24gRXhhbXBsZXIgMSAtIC0NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC