Markdown中甘特图的使用

Markdown中甘特图的使用 点击这里也可查看

1. 前言

Markdown 的原生语法不支持绘制图形，但通过扩展模块，我们可以将一些格式化的文字渲染成我们需要的图形。常用的图形有 “流程图”、“时序图”、“类图”、“状态图”、“甘特图”、“饼图” 等。

本节将重点介绍如何通过 Mermaid 绘制「甘特图」。

甘特图 (Gantt chart) 也被称为横道图、条状图（Bar chart）。通常用于展示项目进度，它的核心对象是「时间」，并在时间的基础上，展示了「成本」和「范围」之间的联系。

2. 语法详解

2.1 甘特图语法

2.1.1 一个基本的甘特图
基本上的甘特图由标题，日期格式约定，分组及任务三部分组成。

实例一：
一个基本的甘特图。

代码：

​```mermaid
 gantt
 苹果 :a, 2017-07-20, 1w
 香蕉 :crit, b, 2017-07-23, 1d
 樱桃 :active, c, after b a, 1d
​```

渲染：

2017-07-20 2017-07-21 2017-07-22 2017-07-23 2017-07-24 2017-07-25 2017-07-26 2017-07-27 2017-07-28