用Graphviz制好看网络图

535 阅读1分钟
label

换行
直接用\n即可



位置
使用labelloc=b表示放在底部



和节点的距离
可以用HTML label来实现

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

这样"手机"就不会和图片重叠,而是位于下方


table控制
用HTML 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];




图标库
到这里下载

www.iconfinder.com/



网上的例子
好看是关键目的,下面找了一些资料

位置控制很好的例子,还有总结:

stackoverflow.com/questi ... …



参考这篇博客,画得比较好看,还提供了方法:

mikegriffin.ie/blog/201103…



这个画得更好看

mamchenkov.net/wordpress/ …



这个一般,主要是布局控制的不好

kontrolissues.net/2017/0 ... …



这个布局很不错:

itsecworks.com/2012/03/1 .…



这个是绘制神经网络的:

tgmstat.wordpress.com/20 ... -dia…
---------------------
作者:csfreebird
来源:CSDN
原文:blog.csdn.net/csfreebird/…
版权声明:本文为博主原创文章,转载请附上博文链接!