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

Graphviz使用简介

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

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, 引号的作用主要是为了在名字与属性中可以带空白符与标点符号。

例子：

digraph G { main -> parse -> execute; main -> init; main -> cleanup; execute -> make_string; execute -> printf; init -> make_string; main -> printf; execute -> compare; }

在命令行使用如下命令

dot -Tpng example.dot -o example.png

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

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 ; }

这里要注意的是中文问题，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