问题描述
我想画这样的图 -
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"
];
}