mermaid基本语法学习

甘特图

应用场景

日常工作中多个项目并行推进时,清楚描述每个任务的进度,以及当前状态。

如何绘制甘特图

示例

Mon 06Mon 13Mon 20Completed taskActive taskFuture taskFuture task2Completed task in the critical lineImplement parser and jisonCreate tests for parserFuture task in critical lineCreate tests for rendererAdd to mermaidDescribe gantt syntaxAdd gantt diagram to demo pageAdd another diagram to demo pageDescribe gantt syntaxAdd gantt diagram to demo pageAdd another diagram to demo pageA sectionCritical tasksDocumentationLast sectionAdding GANTT diagram functionality to mermaid

其中
mermaid:表示当前使用的语言为mermaid
gantt:表示图表类型为甘特图
dateFormat:指定日期格式(Y表示年,M表示月,D表示日)。YYYY-MM-DD(2019-03-14),YY-MM-DD(19-03-14)
section: 项目关键字,空格之后输入项目名称。
任务行: section后每一行为一个任务。第一个字符串为任务名称,之后以:开头,添加任务属性。

接下来介绍常见任务属性

  • 任务状态
    • done 已完成
    • active正在进行
    • crit 关键任务
    • 默认任务都为待完成状态
  • 任务描述:在des1、des2位置添加任务描述,其它任务引用时直接引用任务描述就可以(例如引用des1)。
  • after:描述任务时间关系。des3, after des2表示des3紧跟在des2之后。
  • 任务时长:任务时长有三种方式
    • 时间范围 如:2014-01-06,2014-01-08
    • 指定天数 如:5d
    • 指定开始日期+天数 如:2014-01-06,5d
      所有任务属性关键字之间用“,”分隔,关键字需要属性时用空格分割(如:after des1,)

流程图

序列图

统计图


版权声明:本文为wangkai_123456原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。