智朋的个人博客 ·

Mermaid 甘特图

💡 原文中文，约3000字，阅读约需8分钟。

📝

内容提要

本文介绍了如何使用Mermaid绘制甘特图，包括任务时间安排和坐标轴格式的修改。示例展示了不同时间单位（如分钟和秒）的应用，以及如何通过代码批量替换简化样本检测流程。

🔎

延伸解读

时间单位切换的关键配置

Mermaid甘特图默认以天为单位显示日期，但通过axisFormat和dateFormat指令可以灵活切换为分钟或秒。例如，将axisFormat设为%H-%M、dateFormat设为HH:mm，即可用小时和分钟展示任务；若需分钟和秒，则使用%M:%S和mm:ss。这种配置适合需要精细时间控制的场景，如实验流程或快速检测。

利用时间重叠计算最快检测时间

在水分检测效率计算案例中，多个样本的检测步骤存在时间重叠。通过将样本2的起始任务设置为after SF1-10，样本3的起始任务设置为after SF2-10，可以模拟并行操作，从而求出仪器检测样本的最快总时间。这种方法有助于识别流程中的瓶颈，优化资源分配。

批量替换简化重复任务定义

当多个样本的检测步骤完全相同时，无需重复编写代码。只需完成第一个样本的甘特图定义，然后通过查找替换修改任务ID中的样本编号（如将SF1-1替换为SF2-1），即可快速生成后续样本的代码。这大大减少了手动输入的工作量，并降低了出错概率。

❓

Q&A

如何使用Mermaid绘制甘特图？

使用Mermaid绘制甘特图可以通过编写代码来定义任务及其时间安排，示例代码展示了如何设置任务和里程碑。

如何修改甘特图的坐标轴格式？

可以通过代码修改坐标轴格式，例如将默认的日期格式改为分钟或秒，使用axisFormat参数进行设置。