GraphViz DOT有向图 (二)基本使用

最新推荐文章于 2024-05-15 15:45:16 发布

youwen21

最新推荐文章于 2024-05-15 15:45:16 发布

阅读量643

点赞数

分类专栏： GraphViz 文章标签： GraphViz graph dot 有向图

本文链接：https://blog.csdn.net/youwen21/article/details/98308052

版权

GraphViz 专栏收录该内容

14 篇文章 13 订阅

订阅专栏

基本使用

最简单的图只定义node

// ClassDiagram 可以写，也可以不写
digraph ClassDiagram { 
    a->b;
    b->c;
    a->c;
    c->d;
}

在这里插入图片描述
更改node说明

// ClassDiagram 可以写，也可以不写
digraph { 
    a[label="begin开始"];
    b[label="第一步" shape="box"];
    c[label="aa \n bb" shape="box" width="2"];
    d[shape="box" label=<<table><tr><td>11</td><td>22</td></tr><tr><td>33</td><td>44</td></tr></table>>];
    e[label="结束"];
    
    a->b;
    b->c;
    a->c;
    c->d;
    d->e;
}//ClassDiagram

在这里插入图片描述

有node后，edit定义图线条样式

digraph { 
    a->b[color="red"];
    b->c[headport="se" color="blue"];
    a->c[style="dotted"];
    c->d[label=" 这是一条线"];
}//ClassDiagram

在这里插入图片描述

Graph属性定义图片样式和方向

digraph { 
    label = "owen.bai";
    rankdir=LR;
    bgcolor="#FAF0E6";
    fontcolor="#008B00";
    a->b[color="red"];
    b->c[headport="se" color="blue"];
    a->c[style="dotted"];
    c->d[label=" 这是一条线"];
}

在这里插入图片描述

subgraph 定义信息更完善的节点

digraph G {
  rankdir=LR;

  subgraph cluster1 {
    fontsize = 20;
    label = "Group 1";
    rank=same;
    A  B  C  D [constraint=false];
    style = "dashed";
  }

  subgraph cluster2 {
    fontsize = 20;
    label = "Group 2";
    rank=same;
    Z  Y  X  W [dir=back, constraint=false];
    style = "dashed";
  }

//   O [shape=box];
  {A,B,C,D}->{Z,Y,X,W}
}

在这里插入图片描述