一、认识

接触graphviz是几年前的一个项目,要画出数据网络的布局,使用graphviz能比较清楚的画出数据之间的关系。

可以在gallery中查看他能完成的图形:http://www.graphviz.org/gallery/。graphviz最方便的地方在于能够很快的清晰的画出点与点之间的关系,并且有许多布局算法能够很好的去布局。

之前使用它画过流程图,如:

还有决策树。使用twopi画出数据的关联关系:

二、安装graphviz

根据自己的版本来选择:

 

安装在任意喜欢的位置。但是需要把安装目录的graphviz/bin加入环境变量PATH里,我这里只写了相对路径。

打开cmd,输入:dot --help,如果弹出以下信息,就是安装成功:

 

 

三、使用graphviz

3.1 基本信息

graphviz中包含了众多的布局器:

dot 默认布局方式,主要用于有向图

neato 基于spring-model(又称force-based)算法

twopi 径向布局

circo 圆环布局

fdp 用于无向图

以上布局我都使用过,但是个人比较倾向dot和twopi,可以根据需求来画图。

3.2 基本使用

以画一个dot布局为例子:

(1)建立一个first.dot脚本:

digraph first2{
a;
b;
c;
d;
a->b;
b->d;
c->d;
}

解释:digraph是画图类型,接触高级使用可以有不同的类型,first2可以和文件名first不一样。画了abcd4个点。然后a->b表示a点指向b点,如果有线条的指向,可以不用先声明点。即,上述代码等价于:

digraph first2{
a->b;
b->d;
c->d;
}

(2)画图

打开cmd到first.dot目录下,运行:

dot -Tpng first.dot -o first.png

可以得到画好的图形。

解释:dot表示使用的是dot布局,其他布局相应的修改即可,-T表示格式,即画成png格式,-o表示重命名为first.png。

在这里如果出现syntax error,可看第四部分常见问题解决。

(3)画图结果

上面的简单的代码得到以下结果: