Dot图不可见边布局问题咨询：含高连接节点的密集有向图场景

我太懂这种烦恼了——当一个中心节点连了一堆其他节点，所有边挤在一起看起来就像一条粗线，根本分不清谁连谁。针对你这个场景，我给你几个实用的解决方案，直接改代码就能见效：

1. 让边弯曲+调整节点间距，避免重叠 #

默认的直边在密集连接时肯定会挤成一团，给边加上弯曲属性，同时拉大节点之间的距离，就能把边分开：

digraph TEST { 
  rankdir=LR; 
  node [shape=plaintext]; 
  graph [compound=true, ranksep=0.8, nodesep=0.5]; // 拉大rank和节点间距
  edge [splines=curved, penwidth=0.8]; // 让边弯曲，调整线宽
  
  A[label=<<table border="0" cellspacing="0" cellborder="1" > 
    <tr><td >A</td></tr> 
    <tr><td port='a1'>a1</td></tr> 
    <tr><td port='a2'>a2</td></tr> 
  </table>>]; 
  B; C; D; E; F; G; H; I; 
  
  A:a1:e->B:w; 
  A:a1:e->C:w; 
  A:a1:e->D:w;
  A:a1:e->E:w;
  A:a2:e->F:w; // 分port连接，进一步分散边的起点
  A:a2:e->G:w;
  A:a2:e->H:w;
  A:a2:e->I:w;
}

• splines=curved让边自动弯曲绕开，不会都挤在同一条直线上；
• ranksep控制左右方向（因为是LR布局）的层级间距，nodesep控制同一层级内节点的间距，数值越大布局越宽松；
• 把部分边分到A的另一个port（a2），让边从节点A的不同位置出发，进一步减少重叠概率。

2. 用Cluster分组目标节点，简化连接 #

既然你已经设置了compound=true，可以把B-I这些节点分成几个cluster，让中心节点A连到cluster，再在cluster内部处理节点，这样边会更有条理：

digraph TEST { 
  rankdir=LR; 
  node [shape=plaintext]; 
  graph [compound=true]; 
  
  A[label=<<table border="0" cellspacing="0" cellborder="1" > 
    <tr><td >A</td></tr> 
    <tr><td port='a1'>a1</td></tr> 
    <tr><td port='a2'>a2</td></tr> 
  </table>>]; 
  
  subgraph cluster_group1 {
    label="Group 1";
    B; C; D; E;
  }
  
  subgraph cluster_group2 {
    label="Group 2";
    F; G; H; I;
  }
  
  A:a1:e->B:w [ltail=cluster_group1]; // 用ltail让边视觉上从cluster出发
  A:a2:e->F:w [ltail=cluster_group2];
}

这样不仅边不会挤在一起，整个图的结构也更清晰，一眼就能看出A和两组节点的连接关系。

3. 换用力导向布局（neato）代替层次布局 #

dot的层次布局（LR/TD）在处理密集连接时容易拥挤，换成neato的力导向布局，节点会自动调整位置，让边尽量不重叠：

digraph TEST { 
  layout=neato; // 关键：切换到neato布局
  node [shape=plaintext]; 
  graph [compound=true, overlap=false]; // 禁止节点重叠
  
  A[label=<<table border="0" cellspacing="0" cellborder="1" > 
    <tr><td >A</td></tr> 
    <tr><td port='a1'>a1</td></tr> 
    <tr><td port='a2'>a2</td></tr> 
  </table>>]; 
  B; C; D; E; F; G; H; I; 
  
  A:a1:e->B:w; 
  A:a1:e->C:w; 
  A:a1:e->D:w;
  A:a1:e->E:w;
  A:a2:e->F:w;
  A:a2:e->G:w;
  A:a2:e->H:w;
  A:a2:e->I:w;
}

neato会模拟节点之间的斥力和边的拉力，自动把节点分散开，非常适合这种密集连接的场景。

你可以根据自己的需求选其中一种方案，或者组合起来用——比如先分port，再加弯曲边，效果会更好！

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