Graphviz使用简介(中文乱码的问题)

Posted 2020-08-23 永远的麦田

Graphviz使用简介

graphviz是基于dot语言的绘图工具，可以画有向图、无向图、关系图、目录图、流程图等。具体作用可见它的官方网站

一些参考的网址：

http://www.open-open.com/lib/view/open1455954987933.html

https://www.oschina.net/question/129540_79958

http://blog.csdn.net/xiajian2010/article/details/23748557

如果想更进一步，直接上官网：http://www.graphviz.org/Documentation.php

dot draws directed graphs as hierarchies. It runs as a command line program,
web visualization service, or with a compatible graphical interface.
Its features include well-tuned layout algorithms for placing nodes and edge
splines, edge labels, “record” shapes with “ports” for drawing data structures;
cluster layouts; and an underlying file language for stream-oriented
graph tools.

正如上面所提到的，Graphviz是门基于dot语言的绘图工具，也就是说它不是使用鼠标来画图的，而是通过dot这种描述语言来做的，然后在命令行下使用命令生成对应的图片，这样做的优点是不用去手功的对齐坐标，而且也可以做为一些可视化的解决方案，但是它的缺点同样是显著的：无法对每一个元素的位置进行很详细的控制。这里就存在一个取舍问题了。像我这种就用来画画流程图的人来说，已经够用了，而且要比visio那种工具更好用。

DOT语言由三个对象组成grahps,nodes,edges,这与离散数学中的图的定义是一个概念。下面是个具体的例子，第一行是图名与类型，其于的就是创建nodes,edges,或者subgraphs。在要创建的这些对象中，它们的名字与属性可以是 C identifiers,数字，或者是quoted C string, 引号的作用主要是为了在名字与属性中可以带空白符与标点符号。

例子：

 

在命令行使用如下命令

dot -Tpng example.dot -o example.png

-T的意思是生成的文件是png格式的，example.dot是代码所在文件，-o指定生成的文件名。运行成功后将会类似如下的图。

digraph G{
edge [fontname="NSimSun"];
node [ fontname="NSimSun" size="15,15"];
{
main -> parse -> execute;
main -> init; main -> cleanup;
execute -> make_string;
execute -> printf;
init -> make_string; 
main -> printf; 
execute -> compare; 
}

}

显示图形：

 

node将在它第一次出现时建立，当多个node使用操作符”->”来联接时，边将自动被创建。

如果想让边带有文字，如下图，可以使用类似如下语句

main->parse[label=”abc”];

下面是一个比较复杂的例子：

digraph G {
edge [fontname="FangSong"];
node [shape=box, fontname="FangSong" size="20,20"];
{
Lexical_Analyzer [label="词法分析器"];
Syntax_Analyzer [label="语法分析器"  ];
Semantic_Analyzer [label="语义分析"   ];
Intermediate_Code_Generator [label="中间代码生成器" ];
Machine_Independent_Code_Optimizer [label="机器无关代码优化器"   ];
Code_Generator [label="代码生成器" ];
Machine_Dependent_Code_Optimizer [label="机器相关代码优化器"  ];
}
node[shape=plaintext, fontname="KaiTi" ]{
character_stream [label="字符流"];
target_machine_code [label="目标机器语言" ];
}character_stream ->Lexical_Analyzer;
Lexical_Analyzer ->Syntax_Analyzer [label="符号流"];
Syntax_Analyzer  ->Semantic_Analyzer  [label="语法树"];
Semantic_Analyzer  ->Intermediate_Code_Generator  [label="语法树"] ;
Intermediate_Code_Generator->Machine_Independent_Code_Optimizer  [label="中间表示形式"];
Machine_Independent_Code_Optimizer  ->Code_Generator  [label="中间表示形式"];
Code_Generator ->Machine_Dependent_Code_Optimizer [label="目标机器语言"];
Machine_Dependent_Code_Optimizer->target_machine_code ;
}

 

一个简单的例子：

digraph directed {  
edge [fontname="FangSong"]; 
{
    a -> b;  
    a -> c -> d [color=red,penwidth=3.0];  
    c -> e[label="叶子"];
}
}

 

这里要注意的是中文问题，graphviz默认设置下是不支持中文，如果在dot文件中直接写中文，会显示成乱码，要解决这个问题要做两件事，

1、把源文件保存为UTF-8的格式
2、设置fontname，也就是红色的部分，

如果想更深入的了解graphviz，可以去它的官方网站看一下相关文档，里面还有一些paper,如果感兴趣的话也可以看看，其实graphviz还用到了编译原理的知识，只是没有什么创新所以也就没有重点说了，但从这可见编译原理的重要性。

附

1、windows系统中文字体的英文名

新細明體：PMingLiU
細明體：MingLiU
標楷體：DFKai-SB
黑体：SimHei
宋体：SimSun
新宋体：NSimSun
仿宋：FangSong
楷体：KaiTi
仿宋_GB2312：FangSong_GB2312
楷体_GB2312：KaiTi_GB2312
微軟正黑體：Microsoft JhengHei
微软雅黑体：Microsoft YaHei

更详细的资料见：http://www.yale.edu/chinesemac/pages/fonts.html