敲代码前先构思一下-Graphviz-02

系统：Windows 7 软件版本：Graphviz2.38

• 好久不见，接下来会有几篇文章讲解dot语言
• 会已一个示例来展开

效果图

对应dot代码

Part 1：有向图

1. 就像上篇文章说的，对于dot语言需要了解三大对象
   • 图
   • 线
   • 点
2. 每个对象都有其属性，像颜色，粗细，不同的对象也有个性化的属性，例如线是否有箭头
3. 代码部分可以分为三层
   • 第一层，图已digraph开始，最外层的，使用{}将所有内容包络
   • 第二层，子图subgraph，图中的每个大方框都是一个子图，可以有很多同级的子图，子图内部依然可以有子图，持续嵌套
   • 第三层，图里的内容（点+线）
4. 图本身分为有向图和无向图，digraph可以理解为direction-graph，这里只介绍有向图
5. 建议刚开始学的时候，全部用英文或者拼音，因为汉字显示有问题，需要进行一些设置（会有篇章讲这个部分）

Part 2：代码如何变成对应图片（渲染）

1. 在本地新建一个bat文本，里面写上以下代码
2. dot 代码文件 -Tpng -o 生成图片文件名称
3. 其中dot代表的是一种渲染算法，所以也存在其它算法，同样的dot代码，采用不同的渲染算法，效果会有很大差别

dot VBA学习路径图_V1-V20170905.gv -Tpng -o VBA学习路径图.png

生成图片

相关文章：敲代码前先构思一下-Graphviz-01

以上为本次的学习内容，下回见

本文为原创作品，如若转载请标明出处，如发现有错误，欢迎留言指出