流程图

语法

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

graph
    节点名即内容
    节点名1[节点内容]
    节点名2["带引号节点内容"]

---

节点

graph
    默认节点

graph
    默认节点

graph
    a1[矩形]

graph
    a1[矩形]

graph
    a2(圆角矩形)

graph
    a2(圆角矩形)

graph
    a3{菱形}

graph
    a3{菱形}

graph
    a4((圆形))

graph
    a4((圆形))

graph
    a5>旗形]

graph
    a5>旗形]

graph
    a6{{尖端矩形}}

graph
    a6{{尖端矩形}}

graph
    a7([圆端矩形])

graph
    a7([圆端矩形])

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

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

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

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

graph
    a10[/梯形1\]

graph
    a10[/梯形1\]

graph
    a11[\梯形2/]

graph
    a11[\梯形2/]

graph
    a12[[子程序]]

graph
    a12[[子程序]]

graph
    a13[(圆柱形)]

graph
    a13[(圆柱形)]

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

子图

语法

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

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

graph LR
    subgraph s
        direction BT
        a --> b
    end
    s ==> c