利用emacs+graphviz绘制流程图

• 1. 安装emacs graphviz-dot-mode
• 2. 安装graphviz并测试

写文章除了插入代码以外，总是免不了需要流程图来介绍，显得直观易懂。以前在学校的时候用过graphviz来产生有向图数据，来测试算法。同样的工具也可以用来绘制精美的流程图，下面就Linux Mint环境下如何配置和使用graphviz做简单介绍。

1. 安装emacs graphviz-dot-mode

从这里graphviz-dot-mode下载graph-dot-mode.el，然后在.emacs中添加如下配置语句

(load-file "graphviz-dot-mode.el路径")

这里还是遇到了配置slime时候一样的问题，打开dot文件后，会报

Error in post-command-hook (autopair-global-mode-check-buffers): (wrong-type-argument characterp nil)

于是又加了一条

(set-default 'autopair-dont-activate #'(lambda()(eq major-mode 'graphviz-dot-mode)))

就把graphviz-dot-mode下的自动补全给禁止了。

2. 安装graphviz并测试

$sudo apt-get install graphviz

在emacs中输入如下内容并保存

digraph G{
	size = "4, 4";//图片大小
	main[shape=box];/*形状*/
	main->parse;
	parse->execute;
	main->init[style = dotted];//虚线
	main->cleanup;
	execute->{make_string; printf}//连接两个
	init->make_string;
	edge[color = red]; // 连接线的颜色
	main->printf[style=bold, label="100 times"];//线的 label
	make_string[label = "make a\nstring"]// \n, 这个node的label，注意和上一行的区别
	node[shape = box, style = filled, color = ".7.3 1.0"];//一个node的属性
	execute->compare;
}

快捷键C-c c编译，C-c p显示，效果如下

http://users.skynet.be/ppareit/projects/graphviz-dot-mode/graphviz-dot-mode.html