Markdown 画甘特图

最新推荐文章于 2025-04-24 13:57:26 发布

原创

最新推荐文章于 2025-04-24 13:57:26 发布

· 1.6k 阅读

6 ·

版权

文章标签：

#甘特图

Markdown 甘特图详细教程

一、甘特图简介

甘特图（Gantt Chart）是一种用于展示项目进度的图表，通过条状图来表示项目中各个任务的开始时间、结束时间和持续时间。它广泛应用于项目管理中，帮助团队清晰地了解项目的整体进度和各个阶段的完成情况。

二、Mermaid绘制甘特图的语法

在Markdown中，可以使用Mermaid库来绘制甘特图。以下是基本的语法结构：

```mermaid
gantt
    title 项目标题
    dateFormat YYYY-MM-DD
    section 项目阶段
    任务名称 :状态, 任务ID, 开始日期, 持续时间

gantt：指定这是一个甘特图。
title：设置甘特图的标题。
dateFormat：指定日期的格式，如YYYY-MM-DD。
section：定义一个项目阶段或任务分类。
任务条目包括任务名称、状态（如done、active等）、任务ID（可选）、开始日期和持续时间。

三、状态标记

done：表示任务已完成。
active：表示任务正在进行中。
crit：表示任务在关键路径上。

四、任务依赖

可以通过指定任务开始的时间是在另一个任务之后来创建依赖关系，例如after taskId。

五、高级特性

里程碑：表示项目中的关键事件，通常持续时间为1天。
排除日期：可以排除特定的日期，如周末或节假日。

10个甘特图案例

案例 1：软件开发项目

```mermaid
gantt
    title 软件开发项目
    dateFormat YYYY-MM-DD
    section 设计阶段
    需求分析 :done, des1, 2024-01-01, 3d
    原型设计 :active, des2, after des1, 4d
    设计评审 : des3, after des2, 2d
    section 开发阶段
    基础框架搭建 :crit, dev1, after des3, 5d
    功能模块开发 : dev2, after dev1, 10d
    内部测试 : dev3, after dev2, 5d
    section 发布阶段
    预发布 : pre1, after dev3, 2d
    正式发布 : pre2, after pre1, 2d

案例 2：建筑项目

```mermaid
gantt
    title 建筑项目进度
    dateFormat YYYY-MM-DD
    section 地基工程
    地基挖掘 :done, dig1, 2024-02-01, 7d
    地基浇筑 :active, pour1, after dig1, 5d
    section 主体工程
    主体结构搭建 :crit, struct1, after pour1, 14d
    外墙施工 : struct2, after struct1, 10d
    section 装修工程
    内部装修 : dec1, after struct2, 15d
    外部装修 : dec2, after dec1, 10d