【mermaid】【typora】详解mermaid绘制甘特图

详解mermaid绘制甘特图

```mermaid
gantt
    title A Gantt Diagram
    dateFormat  YYYY-MM-DD
    section Section
    A task           :a1, 2014-01-01, 30d
    Another task     :after a1  , 20d
    section Another
    Task in sec      :2014-01-12  , 12d
    another task      : 24d

2014-01-05 2014-01-12 2014-01-19 2014-01-26 2014-02-02 2014-02-09 2014-02-16 A task Task in sec another task Another task Section Another A Gantt Diagram

前两行不再赘述，分别是在你的markdown编辑器中使用mermaid和甘特图。我们从第三行开始逐一解释。

基础格式

title后输入你的任务标题,不严格要求缩进，甘特图中并不要求需要标题。
dateFormat后输入日期格式，同样不严格要求缩进，并且大小写不敏感，甘特图中并不严格需要日期格式，但是规范日期格式后，后续日期需要按照规定格式输入。如果没有此项，则默认为YYYY-MM-DD格式。

• 其中YYYY代表年份，MM代表月份，DD代表日期，HH代表小时，mm代表分钟，ss代表秒……此处大小写敏感。

axisFormat后输入输出日期格式，不要求缩进，也并不严格需要。即渲染后你在图中能够直观看到的日期格式，这里的规范和dateformat并不同。如果没有此项，则默认为%Y-%m-%d格式

• %Y代表年份，%m代表月份，%b代表缩写月份，%B代表全称月份，%d代表日期（带0），%e代表日期（不带0），%c代表日期和实践……此处大小写敏感。

setcion后输入章节标题，不要求缩进，不严格需要，可以把它作为某一类任务的标题，将多个任务分类，看上去更清晰。

任务语句

任务语句是甘特图的核心内容，以上都可以不需要，但作为甘特图，你当然需要把你的任务清楚地描述出来。
任务语句基本是这样的：
[任务名称] :[状态],[标记],[开始时间],[结束时间],[持续时间]

例如：A task :active,a1, 01-01, 01-31

其中，为了方便绘制有着不同的组合方案:

• 硬性要求：必须要有任务名称，并且其中的标点必须是英文符号。
• 状态：并不严格要求。有：active，done，和默认三种状态，另外还有可以标记：crit，可以与前面三种状态共存。

下面主要介绍一下其余四种的组合方案。

• 标记，开始时间
  标记只是为了在系统识别该任务时有唯一性，平常并不一定需要。只有在一中特殊情况下必须存在：当这一项任务(A)的开始时间刚好就是另一项任务(B)的结束时间时，我们需要给另一项任务(B)一个唯一的标记b1，然后再[开始时间]的位置使用after b1代替输入任务（A）的开始时间。
  在一种情况下也可省略标记，即任务（A）正好就在任务（B）的下一行时，若省略任务（A）的开始时间，则默认开始时间从任务(B)的结束时间开始。
  此处要注意的就是如果标记不能重复。
• 结束时间和持续时间
  这两个时间可以相互替代，选一即可。

---

marmaid官网

甘特图部分