Mermaid.js 中带有光线/分支的更复杂的循环流程图答案

【问题标题】：More complicated looping flowchart with rays/branches in Mermaid.jsMermaid.js 中带有光线/分支的更复杂的循环流程图
【发布时间】：2022-04-19 12:52:21
【问题描述】：

我在使用 Mermaid.js 库获取更复杂的流程图时遇到问题。

我想要这样的东西：

A --> B --> C
^     |
|     |
|     ˇ
|     D --> E --> F
|     |
|     |
|     ˇ
|     G --> H --> I
|     |
└-----┘

知道如何实现吗？

【问题讨论】：

请提供足够的代码，以便其他人更好地理解或重现问题。
只用“A”表示A，用“B”表示B，等等，比如graph LR; A-->B;，不需要额外的数据。我提供的图表显示了所有必要的内容。但你是一个程序而不是人类，所以，你无法知道这一点——至少在 2021 年。
这种拓扑完全可以开箱即用，无需做任何特别的事情。还是您特别指的是您在此处显示的确切对齐方式？

标签： javascript flowchart mermaid

【解决方案1】：

Here 是解决方案。你需要在那里添加一些条件。

Markdown 代码在这里：

graph LR
A[A] -->B{B} 
B -->|Condition-1| C[C]
B -->|Condition-2| D{D} 
D -->|Condition-1|E[E]
E -->F[F]
D -->|Condition-2|G{G}
G -->|Condition-1|H[H]
H -->I[I] 
G -->|Condition-2|A

输出：

【讨论】：