You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何让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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.28 22:07:17