### 甘特圖
通過條狀圖來顯示項目,進度,和其他時間相關的系統進展的內在關係隨著時間進展的情況
語法:以 ``` 開頭,以``` 結尾
gantt為關鍵字
```
gantt
dateFormat YYYY-MM-DD
title 產品計劃表
section 初期階段
明確需求: 2018-09-01, 9d
section 中期階段
跟進開發: 2018-09-11, 15d
section 後期階段
走查測試: 2018-09-20, 9d
```
如上其中
> gantt甘特圖關鍵字,表示這是一個甘特圖
> dateFormat YYYY-MM-DD規定時間軸
> title表示甘特圖標題
> section項目劃分,多個section之間要空行
> section後另起一行表示劃分階段中的任務,其中語法為任務名稱:任務開始時間,任務時長
> 紅線代表是當前時間軸
通過下面的甘特圖來詳細講解
```
gantt
dateFormat YYYY-MM-DD
title 產品計劃表
section 初期階段
完成的任務: done,order1, 2014-01-06,2014-01-08
正進行的任務: active,order2, 2014-01-09, 3d
要做的任務1: order3, after order2, 5d
要做的任務2: order4, after order2, 5d
section 中期階段
完成的關鍵任務1:crit, done, 2014-01-06,24h
完成的關鍵任務2:crit, done, after order1, 2d
正在進行的關鍵任務2:crit, active, 3d
要做的關鍵任務:crit, 5d
要做的任務1:2d
要做的任務2:1d
section 後期階段
正在進行的任務:active, aorder1, after order1, 3d
要做的任務1:after aorder1, 20h
要做的任務:aorder2, after aorder1, 48h
section 維護
要做的任務1:after aorder2, 3d
要做的任務2:20h
要做的任務3:48h
```
任務可以指定多個修飾關鍵字,多個關鍵字用“,”逗號分隔。下面介紹一下任務的修飾關鍵字
任務狀態:任務:狀態標識
任務可以設定排序:任務:排序標識(必須為英文)
然後可以通過after關鍵字來指定任務在哪個排序序列後
任務設定時長:任務:時長
此處的時長可以是日期時間,也可以是指定的天數或小時等一般常用的是d,h。或者指定開始時間和結束時間
詳細的日期和格式參考:https://mermaidjs.github.io/gantt.html
想了解Markdown流程圖可查看:
想了解Markdown時序圖可查看:
閱讀更多 影帝小碼 的文章