总览

image.png

image.png

示例

```mermaid
    graph LR
    A --> Z

image.png

一、方向

T = TOP，B = BOTTOM，L = LEFT，R = RIGHT

• TB，从上到下
• BT，从下到上
• RL，从右到左
• LR，从左到右

二、节点形状

• 默认节点
• 文本节点
• 圆角节点
• 圆形节点
• 非对称节点
• 菱形节点

A~F 是当前节点名字，类似于变量名，画图时便于引用
[b~f]name是节点中显示的文字，默认节点的名字和显示的文字都为A

graph TB
  A
  B[bname]
  C(cname)
  D((dname))
  E>ename]
  F{fname}

image.png

三、连线

节点间的连接线有多种形状，可以在连接线中加入标签：
箭头连接 A1–->B1

• 开放连接 A2—B2
• 标签连接 A3–text—B3
• 箭头标签连接 A4–text–>B4
• 虚线开放连接 A5.-B5
• 虚线箭头连接 A6-.->B6
• 标签虚线连接 A7-.text.-B7
• 标签虚线箭头连接 A8-.text.->B8
• 粗线开放连接 A9===B9
• 粗线箭头连接 A10==>B10
• 标签粗线开放连接 A11==text===B11
• 标签粗线箭头连接 A12==text==>B12

graph TB
  A1-->B1
  A2---B2
  A3--text---B3
  A4--text-->B4
  A5-.-B5
  A6-.->B6
  A7-.text.-B7
  A8-.text.->B8
  A9===B9
  A10==>B10
  A11==text===B11
  A12==text==>B12

image.png