Mermaid Live Editor 如何调整方向

标签：布局 -- 从左到右 Live Editor Mermaid

在 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 语法对于不同类型的图表（如流程图、序列图、甘特图等）有特定的方向要求。例如，甘特图默认就是从左到右，按时间顺序排列的。在创建图表时，请确保你使用的是正确的图表类型和方向指定符。

标签：布局,--,从左到右,Live,Editor,Mermaid
From： https://www.cnblogs.com/luoditao/p/18342554