使用mermaid語言定製甘特圖
阿新 • • 發佈:2022-05-06
gantt
dateFormat YYYY-MM-DD
title 使用mermaid語言定製甘特圖
section 任務1
已完成的任務 :done, des1, 2014-01-06, 2014-01-08
正在進行的任務 :active, des2, 2014-01-09, 3d
待完成任務1 :des3, after des2, 5d
待完成任務2 :des4, after des3, 5d
section 關鍵任務
已完成的關鍵任務 :crit, done, 2014-01-06,24h
已完成的關鍵任務2 :crit, done, after des1, 2d
正在進行的關鍵任務 :crit, active, 3d
待完成的關鍵任務 :crit, 5d
待完成任務 :2d
待完成任務2 :1d
section 文件編寫
描述甘特圖語法 :active, a1, after des1, 3d
完成甘特圖例項1 :after a1 , 20h
完成甘特圖例項2 :doc1, after a1 , 48h
描述任務時間關係。des3, after des2表示des3緊跟在des2之後。
任務時長有三種方式:
gantt dateFormat YYYY-MM-DD title 使用mermaid語言定製甘特圖 todayMarker off %% 去除當前時間線 excludes weekends %% 只計算工作日 section 任務1 已完成的任務 :done, des1, 2014-01-06, 2014-01-08 正在進行的任務 :active, des2, 2014-01-09, 3d 待完成任務1 :des3, after des2, 5d 待完成任務2 :des4, after des3, 5d section 關鍵任務 已完成的關鍵任務 :crit, done, 2014-01-06,24h 已完成的關鍵任務2 :crit, done, after des1, 2d 正在進行的關鍵任務 :crit, active, 3d 待完成的關鍵任務 :crit, 5d 待完成任務 :2d 待完成任務2 :1d section 文件編寫 描述甘特圖語法 :active, a1, after des1, 3d 完成甘特圖例項1 :after a1 , 20h 完成甘特圖例項2 :doc1, after a1 , 48h
mermaid:圖中紅框第一行內容與最後一行內容,表示當前使用的語言為mermaid。
gantt:表示圖表型別為甘特圖
dateFormat:指定日期格式(Y表示年,M表示月,D表示日)。YYYY-MM-DD(2019-03-14),YY-MM-DD(19-03-14)
section: 專案關鍵字,空格之後輸入專案名稱。
任務行: section後每一行為一個任務。第一個字串為任務名稱,之後以:開頭,新增任務屬性。
接下來用下面程式碼例項說明常見任務屬性。
任務狀態:
- done 已完成
- active正在進行
- crit 關鍵任務
- 預設任務都為待完成狀態
任務描述:在des1、des2位置新增任務描述,其它任務引用時直接引用des1就可以。
after:
任務時長有三種方式:
- 時間範圍 如:2014-01-06,2014-01-08
- 指定天數 如:5d
- 指定開始日期+天數 如:2014-01-06,5d
PS:所有關鍵字之間用“,”分隔,關鍵字需要屬性時用空格分隔(如:after des2,)。