markdown绘制甘特图

2023-10-16 19:51:30 浏览数 (3)

Markdown 本身并不支持直接绘制甘特图。但是,你可以使用一些在线的工具来创建甘特图,然后将生成的图像或者链接嵌入到你的 Markdown 文件中。

例如,你可以使用像是 mermaid[1] 这样的工具来创建甘特图。以下是一个使用 mermaid 创建甘特图的例子:

代码语言:javascript复制
gantt
dateFormat  YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section A section
Completed task            :done,    des1, 2023-08-06,2023-08-08
Active task               :active,  des2, 2023-08-09, 3d
Future task               :         des3, after des2, 5d
Future task2              :         des4, after des3, 5d

然后,你可以将生成的图像或者链接嵌入到你的 Markdown 文件中,如下所示:

代码语言:javascript复制
![Gantt Chart](url_to_your_image)

或者,如果你的 Markdown 渲染器支持 HTML,你也可以直接嵌入 HTML 代码来显示甘特图。例如,如果你使用的是 mermaid,你可以这样做:

代码语言:javascript复制
<div class="mermaid">
gantt
dateFormat  YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section A section
Completed task            :done,    des1, 2023-08-06,2023-08-08
Active task               :active,  des2, 2023-08-09, 3d
Future task               :         des3, after des2, 5d
Future task2              :         des4, after des3, 5d
</div>

请注意,这需要你的 Markdown 渲染器支持 HTML,并且你需要在你的网页中包含 mermaid 的 JavaScript 库。

声明:本作品采用署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)[2]进行许可,使用时请注明出处。 author: mengbin[3] blog: mengbin[4] github: mengbin92[5] cnblogs: 恋水无意[6]

References

[1] mermaid: https://mermaid-js.github.io/mermaid/#/ [2] 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0): https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh [3] mengbin: mengbin1992@outlook.com [4] mengbin: https://mengbin.top [5] mengbin92: https://mengbin92.github.io/ [6] 恋水无意: https://www.cnblogs.com/lianshuiwuyi/

0 人点赞