用旺司Markdown编辑工具免费在线制作项目进度甘特图、管理项目开发时间进度,工程任务进度分配计划

知识管理 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时序图