智朋的个人博客 ·

Mermaid 甘特图

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

📝

内容提要

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

🔎

延伸解读

时间单位灵活切换：从日期到秒级精度

Mermaid甘特图默认以天为单位显示日期，但通过修改axisFormat和dateFormat，可以支持分钟、秒甚至毫秒级的时间轴。例如，将axisFormat设为%H-%M、dateFormat设为HH:mm，即可用小时和分钟展示任务；若设为%M:%S和mm:ss，则能精确到秒。这种灵活性使得甘特图不仅适用于项目进度管理，也能用于分析短时高频的流程，如样本检测中的秒级操作。

代码批量替换：快速生成重复流程

在样本检测等重复性流程中，每个样本的操作步骤相同，仅编号不同。文章建议先完整编写第一个样本的代码，然后通过查找替换批量修改编号（如将SF1-1中的1替换为2，得到SF2-1），从而快速生成后续样本的代码。这种方法能显著减少重复劳动，提高绘图效率，尤其适合步骤繁多但结构一致的场景。

时间重叠分析：计算并行流程的最快完成时间

对于有同步运行动作的流程，甘特图可以通过时间重叠的方式求出仪器检测样本的最快时间。文章以水分检测为例，展示了三个样本的检测流程，其中部分步骤（如样本瓶就位、夹取注射器）在时间上重叠，而关键路径（如水分检测）决定总时长。通过分析任务依赖关系，可以识别出并行操作，从而优化流程、缩短整体检测时间。

❓

Q&A

如何使用Mermaid绘制甘特图？

使用Mermaid绘制甘特图可以通过编写代码来定义任务和时间安排，示例代码中包含了任务的开始时间和持续时间。

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

可以通过设置axisFormat和dateFormat来修改坐标轴格式，例如将时间单位设置为分钟或秒。