如何在Graphviz dot布局引擎中控制边间距（类似nodesep效果）

问题说明 #

需要在dot布局引擎中控制两种边的间距：

1. 同一节点对之间的多条平行边（如示例中a->b的红、蓝、绿三条边）
2. 单条多色分段边（如示例中c->d的渐变边）
   已知nodesep属性无法实现预期效果，需保留dot作为布局引擎。

示例代码：

digraph G {
  nodesep = "0.15"
  a -> b [dir=none color="red"]
  a -> b [dir=none color="blue"]
  a -> b [dir=none color="green"]
  
  c -> d [dir=none color="green:red:blue"]
}

解决方法 #

1. 调整多条平行边的间距 #

dot中可通过sep属性直接控制平行边之间的间距，单位为点（point），需Graphviz 2.40及以上版本支持：

• 全局设置：在图中添加edge [sep=数值]，对所有平行边生效
• 单独设置：给特定边对添加sep=数值属性，仅对该组边生效

示例（缩小a->b的边间距，若c->d有多条边则增大其间距）：

digraph G {
  nodesep = "0.15"
  # 缩小a->b的平行边间距
  a -> b [dir=none color="red" sep=0.1]
  a -> b [dir=none color="blue" sep=0.1]
  a -> b [dir=none color="green" sep=0.1]
  
  # 给c->d的多条边设置更大间距
  c -> d [dir=none color="green:red:blue"]
  c -> d [dir=none color="yellow" sep=0.5]
}

如果sep属性不兼容，可间接通过weight属性调整：权重值越大，边越靠近节点对的中心，权重差异会拉开边的间距。

2. 调整单条多色分段边的间距 #

单条多色边的颜色分段间距由边长度、分段数量和颜色位置控制：

• 调整penwidth：增大边的宽度，颜色分段会显得更宽（视觉上间距更大）
• 自定义颜色位置：通过color="颜色1:比例1:颜色2:比例2:..."的格式，手动指定每个颜色段的起始位置比例，精准控制分段间距

示例（调整c->d的多色分段间距）：

digraph G {
  nodesep = "0.15"
  a -> b [dir=none color="red"]
  a -> b [dir=none color="blue"]
  a -> b [dir=none color="green"]
  
  # 加宽边并自定义颜色分段位置
  c -> d [dir=none color="green:0.2:red:0.8:blue" penwidth=3]
}

内容的提问来源于stack exchange，提问作者The Bic Pen