label

換行

直接用\n即可

位置

使用labelloc=b表示放在底部

和節點的距離

可以用HTML label來實現

  Phone[shape=none, label=< <BR/> <BR/> <BR/> <BR/> <BR/> 手機>, labelloc="b", image="./imgs/phone1.png"]

table控制

  Phone -> PTVServer[label=<<TABLE BORDER="0" CELLBORDER="1"><TR><TD VALIGN="bottom" HEIGHT="20">獲取節目</TD></TR><TR><TD VALIGN="bottom" HEIGHT="20">HTTP</TD></TR></TABLE>>, color=red];
 

圖示庫

到這裡下載

https://www.iconfinder.com/

網上的例子

好看是關鍵目的，下面找了一些資料

位置控制很好的例子，還有總結：

https://stackoverflow.com/questions/7777722/top-down-subgraphs-left-right-inside-subgraphs

參考這篇部落格，畫得比較好看，還提供了方法：

https://mikegriffin.ie/blog/20110308-a-graphviz-tutorial

這個畫得更好看

http://mamchenkov.net/wordpress/2015/08/20/graphviz-dot-erds-network-diagrams/

這個一般，主要是佈局控制的不好

https://kontrolissues.net/2017/02/05/auto-network-diagram-with-graphviz/

這個佈局很不錯：

https://itsecworks.com/2012/03/16/networking-topology-with-graphviz/

這個是繪製神經網路的：

https://tgmstat.wordpress.com/2013/06/12/draw-neural-network-diagrams-graphviz/