1、安装Graphviz （windows 版本，后面说linux下的安装）

　　1.1）下载安装文件

从graphviz官网下载 http://www.graphviz.org/Download.php

或者从我的百度网盘下载 http://pan.baidu.com/s/1i3mzunV

下载后双击安装，跟着提示安装即可

　　1.2）安装后可能在桌面没有graphviz的快捷方式，不过不用担心，在我们的开始菜单里面可以找到。开始->所有程序->Grapgviz->gvedit.exe。

打开后是如下的一个简单界面（忽略界面上的那只苍蝇~）

红色字体1，是新建一个脚本，红色字体2是在编辑完脚本后执行脚本。下面我们将使用graphviz手册上的一个小例子进行演示。代码如下：

digraph G{

    size = "5, 5";//图片大小

    main[shape=box];/*形状*/

    main->parse;

    parse->execute;

    main->init[style = dotted];//虚线

    main->cleanup;

    edge[color = green]; // 连接线的颜色

    execute->{make_string; printf}//连接两个

    init->make_string;

    main->printf[style=bold, label="100 times"];//线的 label

    make_string[label = "make a\nstring"]// \n, 这个node的label，注意和上一行的区别

    node[shape = box, style = filled, color = ".7.3 1.0"];//一个node的属性

    execute->compare;

}

运行结果如下：

更多的示例请参看graphviz 文档《Drawing graphs with dot》，这里也有一些不错的示例代码：

http://www.cnblogs.com/sld666666/archive/2010/06/25/1765510.html

2、linux下咋安装

　　2.1）CentOS 下安装 graphviz

3、在Linux下如何使用

　　假设我们把上面的代码写到了一个叫做aa.gv的文本文件里面，那么我们执行如下命令就可以了：

　　$ dot -Tpng -ohehe.png aa.gv

　　这样就会在当前目录下生成一个叫做hehe.png的图片文件，然后把它放到页面的img标签里面就可以在浏览器看啦 ~_~

作者：风波

mail : fengbohello@qq.com