如何在Graphviz中为多个节点添加汇总大括号（或类似边）？

以下是两种无需大幅重构现有dot文件的方法，可快速实现你需要的汇总大括号效果：

方法1：用HTML标签模拟大括号 #

利用Graphviz支持的HTML-like标签语法，创建一个无形状的节点来生成大括号，再通过隐形边调整位置与上方节点对齐：

digraph G {
    // 你的现有节点
    Node1 [label="节点1"];
    Node2 [label="节点2"];
    Node3 [label="节点3"];

    // 生成带汇总说明的大括号节点
    SummaryBrace [shape=none, label=<
        <table border="0" cellborder="0" cellpadding="4">
            <tr><td align="center" colspan="3">这是汇总说明</td></tr>
            <tr>
                <td align="right" fontsize="28">}</td>
                <td width="30"></td>
                <td align="left" fontsize="28">{</td>
            </tr>
        </table>
    >];

    // 对齐层级，确保大括号在节点下方
    { rank=same; Node1; Node2; Node3 }
    { rank=same; SummaryBrace }
    // 隐形边用于固定位置，避免布局偏移
    SummaryBrace -> Node1 [style=invis];
    SummaryBrace -> Node2 [style=invis];
    SummaryBrace -> Node3 [style=invis];
}

方法2：结合Cluster子图实现分组汇总 #

如果你的节点本身属于逻辑分组，用Cluster子图配合自定义样式，既能实现分组，也能添加汇总说明，还可通过调整边框样式接近大括号效果：

digraph G {
    subgraph cluster_group {
        label="分组汇总说明";
        // 可自定义边框样式，比如用虚线模拟大括号的松散感
        style="dashed";
        NodeA [label="节点A"];
        NodeB [label="节点B"];
        NodeC [label="节点C"];
    }

    // 若需要单独的大括号在分组下方，可额外添加
    BottomBrace [shape=none, label="{", fontsize=32];
    { rank=same; BottomBrace }
    BottomBrace -> cluster_group [style=invis];
}

如果需要更精细的大括号样式，还可以通过嵌入PostScript或SVG代码实现，但上述两种方法无需修改现有节点的关联关系，更适合复杂图场景。

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