在GraphViz中製作圖例/關鍵字

Question

我想在我的GraphViz關係圖中包含圖例或關鍵字。不過，我無法弄清楚要使用哪些代碼。我也想把它放在一個角落，但我知道的唯一的座標是左下角：pos="10,10!"。

有誰知道我該如何獲得這個工作？

Answer 1

我深信，graphviz的不應該用這樣的方式，但也可以使用HTML labels達到你想要的東西：

digraph { 

Foo -> Bar -> Test; 
Foo -> Baz -> Test; 

{ rank = sink; 
    Legend [shape=none, margin=0, label=< 
    <TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="4"> 
    <TR> 
     <TD COLSPAN="2"><B>Legend</B></TD> 
    </TR> 
    <TR> 
     <TD>Foo</TD> 
     <TD><FONT COLOR="red">Foo</FONT></TD> 
    </TR> 
    <TR> 
     <TD>Bar</TD> 
     <TD BGCOLOR="RED"></TD> 
    </TR> 
    <TR> 
     <TD>Baz</TD> 
     <TD BGCOLOR="BLUE"></TD> 
    </TR> 
    <TR> 
     <TD>Test</TD> 
     <TD><IMG src="so.png" SCALE="False" /></TD> 
    </TR> 
    <TR> 
     <TD>Test</TD> 
     <TD CELLPADDING="4"> 
     <TABLE BORDER="1" CELLBORDER="0" CELLSPACING="0" CELLPADDING="0"> 
     <TR> 
     <TD BGCOLOR="Yellow"></TD> 
     </TR> 
     </TABLE> 
     </TD> 
    </TR> 
    </TABLE> 
    >]; 
    } 
} 

這就是這個樣子：

定位的Legend必須像其他任何節點一樣完成（我使用rank = sink來獲得它到底部） - 您可以使用它的margin屬性來調整位置。

編輯：

不使用的標籤，可能的方向去 - 我不知道它是否是完全消除ranksep。

digraph { 
mindist=0; 
ranksep=0; 
nodesep=0; 

node[shape=box,margin="0,0",width=1, height=0.5]; 
edge [style=invis]; 

Legend[width=2]; 
Legend -> Foo; 
Legend -> FooValue; 
Foo -> Bar; 
FooValue -> BarValue 
Bar -> Baz; 
BarValue -> BazValue; 

edge [constraint=false]; 
Foo -> FooValue; 
Bar -> BarValue 
Baz -> BazValue; 
} 

，導致：

Answer 2

digraph { 
    rankdir=LR 
    node [shape=plaintext] 
    subgraph cluster_01 { 
    label = "Legend"; 
    key [label=<<table border="0" cellpadding="2" cellspacing="0" cellborder="0"> 
     <tr><td align="right" port="i1">item 1</td></tr> 
     <tr><td align="right" port="i2">item 2</td></tr> 
     <tr><td align="right" port="i3">item 3</td></tr> 
     <tr><td align="right" port="i4">item 4</td></tr> 
     </table>>] 
    key2 [label=<<table border="0" cellpadding="2" cellspacing="0" cellborder="0"> 
     <tr><td port="i1">&nbsp;</td></tr> 
     <tr><td port="i2">&nbsp;</td></tr> 
     <tr><td port="i3">&nbsp;</td></tr> 
     <tr><td port="i4">&nbsp;</td></tr> 
     </table>>] 
    key:i1:e -> key2:i1:w [style=dashed] 
    key:i2:e -> key2:i2:w [color=gray] 
    key:i3:e -> key2:i3:w [color=peachpuff3] 
    key:i4:e -> key2:i4:w [color=turquoise4, style=dotted] 
    } 
    ... 

我用dot。

Answer 3

如果您使用圖[splines=ortho]：這些行的順序相反，則會出現一些問題。

點源：

digraph { 
    rankdir=LR 
    node [shape=plaintext] 
    graph [splines=ortho] 
    subgraph cluster_01 { 
    label = "Legend"; 
    key [label=<<table border="0" cellpadding="2" cellspacing="0" cellborder="0"> 
     <tr><td align="right" port="i1">item 1</td></tr> 
     <tr><td align="right" port="i2">item 2</td></tr> 
     <tr><td align="right" port="i3">item 3</td></tr> 
     <tr><td align="right" port="i4">item 4</td></tr> 
     <tr><td align="right" port="i5">item 5</td></tr> 
     </table>>] 
    key2 [label=<<table border="0" cellpadding="2" cellspacing="0" cellborder="0"> 
     <tr><td port="i1" bgcolor='greenyellow'>&nbsp;</td></tr> 
     <tr><td port="i2">&nbsp;</td></tr> 
     <tr><td port="i3">&nbsp;</td></tr> 
     <tr><td port="i4">&nbsp;</td></tr> 
     <tr><td port="i5">&nbsp;</td></tr> 
     </table>>] 
    key:i1:e -> key2:i1:w [color=red] 
    key:i2:e -> key2:i2:w [color=gray] 
    key:i3:e -> key2:i3:w [color=peachpuff3] 
    key:i4:e -> key2:i4:w [color=turquoise4, style=dotted] 
    key:i5:e -> key2:i5:w [color=red, style=dotted] 
    } 
}