从其它平台迁移而来

语法

1
2
3
4
5
6
7

---
title: 流程图名称   # 可能会有渲染不支持
---
graph/flowchart [TB/TD|BT|LR|RL]
    节点名即内容
    节点名1[节点内容]
    节点名2["节点内容"]
graph 节点名即内容 节点名1[节点内容] 节点名2["带引号节点内容"]

节点

1
2

graph
    默认节点
graph 默认节点 
1
2

graph
    a1[矩形]
graph a1[矩形] 
1
2

graph
    a2(圆角矩形)
graph a2(圆角矩形) 
1
2

graph
    a3{菱形}
graph a3{菱形} 
1
2

graph
    a4((圆形))
graph a4((圆形)) 
1
2

graph
    a5>旗形]
graph a5>旗形] 
1
2

graph
    a6{{尖端矩形}}
graph a6{{尖端矩形}} 
1
2

graph
    a7([圆端矩形])
graph a7([圆端矩形]) 
1
2

graph
    a8[\平行四边形1\]
graph a8[\平行四边形1\] 
1
2

graph
    a9[/平行四边形2/]
graph a9[/平行四边形2/] 
1
2

graph
    a10[/梯形1\]
graph a10[/梯形1\] 
1
2

graph
    a11[\梯形2/]
graph a11[\梯形2/] 
1
2

graph
    a12[[子程序]]
graph a12[[子程序]] 
1
2

graph
    a13[(圆柱形)]
graph a13[(圆柱形)] 
1
2

graph
    a14(((双圆)))   # 高版本渲染支持
graph a14(((双圆)))

布局

标识 含义 备注
TB/TD 从上到下 默认
BT 从下到上
LR 从左到右
RL 从右到左
  • TB/TD
graph a --> b
  • BT
graph BT a --> b
  • LR
graph LR a --> b
  • RL
graph RL a --> b

连线

普通连线

线形 1单位长 2单位长 3单位长
细实线 --- ---- -----
细实线箭头 --> ---> ---->
粗实线 === ==== =====
粗实线箭头 ==> ===> ====>
虚线 -.- -..- -...-
虚线箭头 -.-> -..-> -...->
  • ---
graph LR a --- b
  • ----
graph LR a ---- b
  • -----
graph LR a ----- b
  • -->
graph LR a --> b
  • ===
graph LR a === b
  • ==>
graph LR a ==> b
  • -.-
graph LR a -.- b
  • -.->
graph LR a -.-> b

箭头

  • -->三角箭头
graph LR a --> b
  • --o圆点箭头
graph LR a --o b
  • --x叉箭头
graph LR a --x b
  • <-->两端三角箭头
graph LR a <--> b
  • o--o两端圆点箭头
graph LR a o--o b
  • x--x两端叉箭头
graph LR a x--x b

带文字连线

  • -->|文字|
graph LR a -->|文字| b
  • -- 文字 -->
graph LR a -- 文字 --> b

子图

语法

1
2
3
4

subgraph 子图名
    direction [TB/TD|BT|LR|RL]   # 子图中的方向
    子图内容
end

1
2
3
4
5
6
7
8
9

---
title: 子图示例
---
graph LR
    subgraph s
        direction BT
        a --> b
    end
    s ==> c
graph LR subgraph s direction BT a --> b end s ==> c