如何用Dot语言将Graphviz集群框连接至节点C？

问题描述 #

现有以下Graphviz Dot代码，实现了包含上下排列节点A、B的虚线集群框：

digraph G {
  // Define a subgraph representing the outer box
  subgraph outer_box {
      cluster=true; // Designate this subgraph as a cluster in order to enable the boundary box
      rankdir="TB"; // Arrange boxes from top to bottom

      style=dashed; // Fill the outer box with color
      fillcolor=lightgray; // Set the fill color of the outer box

      // Top box with text "A"
      node [shape=box, style=filled, fillcolor=lightblue];
      A [label="A"];

      // Bottom box with text "B"
      node [shape=box, style=filled, fillcolor=lightyellow];
      B [label="B"];

      // Connect boxes
      A -> B [style=invis]; // Invisible edge to stack boxes vertically
  }
 }

需要将该虚线集群框连接到节点C，但尝试直接使用outer_box -> C语句失败，寻求可行实现方案。

解决方案 #

Graphviz不支持直接将集群（subgraph）作为边的端点，必须通过集群内的节点创建连接。以下是两种可行方案：

方案1：使用集群内现有节点连接 #

直接利用集群中的A或B节点连接到C，连线会自动从集群边界延伸至C，视觉上等同于集群与C相连。同时建议将集群命名改为cluster_xxx格式（Graphviz官方推荐规范，避免识别异常）：

digraph G {
  subgraph cluster_outer_box {
      rankdir="TB";
      style=dashed;
      fillcolor=lightgray;
      label=""; // 移除默认集群标签，可自定义

      node [shape=box, style=filled, fillcolor=lightblue];
      A [label="A"];

      node [shape=box, style=filled, fillcolor=lightyellow];
      B [label="B"];

      A -> B [style=invis];
  }

  // 定义节点C
  node [shape=box, style=filled, fillcolor=lightgreen];
  C [label="C"];

  // 通过A节点连接集群与C（也可替换为B -> C）
  A -> C;
}

方案2：使用虚拟节点实现居中连线 #

如果希望连线从集群的中间位置发出，可在集群内添加一个不可见的虚拟节点，让它与A、B处于同一水平层级，再通过该虚拟节点连接到C：

digraph G {
  subgraph cluster_outer_box {
      rankdir="TB";
      style=dashed;
      fillcolor=lightgray;
      label="";

      node [shape=box, style=filled, fillcolor=lightblue];
      A [label="A"];

      node [shape=box, style=filled, fillcolor=lightyellow];
      B [label="B"];

      A -> B [style=invis];

      // 创建不可见虚拟节点
      node [shape=none, style=invis];
      cluster_virtual [label=""];

      // 让虚拟节点与A、B同水平位置（集群居中）
      { rank=same; A; cluster_virtual; B; }
  }

  node [shape=box, style=filled, fillcolor=lightgreen];
  C [label="C"];

  // 通过虚拟节点连接集群与C
  cluster_virtual -> C;
}

补充：连接两个集群的情况 #

如果C也需要设置为集群，同样遵循上述规则：使用其中一个集群内的节点连接到另一个集群内的节点，例如A -> C_inner（C_inner为C集群内的节点）。

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