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