Graphviz：如何让子图节点排成一条直线？答案

【问题标题】：Graphviz: how to have sub-graph nodes lined-up in a straight line?Graphviz：如何让子图节点排成一条直线？
【发布时间】：2020-08-16 02:51:39
【问题描述】：

我正在尝试以以下方式使用 Graphviz 可视化我的源代码存储库的历史记录（从上到下或从左到右无关紧要）：

m1 -> m2 ----> m3 -----> m4 -> m5
    \                    ^
     \-> b1 -> b2 -> b3 -/

鉴于此点文件：

digraph git {
    subgraph master {
        m1 -> m2 -> m3 -> m4 -> m5
    }
    subgraph branch {
        m2 -> b1 // branch from master
        b1 -> b2 -> b3
        b3 -> m4 // merge into master
    }
}

我应该设置什么属性以使子图（属于同一分支）的所有节点都放置在一条直线上？

【问题讨论】：

你真的需要在布局中使用子图吗？
@marapet 否：这只是尝试设置该组节点的布局。

标签： graphviz

【解决方案1】：

最简单的解决方案是将分支和合并边的weight设置为0：

digraph git {
    rankdir=LR
    subgraph master {
        m1 -> m2 -> m3 -> m4 -> m5
    }
    subgraph branch {
        m2 -> b1[weight=0] // branch from master
        b1 -> b2 -> b3
        b3 -> m4[weight=0] // merge into master
    }
}

rankdir=LR 将布局从上下更改为左右。

另请参阅我对类似问题的回答： Forcing "main line" nodes into a straight line in Graphviz (or alternatives)

【讨论】：

@Christopher Mahan 查看链接问题，了解使用group 属性的替代解决方案

【解决方案2】：

可以使用属性设置rank=same

我认为您的特定图表无论如何都会排列成两条完美的线，但如果它更复杂，您可以看到效果。

例如，再添加两个连接。

// new complexity
m1 -> m5 
b3 -> b1

现在要使新的结果图看起来更好，请尝试以下操作。

 { rankdir=LR ; rank=same ; m1; m2; m3; m4; m5 }
 { rankdir=LR ; rank=same ; b1; b2; b3 }

subgraph master { 
m1 -> m2 -> m3 -> m4 -> m5
}

subgraph branch { 
m2 -> b1 // branch from master
b1 -> b2 -> b3
b3 -> m4 // merge into master
}


// new complexity
m1 -> m5 
b3 -> b1

【讨论】：