主题 theme :default
dark
forest
neutral
本文章主题 theme: 'neutral'
注意: 首页点进文章没有刷新动作,可以看代码。有刷新页面动作则显示流程图。
图表方向
用词 | 含义 |
---|---|
TB | 从上到下 |
BT | 从下到上 |
RL | 从右到左 |
LR | 从左到右 |
graph TB
开始-->结束
graph BT
开始-->结束
graph RL
开始-->结束
graph LR
开始-->结束
节点定义
用词 | 含义 |
---|---|
start[start] | 直角矩形 |
start(start) | 圆角矩形 |
start([start]) | 体育场形 |
start[[start]] | 长灯光形 |
start[(start)] | 圆柱体形 |
start((start)) | 正圆形 |
start>start] | 标签形 |
start{start} | 菱形 |
start{{start}} | 六角形 |
start[/start/] | 平行四边形 |
start[\start\] | 反向平行四边行 |
start[/start\] | 梯形 |
start[\start/] | 倒梯形 |
graph LR
1[直角矩形] --> 2(圆角矩形)
2(圆角矩形) --> 3([体育场形])
3([体育场形]) --> 4[[长灯光形]]
4[[长灯光形]] --> 5[(圆柱体形)]
1[直角矩形] --> 6((正圆形))
6((正圆形)) --> 7>标签形]
7>标签形] --> 8{菱形}
8{菱形} --> 9{{六角形}}
1[直角矩形] --> 10[/平行四边形/]
10[/平行四边形/] --> 11[\反向平行四边行\]
11[\反向平行四边行\]--> 12[/梯形\]
12[/梯形\] --> 13[\倒梯形/]
节点连线
用词 | 含义 |
---|---|
> (末尾位置) | 添加尾部箭头 |
- (末尾位置) | 不添加尾部箭头 |
-- | 单线 |
--text-- | 单线上加文字 |
== | 粗线 |
==text== | 粗线加文字 |
-.- | 虚线 |
-.text.- | 虚线加文字 |
graph LR
开始(开始) --- 11
11 --text--- 12
12 === 13
13 ==text=== 14
14 -.- 15
15 -.text.- 16
开始(开始) --> 21
21 --text--> 22
22 ==> 23
23 ==text==> 24
24 -.-> 25
25 -.text.-> 26
长度 | 1 | 2 | 3 |
---|---|---|---|
正常 | --- | ---- | ----- |
普通带箭头 | --> | ---> | ----> |
粗 | === | ==== | ===== |
粗带箭头 | ==> | ===> | ====> |
点缀 | -.- | -..- | -...- |
点缀带箭头 | -.-> | -..-> | -...-> |
graph LR
开始(开始) --- 11
11 --> 12
12 === 13
13 ==> 14
14 -.- 15
15 -.-> 16
开始(开始) ---- 21
21 ---> 22
22 ==== 23
23 ===> 24
24 -..- 25
25 -..-> 26
开始(开始) ----- 31
31 ----> 32
32 ===== 33
33 ====> 34
34 -...- 35
35 -...-> 36
flowchart TB
T--> U & V --> W
X & Y --> Z & ZZ
A --o B --x C & D
E & F --> G & H
I <--> J
K x--x L
M o--o N
graph LR;
A--合并-->B;
A-->C;
B-->D;
C-->D;
gitGraph:
options
{
"nodeSpacing": 150,
"nodeRadius": 10
}
end
commit
branch newbranch
checkout newbranch
commit
commit
checkout master
commit
commit
merge newbranch
graph TB
subgraph one
A[A0] --> B{B0}
B -->|Yes| C[OK0]
C --> D[Rethink0]
D --> B
B ----> |No| E[End0]
end
subgraph two
F[A1] --> G{B1}
G -->|Yes| H[OK1]
H--> I[Rethink1]
I --> G
G -- NO ----> J[End1]
end
gantt
title A Gantt Diagram
dateFormat YYYY-MM-DD
section Section
A task :a1, 2014-01-01, 30d
Another task :after a1 , 20d
section Another
Task in sec :2014-01-12 , 12d
another task : 24d
graph TB
id1(圆角矩形)--普通线-->id2[矩形]
subgraph 子图表
id2==粗线==>id3{菱形}
id3-.虚线.->id4>右向旗帜]
id3--无箭头---id5((圆形))
end