graphviz中的展开/折叠表[重复]答案

【问题标题】：Expand/Collapsible tables in graphviz [duplicate]graphviz中的展开/折叠表[重复]
【发布时间】：2020-10-03 20:16:32
【问题描述】：

我通过 Graphviz 创建了一个图表。边缘的权重是链接表。我希望这个表格可以通过单击或鼠标悬停来展开/折叠。我通过以下方式创建了这个图表和表格（* 在这个例子中，表格只存在于一个边上。）：

digraph prof {
    ratio = fill;
    node [style=filled, fillcolor=lightblue];
    bees->larvae[label=2,penwidth=0.5]
    cattle->dog[label=1,penwidth=0.25]
    .
    .
    .
    jackal->dog[label=1,penwidth=0.25]
    pigs->flying[label=1,penwidth=0.25,label=<<table>
    <tr><td href="http://google.com">Google</td></tr>
    <tr><td href="http://bing.com">bing</td></tr>
    </table>>]

}

那么，我怎样才能使这张桌子可折叠/可展开？谢谢..

【问题讨论】：

点击或鼠标悬停是什么意思？您为 graphviz 输出选择了什么目标介质？例如，一张简单的图片不能有“点击”或“鼠标悬停事件”。
输出文件是 SVG。在上面的实现中，我可以看到一个带有链接的表格。我可以让这个表格可折叠/可扩展，还是不能用 SVG 文件来完成？
其实是的。谢谢

标签： html graphviz pygraphviz

【解决方案1】：

您需要使用 javascript 来执行此操作。但是你可能会遇到一些问题，比如希望布局根据节点大小而改变。我建议在检查节点详细信息时使用弹出窗口，尽管您可能仍需要使用 javascript

【讨论】：