甘特图横轴表示时间,纵轴表示活动(项目),线条表示在整个期间上计划和实际的活动完成情况.能够直观地表明任务计划在什么时候进行,及实际进展与计划要求的对比,基于此目的,也拿来作为时间表监督自己.

  1. 语法分析

本人使用配置为vscode insiders插件markdownlint 和markdownperview enhanced.
对于甘特图,GitHub的markdown开发文档已经给出了它的标准格式,如下:

gantt
dateFormat YYYY-MM-DD title Adding GANTT diagram to mermaid
excludes weekdays 2014-01-10

section 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

  1. 问题发现

对于在此配置环境下,发现以下问题:在任务描述,若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 雅思之后,但可能是兼容问题,时间线拉回到当下.
在这里插入图片描述

  1. 剩余问题
    源代码中excludes weekdays 2014-01-10此处尚未找到用法,期待各位朋友解答!

更多推荐