• box、polygon、ellipse、circle、point、triangle、invtriangle、plaintext、diamond

digraph shapes {"Box"[shape=box]"Polygon"[shape=polygon,sides=7] /* 定义了一个7边行，sides属性定义多边形边的数量 */"Ellipse"[shape=ellipse]"Circle"[shape=circle]"Point"[shape=point]"triangle"[shape=triangle]"invtriangle"[shape=invtriangle]"plaintext"[shape=plaintext]"diamond"[shape=diamond]
}

想了解更多内容，那就点击我。

• 无向线条、又向线条、双向线条

digraph lines {"Undirected1"->"Undirected2"[arrowhead=none]"Undirected1"->"Directed1""Directed1"->"Directed2"[dir=both]
}

• 实线、虚线、点线、加粗、透明

digraph lines2 {rankdir=LR"solid"->"dashed"[style=solid]"dashed"->"dotted"[style=dashed]"dotted"->"bold"[style=dotted]"bold"->"invis"[style=bold]"invis"->"solid"[style=invis]
}

• box、crow、curve、icurve、diamond、dot、inv、none、normal、tee、vee

digraph arrow {rankdir=LR"box"->"crow"[arrowhead=box]"crow"->"curve"[arrowhead=crow]"curve"->"diamond"[arrowhead=curve]"diamond"->"dot"[arrowhead=diamond]"dot"->"inv"[arrowhead=dot]"inv"->"none"[arrowhead=inv]"none"->"normal"[arrowhead=none]"normal"->"tee"[arrowhead=normal]"tee"->"vee"[arrowhead=tee]"vee"->"box"[arrowhead=vee]#来个高级的用法a->b[arrowhead=lcrowortee]
}

想了解更多内容，那就点击我。

2.4.1 Node常用属性

digraph demo_node {rankdir=LR"default_node""node"[shape=box,color=antiquewhite,style=filled,label="node attrs",fontcolor=brown,fontsize=10,URL="http://www.baidu.com",target="_brank"]"default_node"->"node"
}

2.4.2 Edge常用属性

digraph demo_edge {rankdir=LRa->b[label="Yes",labelfontcolor=blue]edge[arrowhead=box,arrowsize=1.5,color=red,dir=both,style=dotted,weight=10]b->c
}

2.4.3 Graph常用属性

digraph demo_graph {bgcolor=beigefontcolor=gray10fontsize=12label="this is demo"rankdir=TB{rank=same; "level1" "a-level1" "b-level1" "c-level1"}{rank=same; "level2" "d-level2" "e-level2"}{rank=same; "level3" "f-level3" "g-level3" "h-level3" "i-level3" "j-level3"}{rank=same; "level4" "k-level4"}"level1"->"level2"->"level3"->"level4""a-level1"->"d-level2""e-level2"->{"h-level3", "k-level4"}"b-level1"->{"e-level2", "f-level3", "i-level3", "k-level4"}"c-level1"->{"d-level2", "g-level3", "h-level3"}"j-level3"->{"f-level3", "k-level4"}
}

dot支持将一组元素组合成一个子图，且一个图形可以包含一个及多个子图。
使用子图需要注意以下两点：

• 子图node无法在主图rank中使用。
• 子图命名必须以："cluster"作为前缀。

digraph demo_subgraph {bgcolor=beigefontcolor=gray10fontsize=12label="this is demo"rankdir=TB/* 特别注意: 子图命名必须以"cluster"为前缀 */subgraph "cluster_g1" {label="g1"bgcolor=cadetblue"level1"->"level2"->"level3"->"level4"}subgraph "cluster_g2" {label="g2"bgcolor=cornsilk"level2""d-level2""e-level2"}subgraph "cluster_g3" {label="g3"bgcolor=cornsilk"level3""f-level3""g-level3""h-level3""i-level3""j-level3"}"a-level1"->"d-level2""e-level2"->{"h-level3", "k-level4"}"b-level1"->{"e-level2", "f-level3", "i-level3", "k-level4"}"c-level1"->{"d-level2", "g-level3", "h-level3"}"j-level3"->{"f-level3", "k-level4"}
}

2.6.1 label使用html标签

digraph html {abc [shape=none, margin=0, label=<<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="4"><TR><TD ROWSPAN="3"><FONT COLOR="red">hello</FONT><BR/>world</TD><TD COLSPAN="3">b</TD><TD ROWSPAN="3" BGCOLOR="lightgrey">g</TD><TD ROWSPAN="3">h</TD></TR><TR><TD>c</TD><TD PORT="here">d</TD><TD>e</TD></TR><TR><TD COLSPAN="3">f</TD></TR></TABLE>>];}

2.6.2 使用label定义子节点

digraph structs {node [shape=record];struct1 [shape=record,label="<f0> left|<f1> middle|<f2> right"];struct2 [shape=record,label="<f0> one|<f1> two"];struct3 [shape=record,label="hello\nworld |{ b |{c|<here> d|e}| f}| g | h"];struct1:f1 -> struct2:f0;struct1:f2 -> struct3:here;
}