以下是一个复杂的 **Mermaid 甘特图** 示例，包含 **多项目并行、里程碑、依赖关系、进度跟踪、自定义样式** 等高级功能： ```mermaid gantt title 产品研发与上线计划（2024 Q3） dateFormat YYYY-MM-DD axisFormat %m/%d %% 全局设置 tickInterval 2week todayMarker off %% 定义项目段 section 核心功能 需求分析 :a1, 2024-07-01, 15d 技术设计 :a2, after a1, 10d 开发 :a3, after a2, 30d 单元测试 :a4, after a3, 7d 集成测试 :a5, after a4, 10d section 运维准备 服务器采购 :crit, b1, 2024-08-01, 14d 环境配置 :b2, after b1, 7d 压力测试 :b3, after b2, 2024-09-05 section 市场推广 宣传材料设计 :c1, 2024-08-15, 21d 媒体合作 :c2, after c1, 14d 线上发布会 :milestone, m1, 2024-09-20, 1d %% 复杂依赖关系 集成测试 a5 :after b2, 5d 压力测试 b3 :after a5, 3d 媒体合作 c2 :after a4, 2d %% 进度跟踪 开发 a3 :progress, 2024-08-10, 20d 单元测试 a4 :active, 2024-09-01, 3d %% 自定义样式 style a1 fill:#6bd4cd,stroke:#333 style b1 fill:#ff6b6b,stroke:#900 style m1 fill:#f9ca24,stroke:#d35400 classDef critical fill:#ff7675,stroke:#d63031; class b1,critical ``` ### 核心功能说明： 1. **多项目并行**： - 三个独立板块（核心功能/运维准备/市场推广）同步推进 - 使用 `section` 划分不同业务线 2. **关键路径标记**： - `crit` 标记关键路径任务（服务器采购） - 红色高亮显示阻塞性任务 3. **复杂依赖**： - 跨部门依赖（集成测试需环境配置完成后开始） - 偏移依赖（`after b2, 5d` 表示5天间隔） 4. **动态状态**： - `progress` 显示开发任务当前进度（已完成20天） - `active` 标记正在进行的单元测试 5. **里程碑事件**： - 黄色菱形标记线上发布会 - 自动对齐到时间轴 6. **时间轴增强**： - 双周刻度（`tickInterval 2week`） - 自定义日期格式（`axisFormat %m/%d`） ### 实际应用场景： 此甘特图适用于： - **跨部门协作项目**（研发/运维/市场三线并行） - **硬件+软件结合项目**（服务器采购与开发测试的依赖） - **强时间约束项目**（发布会日期不可变更） 如果需要更复杂的功能（如资源分配、基线比较），可扩展使用： ```mermaid gantt %% 示例：资源分配 task1 :dev1, 2024-07-01, 10d task2 :dev2, after dev1, 5d task3 :dev1, after dev2, 8d ``` 这样的甘特图能清晰展示： ✅ 关键路径和浮动时间 ✅ 跨团队依赖关系 ✅ 实时进度与计划对比