Gantt项目进度图

知识管理 markdown OnceDoc by wx_15926 on 1571300077051


甘特图目前主要用于说明项目进度表。 描述各个子任务的间进度图表。

基本用法

甘特图用 gantt 表示,语法非常简单, 如

```flow
gantt
    title 项目进度时间规划图
    dateFormat  YYYY-MM-DD
    section 开发
    需求分析           : a1, 2014-01-01, 30d
    原型开发           : after a1, 20d
    section 测试
    测试计划           : 2014-01-12, 12d
    测试用例           : 24d
```

效果如下:

w. 01w. 02w. 03w. 04w. 05w. 06w. 07需求分析           原型开发           测试计划           测试用例           开发测试项目进度时间规划图

完整语法

可用:done, :active, :crit 描述项目状态。

```flow
gantt
       dateFormat  YYYY-MM-DD
       title Adding GANTT diagram functionality to mermaid

       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

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

效果如下:

w. 01w. 02w. 03Completed task            Active task               Future task               Future task2              Completed task in the critical line Implement parser and jison          Create tests for parser             Future task in critical line        Create tests for renderer           Add to mermaid                      Describe gantt syntax               Add gantt diagram to demo page      Add another diagram to demo page    Describe gantt syntax               Add gantt diagram to demo page      Add another diagram to demo page    A sectionCritical tasksDocumentationLast sectionAdding GANTT diagram functionality to mermaid

上一篇: Flow流程图 下一篇: UML时序图