返回介绍

6.1 图形

发布于 2023-07-19 20:47:04 字数 1676 浏览 0 评论 0 收藏 0

声明一个图形用 graph 命令,分别有 graph TBgraph BTgraph RLgraph LRgraph TD 五种类型。

6.1.1 graph TB

graph TB :从 top 到 bottom,如:

~~~mermaid
graph TB;
A-->B;
A-->C;
B-->D;
C-->D;
~~~

的图形为:

~~~mermaid
graph TB;
A-->B;
A-->C;
B-->D;
C-->D;
~~~

6.1.2 graph BT

graph BT :从 bottom 到 top,如:

~~~mermaid
graph BT;
A-->B;
A-->C;
B-->D;
C-->D;
~~~

的图形为:

~~~mermaid
graph BT;
A-->B;
A-->C;
B-->D;
C-->D;
~~~

6.1.3 graph RL

graph RL :从 right 到 left,如:

~~~mermaid
graph RL;
A-->B;
A-->C;
B-->D;
C-->D;
~~~

的图形为:

~~~mermaid
graph RL;
A-->B;
A-->C;
B-->D;
C-->D;
~~~

6.1.4 graph LR

graph LR :从 left 到 right,如:

~~~mermaid
graph LR;
A-->B;
A-->C;
B-->D;
C-->D;
~~~

的图形为:

~~~mermaid
graph LR;
A-->B;
A-->C;
B-->D;
C-->D;
~~~

6.1.5 graph TD

graph TD :等同于 TB,如:

~~~mermaid
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
~~~

的图形为:

~~~mermaid
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
~~~

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文