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。

同時に、ラベルを何も設定しないことをお勧めします。