以下是更完整的 Mermaid 甘特图示例，包含更多实用功能和注释说明： ```mermaid gantt title 软件开发项目甘特图（2023年第四季度） dateFormat YYYY-MM-DD axisFormat %b %d（第%U周） todayMarker off %% 全局设置 tickInterval 1week weekend fill %% 里程碑定义 milestone 项目启动 :milestone, m1, 2023-10-02, 0d milestone 正式上线 :milestone, m2, 2023-12-15, 0d section 需求分析 用户访谈 :a1, 2023-10-02, 5d 需求文档编写 :a2, after a1, 7d 原型设计 :a3, 2023-10-09, 10d 需求确认 :a4, after a2 and a3, 3d section 开发阶段 数据库设计 :crit, b1, after a4, 5d 前端框架搭建 :b2, after b1, parallel b3, 7d 后端核心开发 :crit, b3, after b1, 14d API联调 :b4, after b2 and b3, 5d section 测试验收 单元测试 :c1, after b4, 5d 压力测试 :crit, c2, after c1, 7d 用户Beta测试 :c3, after c2, 10d 修复缺陷 :c4, after c3, 5d section 部署发布 生产环境准备 :d1, after c4, 3d 灰度发布 :crit, d2, after d1, 2d 全量发布 :d3, after d2, 1d %% 特殊标记 section 关键路径 crit_path :crit, after b1, 33d ``` ### 完整功能说明： 1. **时间轴控制**： - `axisFormat` 自定义坐标轴日期显示格式 - `tickInterval` 设置刻度间隔（1天/周/月） - `weekend fill` 高亮周末 2. **任务关系**： - 顺序依赖：`after taskID` - 并行任务：`parallel taskID` - 多条件依赖：`after X and Y` 3. **特殊元素**： - `milestone` 里程碑（菱形标记） - `crit` 关键路径（红色显示+虚线连接） - `todayMarker` 是否显示今日标记线 4. **可视化优化**： - 使用注释 `%%` 提高可读性 - 通过空 `section` 创建视觉分组 - 用虚拟任务（如crit_path）显示关键路径 5. **进度状态**： - 支持 `done`（已完成） - `active`（进行中） - 默认未开始状态 ### 高级技巧： 1. 要显示百分比进度，可以添加： ``` 前端开发 : done, 30% API开发 : active, 60% ``` 2. 对于跨部门协作项目，建议： - 每个部门一个section - 用不同颜色区分（需支持CSS的渲染环境） 3. 在VS Code中使用时： - 安装Mermaid插件 - 添加`%%{init: {'theme': 'base'}}%%`自定义样式 这个示例涵盖了实际项目管理的常见需求，包括并行任务、关键路径分析、里程碑跟踪等场景。你可以根据实际项目时间调整日期和依赖关系。