甘特图横轴表示时间,纵轴表示活动(项目),线条表示在整个期间上计划和实际的活动完成情况.能够直观地表明任务计划在什么时候进行,及实际进展与计划要求的对比,基于此目的,也拿来作为时间表监督自己.
- 语法分析
本人使用配置为vscode insiders插件markdownlint 和markdownperview enhanced.
对于甘特图,GitHub的markdown开发文档已经给出了它的标准格式,如下:
gantt
dateFormat YYYY-MM-DD title Adding GANTT diagram to mermaid
excludes weekdays 2014-01-10section A section Completed task :done, des1,
2014-01-06,2014-01-08 Active task :active, des2,
2014-01-09, 3d Future task : des3, after des2,
5d Future task2 : des4, after des3, 5d
对于上述代码分析:
dateFormat:指定日期格式(Y表示年,M表示月,D表示日)。其中有多种格式:YYYY-MM-DD(2020-05-09),YY-MM-DD(20-05-09)
title 后面则是写上自己的题目即可.格式:title + 一个空格 + 题目
section的使用:section + 一个空格,然后输入项目名称即可.
任务行: section后每一行为一个任务。第一个字符串为任务名称,之后就可以以 : 开头,添加任务属性。
任务描述:在des1、des2位置添加任务描述,在其它任务需要引用时直接引用des1就可以了.
after: 描述任务时间关系.des3, after des2表示des3紧跟在des2之后.
任务的三个标签:
done 已完成
active正在进行
crit 关键任务
若不添加上述三个标签,则默认任务都为待完成状态
completed task ,Active task,Future task ,Future task2 这些位置填自己所需要完成的工作名即可.
而任务时长也有三种方式:
1、时间范围 如:2020-04-08,2020-05-08
2、指定天数 如:5d
3、指定开始日期+天数 如:2020-05-06,5d
在vscode里进行编写时,需要添加前置词:
mermaid
gantt
- 问题发现
对于在此配置环境下,发现以下问题:在任务描述,若des1的地方使用中文后,使用after des1 就会失效,时间线就会直接拉回到当前所编辑的时间点上.
本人试错代码:
gantt
dateFormat YYYY-MM-DD
title xiaomai ddl
excludes weekdays 2020-05-08
section grade tres
雅思 :active,check,2020-05-08,3d
西语 :done,after 雅思,5d
此处西语是需要在after 雅思之后,但可能是兼容问题,时间线拉回到当下.

- 剩余问题
源代码中excludes weekdays 2014-01-10此处尚未找到用法,期待各位朋友解答!
本文介绍了如何在Markdown中创建甘特图,包括日期格式、标题设置、任务描述和时间关系。通过示例代码展示了任务的状态(已完成、进行中、未开始)、任务时长的表示方法,并提到了在VSCode环境中遇到的中文描述导致时间线异常的问题。
2770

被折叠的 条评论
为什么被折叠?



