Ubuntu上玩转graphviz绘图工具

Ubuntu 前端之家
前端之家收集整理的这篇文章主要介绍了Ubuntu上玩转graphviz绘图工具，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

http://blog.csdn.net/tao_627/article/details/26128001

简介

关于Graphviz: Graphviz(英文：Graph Visualization Software的缩写)是一个由AT&T实验室启动的开源工具包，用于绘制DOT语言脚本描述的图形。它也提供了供其它软件使用的库。Graphviz是一个自由软件，其授权为Eclipse Public License。其Mac版本曾经获得2004年的苹果设计奖。

Graphviz是大名鼎鼎的贝尔实验室的几位牛人开发的一个画图工具。它的理念和一般的“所见即所得”的画图工具不一样，是“所想即所得”。
Graphviz提供了dot语言来编写绘图脚本。dot的语言专门用来定义关系。我们必须先在某个文件中写上代码，最后调用命令行生成。没有找到可边写边改的集成环境。
关于dot的具体语法参看官方文档，这里就不多说。这里仅用来入门。

http://www.graphviz.org/

另外也有专门渲染DOT脚本的浏览器xdo，直接在窗口渲染，不需要生成图像文件，强烈推荐。

很多图都比较适合用DOT来定义，比如流程图，组织关系图，类图，状态转换图等等。

在刚接触DOT不到3天的时间里，我就分别在代码性能优化，协议栈状态机定义两件事情用到了DOT，感觉非常方便。

性能优化：gprof可以对一个程序运行时进行profiling，生成报告，包括函数调用关系，每个函数被调用的次数，花费的时间。但这个报告是文本的，不够直观。可以通过一个gprof2dot.py脚本，把gprof的输出翻译成一个DOT文件，然后再用Graphviz转成图片或者直接用xdot来查看。

安装graphviz
sudo apt-get install graphviz graphviz-doc
这样会安装dot语言的执行文件，执行文件路径在
/usr/bin/dot
绘图方法
先根据业务需要编写dot文件，参见下面的示例部分，然后编译运行。输出格式可以根据自己的需要来灵活选择
例如test.dot,产生图片：
dot -Tpng test.dot -o test.png
dot -Tsvg test.dot -o test.svg
dot test.dot -Tpdf -o test.pdf

典型示例(更多例子可以参见官方文档)

1.Fancy Graph

[html] view plain copy
  1. digraphG{
  2. edge[fontname="FangSong"];
  3. node[peripheries=2,fontname="FangSong"];
  4. size="16,16";
  5. main[shape="Box"];
  6. main[label="从这里开始"]
  7. main->parse[weight=8]
  8. parse->execute;
  9. >init[style=dotted];
  10. main->cleanup;
  11. execute->{make_string;printf;}
  12. edge[color=red];
  13. init->make_string[label="1000次的感动"];
  14. >printf[label="makea\nstring"];
  16. node[shape=Box,style=filled,color=".7.31.0"];
  17. >compare;
  18. }
效果图


2.Polygon Graph

