7. 流程图
示例
8. 序列图
示例 1
1
2
3
| Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!
|
示例 2
1
2
3
4
5
| Title: Here is a title
A->B: Normal line
B-->C: Dashed line
C->>D: Open arrow
D-->>A: Dashed open arrow
|
9. 甘特图
甘特图内在思想简单。基本是一条线条图，横轴表示时间，纵轴表示活动（项目），线条表示在整个期间上计划和实际的活动完成情况。它直观地表明任务计划在什么时候进行，及实际进展与计划要求的对比。
1
2
3
4
5
6
7
8
9
10
11
12
13
| title 项目开发流程
section 项目确定
需求分析 :a1, 2016-06-22, 3d
可行性报告 :after a1, 5d
概念验证 : 5d
section 项目实施
概要设计 :2016-07-05 , 5d
详细设计 :2016-07-08, 10d
编码 :2016-07-15, 10d
测试 :2016-07-22, 5d
section 发布验收
发布: 2d
验收: 3d
|
10. Mermaid 流程图
1
2
3
4
| A[Hard edge] -->|Link text| B(Round edge)
B --> C{Decision}
C -->|One| D[Result one]
C -->|Two| E[Result two]
|
11. Mermaid 序列图
1
2
3
4
| Alice->John: Hello John, how are you?
loop every minute
John-->Alice: Great!
end
|
更多语法参考：Mermaid 序列图语法参考
