Configuration Graphviz-页面压扁，排名不受尊重

[在此处输入图像描述][1]我只是在学习GraphViz，我正在努力解决一些基本问题。我有两个子图，应该能够显示基本节点和它们之间的链接，请参见代码：

digraph G {
graph [rankdir="TB", splines=ortho, nodesep=2, ranksep=2.5, fontsize=18, fontname="Verdana"];
node [shape=record, height=3, width=3];
rankdir = TB;


subgraph cluster_0 {    
    node [style=filled, color=lightgrey, fontsize=18, fontname="Verdana"];
    label = "DMZ 1";
    PWI -> PWE -> PWI
}

subgraph cluster_1 {
    node [style=filled, color=lightgrey, fontsize=18, fontname="Verdana"];
    label = "Trusted Zone EBC" ;
    PR1 -> PWI [headlabel="test text", labeldistance=2.5] 
    PWI -> PR1  
    PR1 -> PWE  
    PWE -> PR1  
    PWI -> PWE -> PWI  
    PFI -> PWE  
    PFI -> PWI  
    PWE -> PFI  
    PWI -> PFI  
    PBW -> PWI  
    PBW -> PWE  
    PWI -> PBW  
    PWE -> PBW  
    PSM -> PWE  
    PSM -> PWI  
    PWE -> PSM  
    PWI -> PSM  
    {rank = same; PR1; PFI; PSM; PBW}
    {rank = same; PWI}
    {rank = same; PWE}
}

}

这就导致了下面的问题。。我是否碰到了[enter image description here][2]一个“画布”的边缘？如果是，我可以增加它吗？为什么排名最高的与排名最低的排名相同，而排名中等的则在他们之上，而排名却不受尊重

谢谢

---

不，您没有触及“画布”的边缘，因为默认情况下是将其展开以适合图形

图中秩的问题是节点之间的边在两个方向上都有。由于Graphviz认为边的左侧比右侧具有更高的秩，因此所有这些边都会混淆Graphviz

相反，如果始终创建从较高级别（根据需要）节点到较低级别节点的边，并使用该属性指定该边应指向后退方向，如：

n1->n2[dir=back]

，Graphviz将获得对节点级别的一致感知，并尊重您的预期级别

也许这更符合您的需求：

var dotSrc=`
有向图G{
图形[rankdir=“TB”，样条线=正交，节点集=2，ranksep=2.5，fontsize=18，fontname=“Verdana”]；
节点[形状=记录，高度=3，宽度=3]；
rankdir=TB；
子图簇_0{
节点[style=filled，color=lightgrey，fontsize=18，fontname=“Verdana”]；
label=“DMZ 1”；
PWE->PWI
PWE->PWI[dir=返回]
}
子图簇1{
节点[style=filled，color=lightgrey，fontsize=18，fontname=“Verdana”]；
label=“受信任区域EBC”；
PWI->PR1[headlabel=“测试文本”，labeldistance=2.5 dir=back]
PWI->PR1
PWE->PR1[dir=返回]
PWE->PR1
PWE->PWI[dir=返回]
PWE->PWI
PWE->PFI[dir=返回]
PFI->PWI
PWE->PFI
PFI->PWI[dir=返回]
PWI->PBW[dir=返回]
PWE->PBW[dir=返回]
PWI->PBW
PWE->PBW
PWE->PSM[dir=返回]
PWI->PSM[dir=返回]
PWE->PSM
PWI->PSM
{rank=same；PR1；PFI；PSM；PBW}
{rank=相同；PWI}
{rank=相同；PWE}
}
}
`;
d3.选择（“#图形”）.graphviz（）
.renderDot（dotSrc）；