甘特图 vs 时间线

简介 / Introduction

甘特图（Gantt chart）和时间线（Timeline）是项目管理中常用的两种可视化方式。PlantUML 和 Mermaid 都支持这两种图表，但语法和呈现效果各有特点。本文用同一份示例对比两者的实现方式。

PlantUML 版

PlantUML 的甘特图使用 @startgantt 语法，时间线则用 concise 样式或 timeline 关键字。

@startgantt
skinparam backgroundColor #FEFEFE
Project starts the 2026-10-01
[需求分析] as [REQ] lasts 5 days
[系统设计] as [DES] lasts 4 days and starts at [REQ]'s end
[开发实现] as [DEV] lasts 10 days and starts at [DES]'s end
[测试验收] as [TEST] lasts 3 days and starts at [DEV]'s end
[REQ] is colored in #LightBlue
[DES] is colored in #LightGreen
[DEV] is colored in #LightPink
[TEST] is colored in #LightYellow
@endgantt

PlantUML 甘特图的优势在于可以精确控制任务之间的依赖关系（starts at ...'s end），适合复杂的项目计划。

Mermaid 版

Mermaid 的甘特图使用 gantt 关键字，支持按日期区间展示任务进度。

gantt
    title 项目计划
    dateFormat YYYY-MM-DD
    section 开发
    需求分析       :done, req, 2026-10-01, 5d
    系统设计       :done, des, after req, 4d
    开发实现       :active, dev, after des, 10d
    测试验收       :crit, test, after dev, 3d

Mermaid 的甘特图语法更简洁，适合快速展示任务时间段。”done” / “active” / “crit” 等标记直观地表示任务状态。

对比 / Side-by-side

特性	PlantUML	Mermaid
甘特图关键字	`@startgantt`	`gantt`
任务依赖	`starts at [X]'s end`	`after X`
任务颜色	`is colored in #RRGGBB`	不支持直接染色
时间线语法	`concise` 样式 / `timeline`	`timeline`
复杂度支持	高（可多层嵌套）	中（适合简单到中等）

小结 / Wrap-up

PlantUML 甘特图功能强大，支持精细的依赖和样式控制，适合复杂项目计划；Mermaid 甘特图语法简洁，适合日常快速原型和简单排期。两者都没有原生”时间线”专属语法，PlantUML 可通过 concise 或手工绘制近似实现。