Graphviz/表格/如何合并单元格

如何解决Graphviz/表格/如何合并单元格

我想画这样的图 -

我有这样的 Graphviz 代码 -

digraph G {
    
    
"test" [
    label = <<table border="0" cellspacing="0">
    <tr>
        <td port="f0" border="1" bgcolor="darkorange">TEST</td>
        <td port="f1" border="1" bgcolor="darkorange"></td>
    </tr>
    <tr>
        <td port="f2" border="1" bgcolor="cyan">A</td>
                 <td>
                    <table border="0" cellspacing="0">
                        <tr><td port="f3" border="1" bgcolor="azure">A1</td></tr>
                        <tr><td port="f4" border="1" bgcolor="azure">A2</td></tr>
                        <tr><td port="f5" border="1" bgcolor="azure">A3</td></tr>                         
                    </table>
                </td>      
    </tr>          
    <tr>
        <td port="f5" border="1" bgcolor="gray">Else</td>
        <td port="f6" border="1" bgcolor="gray"></td>
    </tr>
</table>>
shape = "none"
];

    
}

但它给出了这样的图表

请您建议我们如何调整代码以实现目标 - 合并顶部的 f0、f1 和底部的 f5、f6？

解决方法

您可以在 GraphViz 中使用带有 df1 <- structure(list(name = c("York 009A","Wychavon 014A","Bath and North East Somerset 001A","Aylesbury Vale 008C","Central Bedfordshire 030C")),class = "data.frame",row.names = c(NA,-5L)) 和 <td> 属性的 HTML colspan。这些允许一个单元格跨越表格内的多个列和/或行。

这也简化了你的有向图，因为只需要一张表。

rowspan

这为您提供了以下基本输出，然后您可以自定义间距、线条颜色等：

,

这个也可以。有什么区别？

    digraph G {


    "test" [
        label = <<table border="0" cellspacing="0">
        <tr><td colspan="2" port="f0" border="1" bgcolor="darkorange">TEST</td> </tr>
        <tr><td rowspan="4" port="f5" border="1" bgcolor="blue">A</td></tr>
        <tr><td port="f6" border="1" bgcolor="white">A1</td></tr>
        <tr><td port="f6" border="1" bgcolor="white">A2</td></tr>
        <tr><td port="f6" border="1" bgcolor="white">A3</td></tr>
        <tr><td colspan="2" port="f0" border="1" bgcolor="grey">Else</td></tr>
        </table>>
    shape = "none"
    ];

}