copy
size="4,4"
  • a->b->c;
  • b->d;
  • a[shape=polygon,sides=5,peripheries=3,color=lightblue,style=filled];
  • c[shape=polygon,sides=4,skew=0.4,label="helloworld"];
  • d[shape=invtriangle];
  • e[shape=polygon,side=4,distortion=.7];
  • }


    • 效果图


    3.list Graph

    copy
    node[shape=record,height=.1];
  • node0[label="<f0>|<f1>G|<f2>"];
  • node1[label="<f0>|<f1>E|<f2>"];
  • node2[label="<f0>|<f1>B|<f2>"];
  • node3[label="<f0>|<f1>F|<f2>"];
  • node4[label="<f0>|<f1>R|<f2>"];
  • node5[label="<f0>|<f1>H|<f2>"];
  • node6[label="<f0>|<f1>Y|<f2>"];
  • node7[label="<f0>|<f1>A|<f2>"];
  • node8[label="<f0>|<f1>C|<f2>"];
  • "node0":f2->"node4":f1;
  • "node0":f0->"node1":f1;
  • "node1":f0->"node2":f1;
  • "node1":f2->"node3":f1;
  • "node2":f2->"node8":f1;
  • "node2":f0->"node7":f1;
  • "node4":f2->"node6":f1;
  • "node4":f0->"node5":f1;
  • }



    • 4.hash table Graph

    copy
    nodesep=.05;
  • rankdir=LR;
  • node[shape=record,width=.1,height=.1];
  • node0[label="<f0>|<f1>|<f2>|<f3>|<f4>|<f5>|<f6>|",height=2.5]
  • node[width=1.5];
  • node1[label="{<n>n14|719|<p>}"];
  • node2[label="{<n>a1|719|<p>}"];
  • node3[label="{<n>i9|512|<p>}"];
  • node4[label="{<n>e5|632|<p>}"];
  • node5[label="{<n>t20|959|<p>}"];
  • node6[label="{<n>o15|794|<p>}"];
  • node7[label="{<n>s19|659|<p>}"];
  • node0:f0->node1:n;
  • node0:f1->node2:n;
  • node0:f2->node3:n;
  • node0:f5->node4:n;
  • node0:f6->node5:n;
  • node2:p->node6:n;
  • node4:p->node7:n;
  • }


    • 5.Process Graph

    copy
    subgraphcluster0{
  • node[style=filled,color=white];
  • style=filled;
  • color=lightgrey;
  • a0->a1->a2->a3;
  • label="process#1";
  • }
  • subgraphcluster1{
  • node[style=filled];
  • color=blue;
  • b0->b1->b2->b3;
  • label="process#2";
  • }
  • start->a0;
  • start->b0;
  • a1- b2- a3->end;
  • b3->end;
  • start[shape=Mdiamond];
  • end[shape=Msquare];
  • }


    • 6.directed Graph

    copy
    {abc}->{defg}
  • }


    • 7.化学分子式

    [cpp] copy
      graphs{
    1. C_0--H_0;
    2. C_0--H_1;
    3. C_0--H_2;
    4. C_0--C_1;
    5. C_1--H_3;
    6. C_1--H_4;
    7. C_1--H_5;
    8. }

    8.函数调用关系图

    copy
    digraphs{
  • node[shape=ellipse,style=filled,color="#40e0d0"];
  • edge[color="#606060",penwidth=3];
  • main[color=green];
  • main->init[color=blue,label="hello,I'm\llableofedge"];
  • main->mainloop;
  • main->exit;
  • init->a_init;
  • init->b_init;
  • init->c_init;
  • mainloop->select;
  • }

    • 这个是有向图(directional graph)， 脚本的第一个词需要换成"digraph"。常用的属性有color,style,shape,penwidth,label等。label中 \r,\l,\n 都表示换行，但对齐方式分别是 右对齐，左对齐，居中 。


    9.ATS中插件collapsed_connection的流程图，一个更复杂的例子

    copy
    digraphcollapsed_connection{
  • accept->TS_HTTP_POST_REMAP_HOOK;
  • TS_HTTP_POST_REMAP_HOOK->"checkrequestmethod(andheader)";
  • "checkrequestmethod(andheader)"->"getCacheUrlhash_keyusingMurmurHash3"[label="GETrequest(required_headerpresent)"];
  • "checkrequestmethod(andheader)"->"passrequest"[label="others"];
  • "getCacheUrlhash_keyusingMurmurHash3"->"checkhash_keyfromhashTable";
  • "checkhash_keyfromhashTable"->"lockURLinhashTable"[label="notfound"];
  • "checkhash_keyfromhashTable"->"passrequest"[label="found,butmarkedpass"];
  • >"checkhash_keyfromhashTable"[label="lockedorunabletogetmutex,waitinsert_lock_retry_time"];
  • "lockURLinhashTable"->TS_HTTP_CACHE_LOOKUP_COMPLETE_HOOK;
  • TS_HTTP_CACHE_LOOKUP_COMPLETE_HOOK->"removeURLfromhashTable(1)"[label="hit_freshorskipped"];
  • TS_HTTP_CACHE_LOOKUP_COMPLETE_HOOK->"requestoriginserver"[label="missorstale"];
  • "requestoriginserver"->TS_HTTP_READ_RESPONSE_HDR_HOOK;
  • TS_HTTP_READ_RESPONSE_HDR_HOOK->"removeURLfromhashTable(1)"[label="not200/OKresponse"];
  • TS_HTTP_READ_RESPONSE_HDR_HOOK->"checkread_while_writerconfig";
  • "checkread_while_writerconfig"->"removeURLfromhashTable(1)"[label="enabled"];
  • "checkread_while_writerconfig"->TS_HTTP_TXN_CLOSE_HOOK[label="disabled"];
  • >"markpassinhashTable"[label="non-cacheable"];
  • "removeURLfromhashTable(1)"->TS_HTTP_TXN_CLOSE_HOOK;
  • "markpassinhashTable"->TS_HTTP_TXN_CLOSE_HOOK;
  • "passrequest"- TS_HTTP_TXN_CLOSE_HOOK->"removeURLfromhashTable(2)";
  • TS_HTTP_TXN_CLOSE_HOOK->"checkkeep_pass_record_time"[label="non-cacheable"];
  • "checkkeep_pass_record_time"->"addintoKeepPassList"[label=">0"];
  • "checkkeep_pass_record_time"->"removeURLfromhashTable(2)"[label="=0"];
  • "addintoKeepPassList"->"transactionclose";
  • "removeURLfromhashTable(2)"->"transactionclose";
  • "transactionclose"->accept;
  • TS_HTTP_POST_REMAP_HOOK[shape=box];
  • TS_HTTP_CACHE_LOOKUP_COMPLETE_HOOK[shape=box];
  • TS_HTTP_READ_RESPONSE_HDR_HOOK[shape=box];
  • TS_HTTP_TXN_CLOSE_HOOK[shape=box];
  • "checkrequestmethod(andheader)"[shape=diamond];
  • "checkhash_keyfromhashTable"[shape=diamond];
  • "checkread_while_writerconfig"[shape=diamond];
  • "checkkeep_pass_record_time"[shape=diamond];
  • }



    • 注意事项

    1.中文乱码

    graphviz默认情况下对中文支持不好，如果代码中有中文，则必须使用UTF-8的格式保存文件，并且在代码中指定字体。

    进一步深究可以查看官方文档

    http://www.graphviz.org/Documentation.PHP

    下面给出几个颇具震撼力的效果图，来自官网文档


    猜你在找的Ubuntu相关文章

    学linux,从Ubuntu开始
    1.安装过程出现0x00000000指令引用的0x00000000内存该内存不能为written 如果你安装的是in...
    ubuntu16.04获取root权限并用root用户登录
    写在全面：如果根据以下教程涉及到只读文件需要更改文件权限才能需修改文件内容，参考我的...
    ubuntu18.04获取root权限并用root用户登录
    写在前面：以下步骤中需要在终端输入命令，电脑端查看博客的朋友可以直接复制粘贴到终端，...
    ubuntu16.04和18.04更换国内源
    ubuntu16.04和18.04更换国内源 写在前面：安装好ubuntu双系统后，默认的软件更新源是国外的...
    ubuntu双系统启动时卡死解决办法
    ubuntu双系统启动时卡死解决办法（在ubuntu16.04和18.04测试无误） 问题描述： 在安装完ub...
    Ubuntu安装ssh
    Ubuntu报“xxx is not in the sudoers file.This incident will be reported” 错误解决方法
    ubuntu-make | Ubuntu Linux一键安装开发环境
    -- 作者 谢恩铭 转载请注明出处 内容简介 什么是ubuntu-make 安装最新版ubuntu-make 用ubu...
    Ubuntu 17.04（Zesty Zapus）正式发布，可以下载使用了
    今天，2017 年 4 月 13 日，Canonical 官方发布了 Ubuntu 17.04（Zesty Zapus）的最终版。...
    Ubuntu 为钱而放弃 Unity ？ Linux 社区的反应
    （点击上方公众号，可快速关注） 编译：伯乐在线/黄小非 如有好文章投稿，请点击 → 这里...
    LinuxWindowsCentOSUbuntuNginxWebServiceScalaMemcacheApacheRedisDockerBashAzureTomcatLNMPShell数据结构服务器运维网络安全
    xebugnodemondocker-copydcoselasticsearcwindows-contdocker-windodocker-awsamazon-cloudenvoyproxyhashicorp-vaswisscomdevkafka-pythonzscalerphoton-osdocker-swarmkamongoogle-cloudconcoursewso2-ampersistent-vapi-managerprocess-manamanjarojenkins-workhypriotremoteapikeystonejsbitcoindbitcoin-test