Sử dụng png hoặc hình ảnh svg như nút graphviz

Question

Tôi đã cố gắng sử dụng một nút hình ảnh tùy chỉnh trong graphviz (nút 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]; 
} 

Thật không may, hình ảnh không xuất hiện:

Tôi đã biên soạn tệp dấu chấm bằng cách sử dụng:

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

Mã của tôi, inclu ding hình ảnh png, is stored in github.

Làm cách nào để sử dụng nút thay thế d bằng hình ảnh tùy chỉnh của tôi?

Answer 1

Đơn giản chỉ cần xác định một hình dạng khác cho nút này, ví dụ shape=none:

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

Các record hình dạng định nghĩa là mặc định không hiển thị hình ảnh, trong khi none, box và thậm chí plaintext làm.

Đồng thời, bạn nên đặt nhãn thành không có gì.