Graphviz布局问题：子图垂直排列后如何实现簇内节点水平左到右排序

我懂你的需求：已经通过rankdir=TB和跨簇隐形边实现了子图的垂直堆叠，但簇内节点总是乱序，想要每个簇里的节点严格按1 2 3 4 5 6、11 22 33...这样从左到右排列。

问题出在：虽然你给每个簇设置了rank=same，但Graphviz默认不会严格按照你定义节点的顺序来排列同rank的节点——它会根据布局算法自动调整，除非你给它明确的顺序约束。

这里有个简单可靠的解决方案：在每个簇内部添加不可见的顺序边，强制节点按你想要的左右顺序排列。结合你现有的跨簇隐形边，就能完美实现你要的布局效果。

修改后的完整代码如下：

node [shape=box,style=filled];
newrank=True;
rankdir=TB;
splines=ortho;

# 维持簇的垂直顺序的隐形边
1->11[style=invis];
11->111[style=invis];
111->1111[style=invis];

subgraph cluster_0 {
rank=same;
ordering=in; # 辅助强制子图内按定义顺序排列
1 -> 2 [style=invis];
2 -> 3 [style=invis];
3 -> 4 [style=invis];
4 -> 5 [style=invis];
5 -> 6 [style=invis];
1;2;3;4;5;6;
}

subgraph cluster_1 {
rank=same;
ordering=in;
11 -> 22 [style=invis];
22 -> 33 [style=invis];
33 -> 44 [style=invis];
44 -> 55 [style=invis];
55 -> 66 [style=invis];
11;22;33;44;55;66;
}

subgraph cluster_2 {
rank=same;
ordering=in;
111 -> 222 [style=invis];
222 -> 333 [style=invis];
333 -> 444 [style=invis];
444 -> 555 [style=invis];
555 -> 666 [style=invis];
111;222;333;444;555;666;
}

subgraph cluster_4 {
rank=same;
ordering=in;
1111 -> 2222 [style=invis];
2222 -> 3333 [style=invis];
3333 -> 4444 [style=invis];
4444 -> 5555 [style=invis];
5555 -> 6666 [style=invis];
1111;2222;3333;4444;5555;6666;
}

1->6666
}

关键修改点说明： #

• 簇内隐形顺序边：比如1 -> 2 [style=invis]这类边，告诉Graphviz节点1必须在节点2的左边，以此类推，强制整个簇内的节点按从左到右的顺序排列。
• ordering=in属性：添加在每个子图里，辅助让Graphviz优先遵循子图内节点的定义顺序和内部边的约束，进一步强化布局的有序性。
• 保留你原来的跨簇隐形边，确保四个簇从上到下垂直堆叠。

这样生成的图就会完全符合你的要求：簇按cluster_0→cluster_1→cluster_2→cluster_4从上到下排列，每个簇内的节点严格按你想要的从左到右顺序展示。

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