1. 程式人生 > 其它 >使用mermaid語言定製甘特圖

使用mermaid語言定製甘特圖

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
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:

描述任務時間關係。des3, after des2表示des3緊跟在des2之後。
任務時長有三種方式:

  • 時間範圍 如:2014-01-06,2014-01-08
  • 指定天數 如:5d
  • 指定開始日期+天數 如:2014-01-06,5d

PS:所有關鍵字之間用“,”分隔,關鍵字需要屬性時用空格分隔(如:after des2,)。