博客与建站

mermaid写甘特图的语法汇总

一 例子
1
2
3
4
5
6
7
8
9
10
11
12
13
gantt
    title 项目进度
    dateFormat  YYYY-MM-DD
    axisFormat  %m-%d
    excludes sunday,monday,tuesday,friday,2014-03-01
    section 第一阶段
    需求分析           :crit, a1, 2014-01-01, 30d
    设计评审           :after a1, 20d

    section 第二阶段
    第一批测试      :done, 2014-01-12  , 12d
    第二批测试      :24d
    客户验收        :milestone,2h
二 语法解释
  1. gantt 表示这是一个甘特图
  2. title 定义甘特图的标题
  3. dateFormat 定义甘特图中日期显示的格式，更多格式可以参考 https://mermaid-js.github.io/mermaid/#/gantt?id=input-date-format
  4. section 定义一个一个的区域，可以包含一个或多个任务，以section关键字开始一行，并给予命名
  5. 任务定义语法： 任务名称:别名,开始日期,天数
  6. 状态的修饰语法 active（表示还没有完成，会显示为蓝色）, done(表示已完成, 会显示为灰色)，crit（表示关键任务，会显示为红色）
  7. 任务时长：d（天）,w（周）,h(小时)，m（分钟）
  8. 任务可以有一个别名，例如上面的 a1 ，然后在其他任务中可以引用依赖，例如 after a1
  9. 如果某个任务没有写开始日期，默认就是在上一个任务之后
  10. excludes 是指要排除哪些日期，可以写具体的日期，也可以写 weekends(周末)，或具体的工作日，如 sunday,monday 这样的语法，可以写多种的组合
  11. milestone 表示里程碑，程碑的确切位置是由里程碑的初始日期和任务的“持续时间”确定的：初始日期+持续时间/2
  12. 输入注释，解析器将忽略注释。注释必须在单独的行上，并且必须以%%（双百分号）开头。注释开始后到下一个换行符的任何文本都将被视为注释，包括任何图表语法。