- Objective: 项目管理
- Breadcrumb:
# 概念阐释
甘特图是一种条状图，用来显示项目的进度、人员以及其他与时间之间的关系。甘特图特别适合作为团队项目管理的工具，因为它能够很好的呈现多个项目在不同的时间里开始或结束的关系，即使是多项目时间重叠也可以一步了然。
# 实例
https://mermaid.js.org/#/
# setting dates
- 制作表格的时间
`dateFormat YYYY-MM-DD`
# excludes
- 日程之外不包括的时间
- `excludes` 接受 YYYY-MM-DD 格式的特定日期、星期几（“星期日”）或“周末”，但不接受“工作日”一词
# Title
```
title A Gantt Diagram
```
# section
- 甘特图的一个组的名次，比如HTML组，task的上一层级
```
section Section
```
# task
## Complete task
```
Completed task :done, des1, 2014-01-06,2014-01-08
```
des: 位置？
起始时间和结束时间
## Active task
```
Active task :active, des2, 2014-01-09, 3d
```
## Future task
```
Future task : des3, after des2, 5d
```
# Comments
`%%`
```mermaid
gantt
dateFormat YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
excludes weekends
%% (`excludes` accepts specific dates in YYYY-MM-DD format, days of the week ("sunday") or "weekends", but not the word "weekdays".)
section A section
Completed task :done, des1, 2014-01-06,2014-01-08
Active task :active, des2, 2014-01-09, 3d
Future task : des3, after des2, 5d
Future task2 : des4, after des3, 5d
section Critical tasks
Completed task in the critical line :crit, done, 2014-01-06,24h
Implement parser and jison :crit, done, after des1, 2d
Create tests for parser :crit, active, 3d
Future task in critical line :crit, 5d
Create tests for renderer :2d
Add to mermaid :1d
Functionality added :milestone, 2014-01-25, 0d
section Documentation
Describe gantt syntax :active, a1, after des1, 3d
Add gantt diagram to demo page :after a1 , 20h
Add another diagram to demo page :doc1, after a1 , 48h
section Last section
Describe gantt syntax :after doc1, 3d
Add gantt diagram to demo page :20h
Add another diagram to demo page :48h
```
![[截屏2022-12-07 17.47.50.png]]
![[截屏2022-12-07 17.48.02.png]]
```mermaid
gantt
apple :a, 2017-07-20, 1w
banana :crit, b, 2017-07-23, 1d
cherry :active, c, after b a, 1d
```
![[截屏2022-12-07 17.48.11.png]]
```mermaid
gantt
dateFormat 2022
title 前端开发学习进度
section HTML
HTML study :done, 2022-08-09, 2022-08-23
HTML review :done, 2022-08-24, 2022-08-31
section CSS
CSS study :done, 2022-09-01,2022-12-06
section JavaScript
JS study :active, des4, 2022-12-07, 4w
section Review
front end Review: after des4,2w
```
# 相关内容
# 参考资料
- [甘特图](https://zh.wikipedia.org/wiki/%E7%94%98%E7%89%B9%E5%9B%BE)
- [甘特图是什么？要怎么制作甘特图？](https://www.zhihu.com/tardis/zm/ans/1432062238?source_id=1003)