ganttv0.9.4

什么是甘特图?

带依赖与里程碑的项目时间线。

在编辑器中打开 →即用模板

gantt

何时使用

Use a 甘特图 when…

Quarterly roadmaps

Construction or content production schedules

Any project with dependencies and dates

语法基础

The minimal syntax

Copy this and you have a working 甘特图. Build from here.

gantt.mmd

gantt
    title Q2 launch
    dateFormat YYYY-MM-DD
    section Design
    Wireframes :a1, 2026-04-01, 7d
    Hi-fi mocks :after a1, 10d
    section Build
    API :2026-04-12, 14d
    UI :2026-04-15, 18d
    section Ship
    QA :2026-05-02, 7d
    Launch :milestone, 2026-05-12, 0d

常见写法

Patterns worth memorizing

after dependencies

`:after a, 5d` — chain tasks without typing dates twice.

Milestones

`:milestone, 2026-05-01, 0d` shows a diamond marker, good for launches.

crit / done

Status keywords colour bars: `crit` (red), `done` (gray), `active` (highlighted).

常见坑点

The things that will trip you up

Mermaid silently ignores misspellings — these are the failures we see most.

01
`dateFormat` must match your input dates exactly — typos give silent off-by-one days.
02
Mermaid Gantt isn't a scheduler: it renders what you wrote, it doesn't solve dependencies.
03
Section headers don't get colors; group with sections for layout, not branding.