Mermaid Live Editor 如何调整方向

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

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

graph LR A[开始] --> B{决策点} B -- 是 --> C[结果1] B -- 否 --> D[结果2] C --> E[结束] D --> E

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

graph TD A[开始] --> B{决策点} B -- 是 --> C[结果1] B -- 否 --> D[结果2] C --> E[结束] D --> E

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

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

posted on 2024-08-05 08:48  平凡之测  阅读(294)  评论(0编辑  收藏  举报

导航