前言

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

一正文

目前，我学到的是，主要的甘特图代码，就是四行，第一行是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, 5dAYZP:           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的甘特图耶相关推荐

Markdown绘制甘特图教程
日常工作中多个项目并行推进时,很难描述清楚每个任务的进度,以及当前状态.之前也想过用甘特图来管理项目进度,但是绘制甘特图的成本太高,而且不容易掌握.很难在团队中推广普及. 最近在使用Markdown排 ...
html 绘制甘特图,Markdown绘制甘特图教程
日常工作中多个项目并行推进时,很难描述清楚每个任务的进度,以及当前状态.之前也想过用甘特图来管理项目进度,但是绘制甘特图的成本太高,而且不容易掌握.很难在团队中推广普及. 最近在使用Markdown排 ...
markdown写甘特图-软件开发进度实例--备忘
gantt dateFormat YYYY-MM-DD title "所见"微信小程序-项目进度甘特图需求分析 :active, des2, 2019-04-10, 5d 可行性 ...
latex 甘特图_[简004] 史上'最全最精简'Markdown语法-速览速用
< Markdown Syntax by Andy - Saturday, March 16, 2019> 目录: 一.Markdown 基础常用语法速览速用 1. 标题1-6(" ...
markdown甘特图的绘制
甘特图横轴表示时间,纵轴表示活动(项目),线条表示在整个期间上计划和实际的活动完成情况.能够直观地表明任务计划在什么时候进行,及实际进展与计划要求的对比,基于此目的,也拿来作为时间表监督自己. 语法分 ...
Markdown文档生成流程图、时序图、类图、状态图、ER图、用户旅程图、甘特图、饼图等
简介流程图.时序图.类图.状态图.ER图.用户旅程图.甘特图.饼图等这些图都可以以文本的形式插入到Markdown文档中,使用一种叫mermaid的语法. 是一种用文本描述图形的方法. 下面的代码, ...
Markdown画流程图、时序图(顺序图)、甘特图
typora 画流程图.时序图(顺序图).甘特图复制以下代码使用 typora 的源码模式粘贴到编辑器中查看效果: 以下几个实例效果图如下: 1.横向流程图源码格式: ```mermaid grap ...
Markdown mermaid种草(4)_ 甘特图
Markdown mermaid种草(4)_ 甘特图文章目录 Markdown mermaid种草(4)_ 甘特图 1 甘特图简介 2 mermaid甘特图语法及参数 2.1 gantt图开始关键字 ...
项目管理必备 | 10分钟学会用markdown高效画出超简洁的甘特图
目录 0. 甘特图长啥样 1.甘特图介绍 2.mermaid介绍 2.1 选择markdown编辑器 2.2 运用mermaid画甘特图示例饼状统计图类图顺序图 0. 甘特图长啥样 Mon 0 ...

markdown的甘特图耶

前言

一正文

二例子

A 代码

B 效果

参考资料

markdown的甘特图耶相关推荐

最新文章

热门文章

markdown的甘特图耶

前言

一 正文

二 例子

A 代码

B 效果

参考资料

markdown的甘特图耶相关推荐

最新文章

热门文章

一正文

二例子