graphviz dot初探

graphviz dot初探

简介

现在文档都用markdown保存到github、gitlab这种代码仓库。markdown遇到最大的问题就是对图片的引用,
直接用工具绘制的图片可以引用,但是这样没法像md文件那样在git仓库中进行版本管理,而且既然文档用了描述语言,
引用图片源文件能用描述语言就更好了。

dot是graphviz的一种描述语言,可以通过graphviz提供的命令行工具生成图片文件。

安装

用gentoo(prefix)安装graphviz直接emerge即可,除了默认的选项,增加了svg格式的支持:

USE="svg" emerge media-gfx/graphviz

绘图

dot的文档可以参考官方pdf

节点和箭头

dot的节点创建和连接非常方便,直接a->b就可以创建节点a和b,并且用默认的箭头连接两个节点。

digraph e1 {
    a->b;
}

使用命令生成png图片:

dot -Tpng -o e1.png e1.dot

生成的效果图片为: e1

节点属性

节点也可以先“声明”再使用(连接),节点可以用方括号添加属性,比如节点标签、形状、填充、颜色等。
稍稍修改a、b的形状:

digraph e2 {
    a[label="label a" shape="box3d" color="red"];
    b[label="label b" shape="box" style="filled" fillcolor="yellow"];
    a->b;
}

生成效果图: e2

集群(cluster)

dot中可以设置子图,默认子图是不会显示边框和名称。除非子图的名字是cluster开头:

digraph e3 {
    subgraph cluster0 {
        a->{b c}
        label="cluster 0"
    }
    subgraph cluster1 {
        x->{y z}
        label="cluster 1"
    }
    edge[constraint=false];
    a->x;
}

效果图: e3

这里通过设置edge的constraint为false,不让右边的子图“掉下去”。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据