dot学习1

发表于 分类于 ， ， Waline： 本文字数： 1.8k 阅读时长 ≈ 2 分钟

dot学习1

包含一个”hello”的图形

1
2
3
digraph {
    hello
}

显示效果

1
2
3
digraph {
    hello
}
1
2
3
4
5
6
7
8
9
10
11
![xxx](https://g.gravizo.com/svg?
digraph G {
    main -> parse -> execute;
    main -> init;
    main -> cleanup;
    execute -> make_string;
    execute -> printf
    init -> make_string;
    main -> printf;
    execute -> compare;
})

这样写时不行的，还需要进行URL编码：

1
![xxx](https://g.gravizo.com/svg?digraph%20G%20%7B%0A%20%20%20%20main%20-%3E%20parse%20-%3E%20execute%3B%0A%20%20%20%20main%20-%3E%20init%3B%0A%20%20%20%20main%20-%3E%20cleanup%3B%0A%20%20%20%20execute%20-%3E%20make_string%3B%0A%20%20%20%20execute%20-%3E%20printf%0A%20%20%20%20init%20-%3E%20make_string%3B%0A%20%20%20%20main%20-%3E%20printf%3B%0A%20%20%20%20execute%20-%3E%20compare%3B%0A%7D)

渲染效果如下:

xxx

调整图形形状

graphviz支持很多的图形形状，完整列表可以参考
https://www.graphviz.org/doc/info/shapes.html

按类别可以分成两类，

  • 一类是正方形、圆形等几何形状，
  • 另一类是表格(Record Node)

几何图形

比如把上面”hello”这个椭圆形改成正方形，使用语法shape=box即可

1
2
3
digraph {
    hello [shape=box];
}

显示效果

1
2
3
digraph {
    hello [shape=box];
}

表格

1
2
3
digraph {
    hello [shape=record label="first|second|last"];
}

显示效果如下

1
2
3
digraph {
    hello [shape=record label="first|second|last"];
}

节点关系

定义两个节点

1
2
3
4
digraph {
    node1 [shape=box];
    node2 [shape=box];
}

显示效果

1
2
3
4
digraph {
    node1 [shape=box];
    node2 [shape=box];
}

有向图 单向 node1 -> node2

1
2
3
4
5
digraph {
    node1 [shape=box];
    node2 [shape=box];
    node1 -> node2;
}

显示效果：

1
2
3
4
5
digraph {
    node1 [shape=box];
    node2 [shape=box];
    node1 -> node2;
}

有向图 双向 node1 -> node2 node2 -> node1

1
2
3
4
5
6
digraph {
    node1 [shape=box]
    node2 [shape=box]
    node1 -> node2
    node2 -> node1
}

显示效果

1
2
3
4
5
6
digraph {
    node1 [shape=box]
    node2 [shape=box]
    node1 -> node2
    node2 -> node1
}

无向图 node1 – node2

1
2
3
4
5
graph {
    node1 [shape=box]
    node2 [shape=box]
    node1 -- node2
}

显示效果

1
2
3
4
5
graph {
    node1 [shape=box]
    node2 [shape=box]
    node1 -- node2
}

参考资料

https://juejin.cn/post/6844903942883655687