markdown的甘特图耶

前言

之所以想写这篇markdown的甘特图功能,是因为在参看一个大佬的时间管理系统时,有甘特图这个东东,然后原来这就是甘特图啊,于是乎,想起typoramarkdown支持这个,就找了下相关资料,记录一下,方便查看(虽然最后没有用起来,目前认为不太好用)

一 正文

目前,我学到的是,主要的甘特图代码,就是四行,第一行是gantt,第二行是图名,第三行是日期格式,第四行是section,复杂主要也是第四行复杂,它定义纵向上的一个环节。

gantt
title: 图名
dateFormat YYYY-MM-DD
section: 描述

第四行section: 描述的语法是:

  • 状态 , ID, 开始日期, 结束日期/持续时间
    • 状态: done(已完成)/active(执行中),还可以加一个高亮显示crit。【可以省略】
    • ID:用于给这个任务一个名字。【可以省略】
    • 开始日期:可以用日期格式YYYY-MM-DD,也可以用after ID跟在任务ID1之后。【可以省略】
    • 结束日期/持续时间:可以用日期格式YYYY-MM-DD,也可以用1d持续1天,也可以用20h持续20小时。【必需】

二 例子

A 代码

使用 mermaid 解析语言,在开头使用关键字gantt指明

gantt	%% 必须是第一行 
title 例子测试图 
section 设计
    任务1: done,     des1, 2014-01-06,2014-01-08
    任务2: active,   des2, 2014-01-09, 3d
    任务3: 			 des3, after des2, 5d
    任务4: 		 	 des4, after des3, 5d
    AYZP: 		 	 des5, after des4, 2d
section 开发
    任务1: crit, done, 2014-01-06, 24h
    任务2: crit, done, after des2, 2d
    任务3: crit, active, 3d
    任务4: crit, 5d
    任务5: 2d
section 测试
    任务1: active, a1, after des3, 3d
    任务2: after a1, 20h
    任务3: 48h
section 其他时间
	娱乐: , after des1, 1d

B 效果

Mon 06 Mon 13 Mon 20 任务1 任务2 任务3 任务4 AYZP 任务1 任务2 任务3 任务4 任务5 任务1 任务2 任务3 娱乐 设计 开发 测试 其他时间 例子测试图

参考资料

[1] 奔跑的狮⁠子. Markdown——【甘特图】——使用方法(透彻易理解). CSDN. 2019.09.
https://blog.csdn.net/weixin_42247720/article/details/100572450

[2] 冰阔落. markdown 绘制流程图、时序图、甘特图. CSDN. 2019.06.
https://blog.csdn.net/kl28978113/article/details/93617103

[3] e想行空. typora画流程图、时序图(顺序图)、甘特图. 百度经验. 2018.02.
https://jingyan.baidu.com/article/48b558e3035d9a7f38c09aeb.html

你可能感兴趣的:(工具,markdown,gantt,chart,甘特图)