如何让Mermaid中指定的节点水平对齐?

yod*_*ode 9 flowchart mermaid

这是我的流程图:

graph TB
    aaa ---> bbb ---> ddd & ccc
    ddd -.-> fff
    ccc --->|eee| fff
    fff ---> hhh & ggg & kkk
    hhh --->|iii| mmm
    ggg & kkk -.-> mmm
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

但实际上我希望节点ccc和节点ddd水平对齐。并且hhh, 节点gggkkk水平对齐。是否可以?


当然,这篇文章的目的是考虑如何水平对齐这些节点,但如果可能的话我也希望使这些边缘尽可能短,以在对齐它们时节省空间。比如我希望节点ddd上去,而不是节点ccc下来

Chr*_*ris 22

您可以通过使用更长或更短的箭头来实现此目的,这会更改节点之间的最小链接长度:

graph TB
    aaa ---> bbb ---> ddd & ccc
    ddd -..-> fff
    %%   ^^ extra .
    ccc --->|eee| fff
    fff ---> hhh & ggg & kkk
    hhh --->|iii| mmm
    ggg & kkk -..-> mmm
    %%         ^^ extra .
Run Code Online (Sandbox Code Playgroud)

节点按照 OP 的意愿对齐的流程图