如何让Mermaid流程图的END节点始终显示在子组外部?
解决Mermaid流程图END节点被包含在子组内的问题
原代码中,尽管节点C直接指向z(END),但由于子组G内的g1也指向z,Mermaid的布局算法会默认将z归入子组范围。要让END节点始终显示在子组外部,只需提前在子组定义前声明z节点,确保它不属于任何子组范围即可。
修改后的代码如下:
flowchart TD z(END) # 在子组外提前声明END节点 A[Christmas] -->|Get money| B(Go shopping) B --> C{Let me think} --> z C -->|One| D[Laptop] --> g1 C -->|Two| E[iPhone] C -->|Three| F[fa:fa-car Car] subgraph G g1(some) -- yes --> z end
核心原理是:Mermaid会优先根据节点的声明位置确定布局范围,提前在子组外声明z节点后,即使子组内有指向它的连接,也会将其固定在子组外部区域。
内容的提问来源于stack exchange,提问作者user3732793
相关产品推荐
相关产品推荐

