mermaid基本语法学习

甘特图

应用场景

日常工作中多个项目并行推进时，清楚描述每个任务的进度，以及当前状态。

如何绘制甘特图

示例

Mon 06 Mon 13 Mon 20 Completed 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 section Critical tasks Documentation Last section Adding GANTT diagram functionality to mermaid

其中
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
    所有任务属性关键字之间用“,”分隔，关键字需要属性时用空格分割（如：after des1,）

流程图

序列图

统计图