Mermaid Live Editor 如何调整方向

在 Mermaid Live Editor 中,默认情况下,流程图和序列图等都是按照从左到右的方向来布局的。但是,如果你想要创建一个从上到下(纵向)布局的图形,你可以使用 TD(Top-Down,即从上到下)或者 BT(Bottom-Up,即从下到上)来指定方向。对于横向布局,使用 RL(Right-Left,即从右到左)或者 LR(Left-Right,即从左到右)。

例如,以下是创建一个从左到右布局的流程图的 Mermaid 代码:

开始

决策点

结果1

结果2

结束

如果你想要一个从上到下的布局,你可以这样写:

开始

决策点

结果1

结果2

结束

在 Mermaid Live Editor 中,你可以实时看到这些更改的效果。只需将上述代码复制并粘贴到 Mermaid Live Editor 的编辑区域,然后观察图形的布局方向。

请注意,Mermaid 语法对于不同类型的图表(如流程图、序列图、甘特图等)有特定的方向要求。例如,甘特图默认就是从左到右,按时间顺序排列的。在创建图表时,请确保你使用的是正确的图表类型和方向指定符。

posted on   平凡之测  阅读(841)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
历史上的今天:
2021-08-05 python os.walk函数
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示