markdown甘特图语法介绍

梓喻

已于 2023-05-10 08:37:34 修改

阅读量1.2k

点赞数 2

分类专栏： markdown 文章标签：甘特图甘特图语法 md甘特图 markdown甘特图语法 md甘特图语法

于 2023-05-09 22:11:25 首次发布

本文链接：https://blog.csdn.net/wzp20092009/article/details/130588765

版权

markdown 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

甘特图是一种用于展示项目进度和任务关联的时间线图表。在Markdown中，可以通过Mermaid语法创建甘特图，包括定义时间格式、设置标题、声明任务段落和任务状态等。案例展示了如何绘制软件开发的甘特图，包括设计、开发和测试阶段的任务和时间安排。

摘要由CSDN通过智能技术生成

1. 介绍

甘特图（Gantt chart）又称为横道图、条状图(Bar chart)。其通过条状图来显示项目、进度和其他时间相关的系统进展的内在关系随着时间进展的情况。

2. 语法

1. 代码通用语法

在 markdown 的 代码模块 中编写甘特图，类型是mermaid，命令是gantt，通用注释是%%。
在这里插入图片描述

gantt
%% 通用注释

2. 甘特图语法

1. 时间格式声明

用dateFormat声明时间格式，常用的值有YYYY-MM-DD, MM-DD-YYYY, YYYY。

dateFormat YYYY-MM-DD

2. 标题申明

用title声明标题名称

title 甘特图名称

3. 段落声明

用section声明具体段落，一个段落可以包含N个任务

section 段落A

4. 任务声明

任务声明语法如下

任务名称: 是否关键，状态，任务代号，开始时间，结束时间

名称	值
是否关键	`crit`、缺省
状态	`done`、`active`、缺省
任务代号	代号名称、缺省
开始时间	声明时间格式的具体时间(如`YYYY-MM-DD`)、`after 其他任务代号`、缺省
结束时间	声明时间格式的具体时间(如`YYYY-MM-DD`)、持续时长(如`1d`)、缺省

值当中有些为缺省，意味着可以不填该值，以下是各名称缺省对应意义

对应名称	缺省意义
是否关键	非关键任务
状态	任务未开始
任务代号	任务没有代号
开始时间	任务紧接上一个任务结束时间开始
结束时间	没有持续时长，显示为一个圈

3.案例

以下内容来自菜鸟教程

 		gantt
        %% 甘特图实例
        dateFormat  YYYY-MM-DD
        title 软件开发甘特图
        
        section 设计
        需求: done,    des1, 2014-01-06,2014-01-08
        原型: active,  des2, 2014-01-09, 3d
        UI设计: des3, after des2, 5d
    	未来任务: des4, after des3, 5d
    	
        section 开发
        学习准备理解需求: crit, done, 2014-01-06,24h
        设计框架: crit, done, after des2, 2d
        开发: crit, active, 3d
        未来任务: crit, 5d
        耍: 2d
        
        section 测试
        功能测试: active, a1, after des3, 3d
        压力测试: after a1  , 20h
        测试报告: 48h