十分钟学会画甘特图

甘特图是什么

甘特图用图示的方式表现项目的各项活动以及进展情况，它有两条轴，横轴代表时间，纵轴代表项目任务，横条代表活动的计划和实际完成情况，它可以很直观地展示出各项活动的进度。对于项目管理者来说，通过甘特图可以快速弄清楚项目已经完成了多少任务，还有多少任务待完成，方便把控项目总体进度。使用纯文字描述有时难以描述项目概况，甘特图提供了一种图示的方式，便于查看，便于理解，因而成为项目管理的有用工具。

画甘特图工具

我们使用typora这款软件绘制甘特图，这个软件在windows，mac和linux都可以安装，使用方法也相同。

下载地址

mermaid

在画甘特图的时候，我们使用mermaid语法进行绘制。mermaid是一种使用文本和代码进行画图的工具，它基于javascript，绘制markdown格式的图表。mermaid支持的图表种类有流程图，时序图，甘特图，类图，git分支图，实体关系图等。本篇文章介绍mermaid绘制甘特图的方法。

甘特图实例

来一段简单的例子

在typora中菜单栏选择段落-代码块，然后输入下面这段代码

gantt
title 项目总体进度
section 任务1
子任务1 :active, a1, 2021-01-05, 20d
section 任务2
子任务2 :done, 2021-01-12 , 4d
子任务3 :done, crit, 1d
子任务4 : 10d

点击代码块右下角，选择语言输入框中输入mermaid，回车确定，一张简易的甘特图就绘制出来了。

gantt图绘制语法介绍

gatt语法分为以下几个部分

1.gantt

开头标志，表明这是一张甘特图

2.title

甘特图的标题，我们的例子中，标题是项目总体进度

3.section

每个活动或者任务的标题，后面的每一行都是一个子任务，每个子任务的描述以:符号作为开始符。

子任务后面 name是这个任务的标签，主要是锚点的作用，其他子任务如果在这个子任务后面，只要标记为after name就可以了。name后面跟着日期，代表这个任务的开始时间，后面跟着20d，代表任务的持续时间

name任务标签也可以没有，后面的任务默认追加到之前的任务后面。

4.任务状态标签

done 代表这个任务已经完成

active代表这个任务正在进行中

不加以上标签，代表它是未来的任务

crit代表重要任务，用来突出展示某个任务，这个任务会使用红框标记

5.今日展示线

途中竖向的红线就是展示今天的线条，可以通过todayMarker off进行关闭，这一行写在title下面就可以了

6.横轴日期定制

如果要定制横轴的日期展示格式，可以使用axisFormat字段，默认为axisFormat %Y-%m-%d，展示的日期格式为2021-01-01。

如果改成axisFormat %Y/%m，展示的格式为2021/01

甘特图导出

在typora软件中，点击文件-导出，可以导出为html，pdf，图片等多种格式。

更多

typora对甘特图样式的支持依然是有限的，如果以上样式不能满足要求，更多信息可以查看mermaid的主页，使用它的live editor绘制甘特图。

mermaid主页:https://mermaid-js.github.io/mermaid/#/