image - 使用 png 或 svg 图像作为 graphviz 节点

Question

我尝试在 graphviz （节点d）中使用自定义图像节点：

digraph foo {
    rankdir=LR;
    node [shape=record];
    a [label="{ <data> 12 | <ref>  }", width=1.2]
    b [label="{ <data> 99 | <ref>  }"];
    c [label="{ <data> 37 | <ref>  }"];
    d [image="X_Shape_Pillar_Yellow.png"];
    a:ref:c -> b:data [arrowhead=vee, arrowtail=dot, dir=both, tailclip=false, arrowsize=1.2];
    b:ref:c -> c:data [arrowhead=vee, arrowtail=dot, dir=both, tailclip=false];
    c:ref:c -> d      [arrowhead=vee, arrowtail=dot, dir=both, tailclip=false];
}

不幸的是，图像没有出现：

我使用以下方法编译了点文件：

dot -v -Tpng list.dot -o list.png

我的代码（包括 png 图像）存储在 github 中。

如何将替换节点d与我的自定义图像一起使用？

Answer 1

只需为此节点定义其他形状，例如shape=none：

d [shape=none, label="", image="X_Shape_Pillar_Yellow.png"];

定义为默认的record形状不显示图像，而none,box甚至显示plaintext。

同时，将标签设置为空可能是个好主意。