从 01 开始 从 01 开始
首页
  • 📚 计算机基础

    • 计算机简史
    • 数字电路
    • 计算机组成原理
    • 操作系统
    • Linux
    • 计算机网络
    • 数据库
    • 编程工具
    • 装机
  • 🎨 前端

    • Node
  • JavaSE
  • Java 高级
  • JavaEE

    • 构建、依赖管理
    • Ant
    • Maven
    • 日志框架
    • Junit
    • JDBC
    • XML-JSON
  • JavaWeb

    • 服务器软件
    • 环境管理和配置管理-科普篇
    • Servlet
  • Spring

    • Spring基础
  • 主流框架

    • Redis
    • Mybatis
    • Lucene
    • Elasticsearch
    • RabbitMQ
    • MyCat
    • Lombok
  • SpringMVC

    • SpringMVC 基础
  • SpringBoot

    • SpringBoot 基础
  • Windows 使用技巧
  • 手机相关技巧
  • 最全面的输入法教程
  • 最全面的浏览器教程
  • Office
  • 图片类工具
  • 效率类工具
  • 最全面的 RSS 教程
  • 码字工具
  • 各大平台
  • 校招
  • 五险一金
  • 职场规划
  • 关于离职
  • 杂谈
  • 自媒体
  • 📖 读书

    • 读书工具
    • 走进科学
  • 🌍 英语

    • 从零开始学英语
    • 英语兔的相关视频
    • Larry 想做技术大佬的相关视频
  • 🏛️ 政治

    • 反腐
    • GFW
    • 404 内容
    • 审查与自我审查
    • 互联网
    • 战争
    • 读书笔记
  • 💰 经济

    • 关于税
    • 理财
  • 💪 健身

    • 睡眠
    • 皮肤
    • 口腔健康
    • 学会呼吸
    • 健身日志
  • 🏠 其他

    • 驾驶技能
    • 租房与买房
    • 厨艺
  • 电影

    • 电影推荐
  • 电视剧
  • 漫画

    • 漫画软件
    • 漫画推荐
  • 游戏

    • Steam
    • 三国杀
    • 求生之路
  • 小说
  • 关于本站
  • 关于博主
  • 打赏
  • 网站动态
  • 友人帐
  • 从零开始搭建博客
  • 搭建邮件服务器
  • 本站分享
  • 🌈 生活

    • 2022
    • 2023
    • 2024
    • 2025
  • 📇 文章索引

    • 文章分类
    • 文章归档

晓林

程序猿,自由职业者,博主,英语爱好者,健身达人
首页
  • 📚 计算机基础

    • 计算机简史
    • 数字电路
    • 计算机组成原理
    • 操作系统
    • Linux
    • 计算机网络
    • 数据库
    • 编程工具
    • 装机
  • 🎨 前端

    • Node
  • JavaSE
  • Java 高级
  • JavaEE

    • 构建、依赖管理
    • Ant
    • Maven
    • 日志框架
    • Junit
    • JDBC
    • XML-JSON
  • JavaWeb

    • 服务器软件
    • 环境管理和配置管理-科普篇
    • Servlet
  • Spring

    • Spring基础
  • 主流框架

    • Redis
    • Mybatis
    • Lucene
    • Elasticsearch
    • RabbitMQ
    • MyCat
    • Lombok
  • SpringMVC

    • SpringMVC 基础
  • SpringBoot

    • SpringBoot 基础
  • Windows 使用技巧
  • 手机相关技巧
  • 最全面的输入法教程
  • 最全面的浏览器教程
  • Office
  • 图片类工具
  • 效率类工具
  • 最全面的 RSS 教程
  • 码字工具
  • 各大平台
  • 校招
  • 五险一金
  • 职场规划
  • 关于离职
  • 杂谈
  • 自媒体
  • 📖 读书

    • 读书工具
    • 走进科学
  • 🌍 英语

    • 从零开始学英语
    • 英语兔的相关视频
    • Larry 想做技术大佬的相关视频
  • 🏛️ 政治

    • 反腐
    • GFW
    • 404 内容
    • 审查与自我审查
    • 互联网
    • 战争
    • 读书笔记
  • 💰 经济

    • 关于税
    • 理财
  • 💪 健身

    • 睡眠
    • 皮肤
    • 口腔健康
    • 学会呼吸
    • 健身日志
  • 🏠 其他

    • 驾驶技能
    • 租房与买房
    • 厨艺
  • 电影

    • 电影推荐
  • 电视剧
  • 漫画

    • 漫画软件
    • 漫画推荐
  • 游戏

    • Steam
    • 三国杀
    • 求生之路
  • 小说
  • 关于本站
  • 关于博主
  • 打赏
  • 网站动态
  • 友人帐
  • 从零开始搭建博客
  • 搭建邮件服务器
  • 本站分享
  • 🌈 生活

    • 2022
    • 2023
    • 2024
    • 2025
  • 📇 文章索引

    • 文章分类
    • 文章归档
  • Windows

  • 手机

  • 笔记软件

  • 输入法

  • 浏览器

  • Office

  • 图片类

  • 效率类

  • RSS

  • 码字工具

    • LaTex

    • Markdown

      • 什么是 Markdown
      • Markdown 语法
      • Markdown 排版规范
      • Markdown 编辑器推荐
      • 深入了解下 Markdown
      • Markdown 与数学公式
      • 使用 Markdown 画图
      • 使用 Markdown 画流程图
      • 使用 Markdown 画时序图
      • 使用 Markdown 画甘特图
        • 快速入门
        • 常见任务属性
        • 参考
      • Markdown 和其他格式的相互转换
      • 其他 Markdown 技巧
      • Typora 相关技巧
      • Typora 必备插件!
  • 各大平台

  • 效率软件
  • 码字工具
  • Markdown
