1. 介绍
甘特图（Gantt chart）又称为横道图、条状图(Bar chart)。其通过条状图来显示项目、进度和其他时间相关的系统进展的内在关系随着时间进展的情况。
2. 语法
1. 代码通用语法
在 markdown 的 代码模块 中编写甘特图，类型是mermaid，命令是gantt，通用注释是%%。
gantt
%% 通用注释
2. 甘特图语法
1. 时间格式声明
用dateFormat声明时间格式，常用的值有YYYY-MM-DD, MM-DD-YYYY, YYYY。
dateFormat YYYY-MM-DD
2. 标题申明
用title声明标题名称
title 甘特图名称
3. 段落声明
用section声明具体段落，一个段落可以包含N个任务
section 段落A
4. 任务声明
任务声明语法如下
任务名称: 是否关键，状态，任务代号，开始时间，结束时间
| 名称 | 值 |
|---|---|
| 是否关键 | crit、缺省 |
| 状态 | done、active、缺省 |
| 任务代号 | 代号名称、缺省 |
| 开始时间 | 声明时间格式的具体时间(如YYYY-MM-DD)、after 其他任务代号、缺省 |
| 结束时间 | 声明时间格式的具体时间(如YYYY-MM-DD)、持续时长(如1d)、缺省 |
值当中有些为 缺省，意味着可以不填该值，以下是各名称缺省对应意义
| 对应名称 | 缺省意义 |
|---|---|
| 是否关键 | 非关键任务 |
| 状态 | 任务未开始 |
| 任务代号 | 任务没有代号 |
| 开始时间 | 任务紧接上一个任务结束时间开始 |
| 结束时间 | 没有持续时长，显示为一个圈 |
3.案例
以下内容来自菜鸟教程
gantt
%% 甘特图实例
dateFormat YYYY-MM-DD
title 软件开发甘特图
section 设计
需求: done, des1, 2014-01-06,2014-01-08
原型: active, des2, 2014-01-09, 3d
UI设计: des3, after des2, 5d
未来任务: des4, after des3, 5d
section 开发
学习准备理解需求: crit, done, 2014-01-06,24h
设计框架: crit, done, after des2, 2d
开发: crit, active, 3d
未来任务: crit, 5d
耍: 2d
section 测试
功能测试: active, a1, after des3, 3d
压力测试: after a1 , 20h
测试报告: 48h