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画图的感受,画出的图形很直观,很容易理解,就是设置属性稍微复杂一些,如果对属性非常清楚,那么就可以画出你想画的任何图形。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

luffy5459

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值