甘特图 | Gantt

语雀支持Mermaid 的 甘特图 语法。如果你对 PlantUML 更新熟悉，你也可以使用它来画甘特图。

操作入口

编辑器工具栏，通过“插入卡片”入口选择“Mermaid”：

甘特图 | Gantt - 图1

填入文本：

甘特图 | Gantt - 图2

点击“预览”可查看效果：

甘特图 | Gantt - 图3

编写完成后“更新文档”即可生效。

示例 | Examples

示例一

图：

甘特图 | Gantt - 图4

代码：

  1. gantt
  2. title 甘特图示例一
  3.  
  4. section 迭代一
  5. 任务一           :a1, 2014-01-01, 30d
  6. 任务二     :after a1  ,  20d
  7.  
  8. section 迭代二
  9. 任务三      :2014-01-12  , 12d
  10. 任务四      : 24d

示例二

效果图：

甘特图 | Gantt - 图5

代码：

  1. gantt
  2. dateFormat  YYYY-MM-DD
  3. title 甘特图示例二
  4.  
  5. section 工单
  6. 已完成的工单         :done,    des1, 2014-01-06,2014-01-08
  7. 当前的工单           :active,  des2, 2014-01-09, 3d
  8. 未来工单1            :         des3, after des2, 5d
  9. 未来工单2            :         des4, after des3, 5d
  10.  
  11. section 关键任务
  12. 已完成的任务 :crit, done, 2014-01-06,24h
  13. 解析器      :crit, done, after des1, 2d
  14. 解析器优化   :crit, active, 3d
  15. 未来任务    :crit, 5d
  16. 渲染器      :2d
  17. 优化       :1d
  18.  
  19. section 文档
  20. 语法描述     :active, a1, after des1, 3d
  21. 加入 Demo   :after a1  , 20h
  22. 加入另一个 Demo :doc1, after a1  , 48h
  23.  
  24. section 其他任务
  25. 申报专利    :after doc1, 3d
  26. 用户支持    :20h
  27. 用户培训    :48h

限制说明 | Limits

  • axisFormat %Y-%m 自定义轴坐标这种语法目前不支持。

若有收获，就赏束稻谷吧

63 颗稻谷