使用 Markdown 画甘特图
# 90.使用 Markdown 画甘特图
日常工作中多个项目并行推进时,可以用甘特图清晰地描述每个任务的进度,以及当前状态。
使用 Markdown 可以快速便捷地生成甘特图,满足日常工作需求。
# 快速入门
示例:
gantt
title 甘特图
dateFormat YYYY-MM-DD
section 项目 A
任务1: a1, 2024-05-20, 30d
任务2: after a1, 20d
1
2
3
4
5
6
2
3
4
5
6
效果:
说明:
-
gantt
:表示图表类型为甘特图 -
dateFormat
:指定日期格式(Y 表示年,M 表示月,D 表示日)。例如用 YYYY 表示年份用四位数(例如 2024 ),用 YY 则表示年份用 2 位数(例如 24)。更多格式请参考官方文档 (opens new window)。 -
section
:项目关键字,空格之后输入项目名称。 - 任务行:
section
后每一行为一个任务。第一个字符串为任务名称,之后以:
开头,添加任务属性。
# 常见任务属性
接下来用下面代码实例说明常见任务属性。任务属性的顺序:
任务名: 任务状态, desc, 任务时长
1
任务状态:
-
done
:已完成 -
active
:正在进行 -
crit
:关键任务 - 如果不填,则默认是待完成状态
desc:任务的描述
任务时长:
- 指定范围,如:2014-01-06, 2014-01-08
- 指定天数,如:5d
- 指定开始日期+天数,如:2014-01-06,5d
示例:
gantt
dateFormat YYYY-MM-DD
title 使用 mermaid 语言定制甘特图
section 写博客
写标题 :done, des1, 2014-01-06,2014-01-08
写正文 :active, des2, 2014-01-09, 3d
写结尾 : des3, after des2, 5d
发文章 : des4, after des3, 5d
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
效果:
# 参考
Markdown 绘制甘特图教程 - 简书 (opens new window)
Gantt diagrams | Mermaid Docs (opens new window)
上次更新: 2024/7/26 19:35:21