用 mermaid 画甘特图

今天发现了一个比较好用的画甘特图/流程图的工具:mermaid,官方的介绍是: “Generation of diagram and flowchart from text in a similar manner as markdown”。 我说好是因为对程序员好,支持命令行操作并且是开源的,貌似还可以整合进 Markdown,不过我没找到相关的案例。 使用在线工具绘制 mermaid 提供了一个在线编辑器,可以迅速在线作图,下面是官方的 demo … 生成的效果是这样的: 再来一个甘特图的: … 生成的效果: 画甘特图可以参考官方的 Gantt语法文档。 使用命令行绘制 由于 mermaid 使用 nodejs 写的,所以需要 node 环境,这个不多说,根据自己的平台安装好 node 即可。 安装 mermaid 一行命令搞定: npm install -g phantomjs && npm install -g mermaid 完成之后,就可以使用命令行了。 先新建一个文本文件,我们这里就来展示一个甘特图,所以命名 demo.gantt,当然,文件名随意起就好。demo.gantt 文件内容就用上面的甘特图的例子,然后使用命令: mermaid demo .gantt -w 1920 -s -p -o images 就可以在 images 目录下生成两个文件,一个是 PNG 图片,另一个是 SVG 矢量图。 可以用 mermaid -h 命令查看帮助,这里我贴上刚刚那条命令里用到的参数: ...

September 13, 2016