Question

边有多种形式，同时也可以设置边的文字

6.3.1 实线边

6.3.1.1 带箭头无文字的实线边

带箭头无文字的实线边语法为：

~~~mermaid
graph LR
A-->B
~~~

的图形为：

~~~mermaid
graph LR
A-->B
~~~

可以用 graph LR ，也可以用 graph LR;

6.3.1.2 不带箭头和文字的实线边

不带箭头和文字的实线边语法为：

~~~mermaid
graph LR
A---B
~~~

的图形为：

~~~mermaid
graph LR
A---B
~~~

可以用 graph LR ，也可以用 graph LR;

6.3.1.3 带箭头有文字的实线边

带箭头和文字的实线边可以有两种语法,其中

~~~mermaid
graph LR;
A-- text -->B
~~~

的图形为：

~~~mermaid
graph LR;
A-- text -->B
~~~

可以用 graph LR ，也可以用 graph LR;

另一种形式：

~~~mermaid
graph LR
A-->|This is the text|B
~~~

的图形为：

~~~mermaid
graph LR
A-->|This is the text|B
~~~

可以用 graph LR ，也可以用 graph LR;

6.3.1.4 有文字无箭头的实线边

有文字无箭头的实线边可以有两种语法,其中

~~~mermaid
graph LR
A-- This is the text --- B
~~~

的图形为：

~~~mermaid
graph LR
A-- This is the text --- B
~~~

注意 A 后面跟的是两横 -- ， B 前面是三横 ---

可以用 graph LR ，也可以用 graph LR;

另一种形式：

~~~mermaid
graph LR;
A---|This is the text|B
~~~

的图形为：

~~~mermaid
graph LR;
A---|This is the text|B
~~~

注意 A 后面跟的是三横一竖 ---| ， B 前面是一竖 |

可以用 graph LR ，也可以用 graph LR;

6.3.2 虚线边

6.3.2.1 带箭头不带文字

带箭头无文字虚线边语法为

~~~mermaid

graph LR

A-.->B

~~~

的图形为：

~~~mermaid
graph LR
A-.->B
~~~

可以用 graph LR ，也可以用 graph LR;

6.3.2.2 不带箭头和文字

不带箭头和文字虚线边语法为

~~~mermaid

graph LR

A-.-B

~~~

的图形为：

~~~mermaid
graph LR
A-.-B
~~~

可以用 graph LR ，也可以用 graph LR;

6.3.2.3 带箭头和文字

带箭头和文字虚线边语法为

~~~mermaid

graph LR

A-. This is the text .->B

~~~

的图形为：

~~~mermaid
graph LR
A-. This is the text .->B
~~~

可以用 graph LR ，也可以用 graph LR;

6.3.2.4 带文字不带箭头

带文字不带箭头虚线边语法为

~~~mermaid

graph LR

A-. This is the text .-B

~~~

的图形为：

~~~mermaid
graph LR
A-. This is the text .-B
~~~

可以用 graph LR ，也可以用 graph LR;

6.3.3 粗实线边

6.3.3.1 带箭头无文字

带箭头无文字的粗实线边语法为：

~~~mermaid

graph LR

A==>B

~~~

的图形为：

~~~mermaid
graph LR
A==>B
~~~

可以用 graph LR ，也可以用 graph LR;

6.3.3.2 不带箭头和文字

不带箭头和文字的粗实线边语法为：

~~~mermaid

graph LR

A===B

~~~

的图形为：

~~~mermaid
graph LR
A===B
~~~

可以用 graph LR ，也可以用 graph LR;

6.3.3.3 带箭头有文字

带箭头和文字的粗实线边可以有两种语法,其中

~~~mermaid

graph LR;

A== This is the text ==>B

~~~

的图形为：

~~~mermaid
graph LR;
A== This is the text ==>B
~~~

可以用 graph LR ，也可以用 graph LR;

另一种形式：

~~~mermaid

graph LR

A==>|This is the text|B

~~~

的图形为：

~~~mermaid
graph LR
A==>|This is the text|B
~~~

可以用 graph LR ，也可以用 graph LR;

6.3.3.4 有文字无箭头

有文字无箭头的粗实线边可以有两种语法,其中

~~~mermaid

graph LR

A== This is the text === B

~~~

的图形为：

~~~mermaid
graph LR
A== This is the text === B
~~~

注意 A 后面跟的是两个等号 == ， B 前面是三个等号 ===

可以用 graph LR ，也可以用 graph LR;

另一种形式：

~~~mermaid

graph LR;

A===|This is the text|B

~~~

的图形为：

~~~mermaid
graph LR;
A===|This is the text|B
~~~

注意 A 后面跟的是三个等号一竖 ===| ， B 前面是一竖 |

可以用 graph LR ，也可以用 graph LR;