如何在Mermaid流程图中为节点D添加多层盒子实现堆叠外观

要在D节点下方做出堆叠盒子的外观，这里提供两种实用方案：

方案1：用子图分组实现规整堆叠 #

通过子图（subgraph）将堆叠的盒子归为一组，配合隐藏节点优化连线逻辑，效果更整洁：

flowchart LR
    A-->D
    B-->D
    C-->D
    D-->stack_start
    subgraph 堆叠区域
        direction TB
        stack_start[ ]:::hidden
        D1[业务盒子1]
        D2[业务盒子2]
        D3[业务盒子3]
        stack_end[ ]:::hidden
        stack_start --> D1 --> D2 --> D3 --> stack_end
    end
    stack_end-->E
    E-->F
    F-->G
    classDef hidden fill:none,stroke:none,width:0,height:0;

• 子图内部设置direction TB（从上到下），让盒子自动垂直堆叠
• 隐藏节点stack_start/stack_end用来衔接D和堆叠区域、堆叠区域和E，避免连线交叉混乱
• classDef定义隐藏样式，让辅助节点完全不可见

方案2：直接垂直串联节点（轻量版） #

如果不需要分组，直接让多个节点垂直串联，利用Mermaid的布局规则实现堆叠：

flowchart LR
    A-->D
    B-->D
    C-->D
    D-->D1
    D1-->D2
    D2-->D3
    D3-->E
    E-->F
    F-->G
    %% 强制垂直对齐，可选
    D1 --- D2
    D2 --- D3

• 让D依次连接D1、D2、D3，再接入E，Mermaid会自动垂直排列这三个节点
• 无箭头的连线（---）可以进一步强化垂直堆叠的布局效果

内容的提问来源于stack exchange，提问作者Linus