graphviz快速上手

         graphviz最初是AT&T实验室用来画流程图的工具，使用dot语言。其中根据图的类型可以分为有向图(dirgraph)和无向图(graph)。我们知道图是由点(node)和边(edge)组成的，在有向图中边使用"->"表示,无向图中边使用"--"表示，他们不可以混合使用。graphviz官方网站:http://graphviz.org/

         graphviz很容易安装，在windows上可以下载msi文件，然后一路安装，在mac上可以通过brew install graphviz安装，安装完成可以使用dot -v查看是否安装成功。

$ dot -v

我们来看一个最简单的例子，编辑hello.gv文件

$ vi hello.gv

graph progress1{
 a -- b
 a -- b
 b -- a[color=blue]
}

完成之后我们通过命令执行将它转换为图形。

$dot -Tpng hello.gv -o hello.png

生成的图形如下：

在hello.gv中我们定义了两个结点(node),a和b,他们之间有三条线，均是无向的，因此也称为无向图graph,同时第三条边我们还通过[]来设置了color属性。

我们对hello.gv稍作修改，将其改为有向图

digraph progress2{
 a -> b
 a -> b
 b -> a[color=blue,style=filled]
}

生成图形结果如下图所示：

      以上对边使用了"->"，表示有向图，定义图时使用的是digraph,与无向图还是有区别的。

      以上两个图形都是相对简单的，而且属性也大多使用的是默认值，现在我们稍微介绍一些基础知识，他们对我们画图会有很大的帮助。

      1、我们知道图由点和线组成，点(node)是有形状(shape)的，点的形状有box,circle,polygon,plaintext，即方形、圆形、多边形、文本。默认是ellipse,即椭圆。

      2、点也可以定义标签label,默认标签即点的名称(name)。

      3、边线(edge)可以有方向，方向分为forward(default),back,both,none。

      4、图还可以包含子图，使用subgraph定义，子图的名称必须使用cluster前缀。

      5、设置属性时，可以使用node[x=y]的方式为点设置属性，也可以使用nodename[x=y]为某一个点设置属性，同理edge[x=y]可以用来为边设置属性。

       下面我们利用刚才的理论基础来画一个复杂的图形，先看代码：

digraph G{
	subgraph cluster1{
        node[style=filled,color=white];
        style=filled;
        color=lightgrey;
        a0 -> a1 -> a2 -> a3;
        label="progress #1";
	}
	subgraph cluster2{
        node[style=filled];
        b0 -> b1 -> b2 -> b3;
        label="progress #2";
        color=blue;
	}
	start -> a0;
	start -> b0;
	a1 -> b3;
	b2 -> a3;
	a0 -> a3[dir=back];
	a3 -> end;
	b3 -> end;

	start[shape=circle,color=red,style=filled];
	end[shape=circle,color=green,style=filled];
}

上面代码定义了一个图中包含了两个字图，他们分别代表progress #1和progress #2,每个图中会有一个按顺序排列的有向图，这个图中还有结点是互相指向的，另外利用a0->a3[dir=back]实现了a3到a0的指向。利用这段代码生成的图形如下所示：

总结一下利用graphviz画图的感受，画出的图形很直观，很容易理解，就是设置属性稍微复杂一些，如果对属性非常清楚，那么就可以画出你想画的任何图形。