【1000个文本绘图技巧-Graphviz001】Graphviz用法汇总（不断更新）

1. 综述

文章迭代原则

> 每个实例代码，能够直接使用的小demo。所以第一行digraph G {；最后一行}
> 尽量以一个个实际遇到问题中需要解决的小问题作为一个子章节，比如“如何设置边框颜色？”

2. 形状类设置

2.1 形状类设置综述

设置需求	设置方式
节点形状	node行shape=xxx
箭头形状	->行arrowhead=xxx

2.x graphviz如何设置节点形状以及各种形状英文名？node行[shape=xxx]

设置：

digraph G {
a[shape=box]
b[shape=egg]
c[shape=diamond]
}

效果：

more

2.x Graphviz如何设置箭头形状以及各种箭头形状名字? ->行[arrowhead=box]

digraph G {
d[shape=box]
e[shape=egg]
f[shape=diamond]
d->e [arrowhead=box]
e->f [arrowhead=diamond]
}

more

3. 颜色类设置

3.1 颜色类设置综述

设置需求	设置方式
边框颜色	color=xxx
字体颜色	fontcolor=xxx
填充颜色	style=filled fillcolor=xxx

3.x Graphviz颜色设置类型3：如何设置node边框的颜色？node行[color=xxx]

digraph G {
a[shape=box color=red]
b[shape=egg color=green]
c[shape=diamond color=blue]
}

3.x Graphviz颜色设置类型2：如何设置文字内容颜色？node行[fontcolor=xxx]

digraph G {
a[shape=box fontcolor=red]
b[shape=egg fontcolor=green]
c[shape=diamond fontcolor=blue]
}

more

3.x Graphviz颜色设置类型1：如何设置填充色？node行[style=filled fillcolor=xxx]

digraph G {
a[shape=box style=filled fillcolor=lightblue]
b[shape=egg style=filled fillcolor=green]
c[shape=diamond style=filled fillcolor=yellow]
}

3.x graphviz的各种颜色？

more

4. 方向类设置

4.x graphviz如何设置方向? rankdir LR RL TB BT

Graphviz 中的不同属性来设置图形的方向。最常用的属性是 rankdir，它用于设置图形的排列方向。
从左到右排列：rankdir=LR; （默认值）
从右到左排列：rankdir=RL;
从上到下排列：rankdir=TB;
从下到上排列：rankdir=BT;
使用 rankdir 属性将图形设置为从左到右排列的 DOT 文件示例：

digraph G {
    rankdir=LR;
    A -> B;
    B -> C;
    C -> D;
}

然后，使用 Graphviz 的命令行工具或库来生成图像或其他输出格式的图形。例如，使用以下命令将上述 DOT 文件转换为 PNG 图像：

dot -Tpng input.dot -o output.png

这将创建一个从左到右排列的图形，并将其保存为 output.png 文件。
Graphviz 还提供了其他属性和选项，用于自定义图形的外观和布局。

• LR:

 digraph G {
    rankdir=RL;
    A -> B;
    B -> C;
    C -> D;
}

- RL

 digraph G {
    rankdir=RL;
    A -> B;
    B -> C;
    C -> D;
}

• TB（默认）topdown

 digraph G {
    rankdir=TB;
    A -> B;
    B -> C;
    C -> D;
}

• BT

 digraph G {
    rankdir=BT;
    A -> B;
    B -> C;
    C -> D;
}

参考

• Graphviz doc