利用Graphviz画出图

graphviz官网：http://www.graphviz.org/

背景：有画图需要，之前见到别人用graphviz画，画出来的图漂亮，且自动帮你排版安排布局，所以自己想尝试用它画。

其中遇到的几个问题

win系统下载msi安装包后进行安装，安装不成功，报错信息是win电脑却少什么包，最后转向Mac画图。
找到两个graphviz online的网站（http://www.webgraphviz.com/ 和），都不太好用，不是对中文支持不好，就是稍微复杂一些的图他就画不出来了。
Mac 的安装了graphviz，但是你要先保存.dot文件，编码方式选为utf－8，再用Graphviz打开，就可以支持中文。
对于如何调字体颜色，大小，形状，标签等，参考官网帮助页面都可以搞定。

为什么用这个工具画图？

自动帮你排版
如果图要改动，后续维护简单
画出来的图好看，逼格高

最后放一张自己画的图

画图用的代码：

digraph ER {

        //size = "9, 15";//图片大小

        //fontsize=22

        compound=true;

        node [shape=ellipse,fontname=微软雅黑,labelfontsize=9,fontsize=28]; u89; c1;

         node [shape=box,style=filled,color=palegreen1]; a45;y78;h8;

         node [shape=diamond,style=filled,color=grey92];"b1";"p9";

        fontsize=25

        a [shape=diamond,style=filled,color=lgrey92,label="a1"];

        b [shape=diamond,style=filled,color=grey92,label="a2"];

        c [shape=diamond,style=filled,color=grey92,label="a3"];

        d [shape=diamond,style=filled,color=grey92,label="a4"];

        u89 -> a45;

        a45 -> "b1"[label="",len=1.00];

        "b1" -> a [label="是",len=1.00,fontname=微软雅黑,fontsize=25];

        "b1" -> b [label="否",len=1.00,fontname=微软雅黑,fontsize=25];

        subgraph cluster_0 {

        style=filled;

        color=bisque;

        label = "b2";

        fontname=微软雅黑

        node [shape=diamond,style=filled,color=grey92];"p9";

        a [shape=diamond,style=filled,color=grey92,label="d7"];

        c [shape=diamond,style=filled,color=grey92,label="f17"];

        m [shape=box,label=y78,style=filled,color=palegreen1];

    a -> m [label="是",len=1.00,fontname=微软雅黑,fontsize=25];

    a -> "p9" [label="否",len=1.00,fontname=微软雅黑,fontsize=25];

    "p9" -> c [label="是",len=1.00,fontname=微软雅黑,fontsize=25];

    "p9" -> m [label="否",len=1.00,fontname=微软雅黑,fontsize=25];

    c -> m [label="是",len=1.00,fontname=微软雅黑,fontsize=25];

    c -> h8 [label="否",len=1.00,fontname=微软雅黑,fontsize=25];

    }

subgraph cluster_1 {

    //graph[rank=min;width=11;height=26];

        label = "aa";

        fontname=微软雅黑;

        style = filled;

        color=lightblue;

        b [shape=diamond,style=filled,color=grey92,label="d7"];

        d [shape=diamond,style=filled,color=grey92,label="f17"];

        n [shape=box,label=y78,style=filled,color=palegreen1];

    b -> n [label="是",len=1.00,fontname=微软雅黑,fontsize=25];

    b -> d [label="否",len=1.00,fontname=微软雅黑,fontsize=25];

    d -> n [label="是",len=1.00,fontname=微软雅黑,fontsize=25];

    d -> y78 [label="否",len=1.00,fontname=微软雅黑,fontsize=25];

    }

m -> c1;

n -> c1;

y78 -> c1;

h8 -> c1;

}

总结：多动手，多积累实战经验。博客园也有其他说这个工具的文章，

利用Graphviz 画结构图

Graphviz-Gdot语言学习

等。

巴特西

利用Graphviz画出图

利用Graphviz 画结构图

Graphviz-Gdot语言学习

最新文章

热门文章