2024-07-25
目录

使用 Markdown 画甘特图

# 90.使用 Markdown 画甘特图

日常工作中多个项目并行推进时,可以用甘特图清晰地描述每个任务的进度,以及当前状态。

使用 Markdown 可以快速便捷地生成甘特图,满足日常工作需求。

‍‍ ‍

# 快速入门

示例:

gantt
title 甘特图
dateFormat YYYY-MM-DD
section 项目 A
任务1: a1, 2024-05-20, 30d
任务2: after a1, 20d
1
2
3
4
5
6

‍ 效果:

​​

说明:

  • ​gantt​:表示图表类型为甘特图
  • ​dateFormat​:指定日期格式(Y 表示年,M 表示月,D 表示日)。例如用 YYYY 表示年份用四位数(例如 2024 ),用 YY 则表示年份用 2 位数(例如 24)。更多格式请参考官方文档 (opens new window)。
  • ​section​:项目关键字,空格之后输入项目名称。
  • 任务行: section​ 后每一行为一个任务。第一个字符串为任务名称,之后以 :​ 开头,添加任务属性。 ‍

# 常见任务属性

接下来用下面代码实例说明常见任务属性。任务属性的顺序:

任务名: 任务状态, desc, 任务时长
1

‍ 任务状态:

  • ​done​:已完成

  • ​active​:正在进行

  • ​crit​:关键任务

  • 如果不填,则默认是待完成状态 ‍ desc:任务的描述 ‍ 任务时长:

  • 指定范围,如:2014-01-06, 2014-01-08

  • 指定天数,如:5d

  • 指定开始日期+天数,如:2014-01-06,5d

示例:

gantt       
       dateFormat  YYYY-MM-DD   
       title 使用 mermaid 语言定制甘特图
       section 写博客
       写标题    :done,    des1, 2014-01-06,2014-01-08
       写正文    :active,  des2, 2014-01-09, 3d
       写结尾    :         des3, after des2, 5d
       发文章    :         des4, after des3, 5d

1
2
3
4
5
6
7
8
9

‍ 效果:

​​ ‍

# 参考

Markdown 绘制甘特图教程 - 简书 (opens new window)

Gantt diagrams | Mermaid Docs (opens new window) ‍

上次更新: 2025/6/3 09:31:54
使用 Markdown 画时序图
Markdown 和其他格式的相互转换

← 使用 Markdown 画时序图 Markdown 和其他格式的相互转换→

最近更新
01
语雀文档一键下载至本地教程
07-04
02
要成功,就不要低估环境对你的影响
07-03
03
血泪教训:电子设备要定期开机
07-02
更多文章>
Theme by Vdoing | Copyright © 2022-2025 | 粤 ICP 备 2022067627 号 -1 | 粤公网安备 44011302003646 号 | 点击查看十年之约
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式