Mermaid画计划图
时间: 2025-07-10 22:48:11 浏览: 11
### 如何使用 Mermaid 绘制计划图
Mermaid 是一种用于生成图表的轻量级工具,支持多种类型的图形绘制。尽管它主要用于流程图、序列图和其他结构化数据可视化,但它也能够通过甘特图(Gantt Chart)来实现计划图的功能。
以下是关于如何使用 Mermaid 创建计划图的具体方法:
#### 使用 Gantt 图创建计划表
Mermaid 提供了一种专门用于时间管理的图表——Gantt 图。这种图表可以用来展示项目的时间安排和进度情况。下面是一个简单的例子及其对应的代码块:
```mermaid
gantt
title 计划图示例
dateFormat YYYY-MM-DD
section 阶段一
任务A :a1, 2023-09-01, 5d
任务B :after a1, 3d
section 阶段二
任务C :crit, 2023-09-08, 7d
任务D :milestone, after crit, 1d
```
上述代码定义了一个包含两个阶段的任务列表,并指定了每项任务的起始日期以及持续天数。`section` 关键字用于分组不同的任务集合;而 `dateFormat` 则设置了日期显示格式[^2]。
#### 参数说明
- **title**: 设置整个 Gantt 图的标题。
- **dateFormat**: 定义日期字符串的解析方式,默认为年月日形式。
- **section**: 表示一个逻辑上的分区或者子模块名称。
- **task name**: 即具体工作的名字。
- **identifier (可选)**: 可以为每个条目分配唯一标识符以便后续引用。
- **start date / duration**: 起始时间和预计完成所需的工作日数量。
- 特殊标记如 `crit`, `milestone` 等可用于标注关键路径或里程碑事件。
#### 渲染机制
为了使以上代码生效,在 Markdown 文件中需将其包裹在一个具有类名 "mermaid" 的 fenced code block 中:
```markdown
```mermaid
... your gantt chart definition here ...
```
```
这样配置之后,当文档被正确处理时,就会自动转换成可视化的 Gantt 图形[^1]。
---
阅读全文
相关推荐


















