Dot脚本语言语法整理

最新推荐文章于 2023-09-23 17:44:33 发布
最新推荐文章于 2023-09-23 17:44:33 发布
阅读量2.1w 收藏 76
点赞数 24
文章标签： graphviz
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jy692405180/article/details/52077979
版权

Dot脚本语言语法整理

by: uizuizui


一、简介

Dot是开源工具包Graphviz上用来画图的一门脚本语言。通过布局引擎解析脚本得到图像，然后可以将图像导出为各种格式以满足需求。有了它，我们就可以很方便地通过编写脚本来画各种结构示意图和流程图。

Graphviz的文件后缀名为.gv。每个.gv文件代表一个图，我们可以通过dot -Tpng example.dot -o example.png命令行方式生成图像，或者使用Graphviz提供的工具gvedit来编辑和运行脚本。

Dot脚本的语法非常简单，官方文档只有8页。花一点点时间学习，就可以掌握。下面介绍Dot脚本一些比较常用的语法。


二、图的声明

使用digraph graph_name可以声明一个图，而图的具体实现代码则由一对花括号包含起来。

digraph graph1 {
    //something
}

当图中某些内容同属一个类别时，我们可以声明一个子图将其包含在一起。使用subgraph cluster_subgraph_name可以在声明一个子图。
注意：子图的名字必须以cluster开始，否则解析引擎无法进行识别

subgraph cluster_subgraph1 {
    // something
}

下面我们来看一个具体例子：

digraph example1 {
    label = "this is a graph";
    a;b;

    subgraph cluster_sgh {
        label = "this is subgraph";
        bgcolor = greenyellow;
        c;d;
    }
}

example1
抛开那些还没讲到的语法。可以看到，这里布局引擎将子图里的c和d结点聚合在了一起，这在某些场景下是非常有用的，可以将逻辑上相近的内容放在一起显示。


三、结点和边的声明

Dot里结点的声明十分简单。键入结点名字node_name;即可声明一个结点，同时，结点默认的显示内容就是结点名字。
当结点内容里面有空格时，我们可以将结点名字用一对双引号包含起来，解析引擎会直接取双引号里面的内容创建结点。

使用符号->可以声明一条边。a -> b就代表一条由结点a连接到结点b的边。结点可以连接到结点自身

a;
b;
a -> b;

如果不需要对结点进行单独的属性设置（后面讲解），则可以直接声明边，解析引擎会自动创建相应的结点。

a -> b;

声明多条边的便捷语法：

a; b; c;
a -> b -> c -> c;

多条边同时声明


四、图的属性

图的属性设置可以写在graph []里，或者直接写在外面：

digraph graph1 {
    bgcolor = red;
    graph [bgcolor = red];
}

图的属性包括：

  1. bgcolor：设置图的背景颜色，可以使用red、blue、green等形式，或者使用"#rrggbb"形式。

  2. label：设置图的描述。label会继承到子图，子图里如果不想重复显示必须手动设置

  3. rankdir：设置图的方向，包括：TB（top to bottom）、BT（bottom to top）、LR（left to right）、RL（right to left）。

  4. rotate：设置图的旋转。如：rotate = 90便是逆时针旋转90度。

  5. ratio：设置图的长宽比，可以是一个浮点数，也可以是：fill、compress或者auto。


五、结点属性和边属性

结点和边的属性设置非常简单，只需要在结点或者边的声明后面加上方括号，然后在方括号里填写属性键值对即可。键值对之间使用逗号进行分割。

a [shape = egg, label = "this is node a"];
b [shape = circle, label = "this is node b"];
a -> b [style = dashed, label = "this is edge a to b"];

结合和边属性

结点的常用属性：

  1. shape：设置结点形状。包括：Mrecord（圆角矩形）、record（矩形）、circle（圆形）、box（矩形，和record略有区别，下面会讲到）、egg（蛋形）、doublecircle（双圆形）、plaintext（纯文本）、 ellipse（椭圆，默认）。

  2. label：设置结点的显示内容，内容用双引号包含，可以使用转义字符。当结点内容!=结点名时使用

  3. style：设置结点的样式。包括：filled(填充)、dotted（点状边框）、solid（普通边框）、dashed（虚线边框）、bold（边框加粗）、invis（隐形）。

  4. color：设置边框颜色。可以使用单词形式或者"#rrggbb"形式。

  5. fillcolor：设置填充颜色，仅style = filled时有效。

  6. width：设置结点宽度。

  7. height：设置结点高度。

  8. peripheries：设置结点边框个数。

  9. fontcolor：设置结点内容颜色。可以使用单词形式或者"#rrggbb"形式。


需要重点强调的是：
如果设置了style = filled，此时设置的color是代表整体颜色。
但是如果设置了fillcolor再设置color的话，color代表边框颜色。

边的常用属性：

  1. style：设置边的形状。包括：solid（实线）、dashed（虚线）、dotted（点线）、bold（加粗）、invis（隐形）。

  2. label：设置边标签。内容用双引号包含，可以使用转义字符。

  3. color：设置边颜色。可以使用单词形式或者"#rrggbb"形式。

  4. arrowhead：设置结点箭头样式。包括：none、empty、odiamond等。

使用node []和edge []可以分别设置结点和边的全局设置：

digraph graph1 {
    node [shape = egg];
    edge [style = dashed];

    a -> b;
}

全局设置


六、其他应用

1. 使dot支持中文

Graphviz默认是不支持中文的，输入的中文在生成的图中显示为一个空方块。如果想要让其支持中文，可以尝试以下方法：

方法一：在命令行里指定-Nfontname=xxx.ttf，在gv文件中输入utf-8编码的汉字。

方法二：给graph、node和edge均设置fontname = xxx.ttf然后设置label。

2. 使用record的label属性生成表格

前面提到record和box有所区别。原因就是：设置为record和Mrecord的结点的label属性可以很方便地生成单列的表格和UML图等。（类似于XAML里面的stack）

用一对双引号+一对花括号包含起来的就是表格内容，不同的格子之间用符号 | 隔开，尖括号里的内容表示一个锚点（具体讲解见下文）。

example [ shape = record, label = "{<head>cell1 | cell2 | cell3}" ];

表格



也可以生成空格只保留锚点：

label="{<b1>|<b2>|<b3>}"

空表格

3. 使用html标签生成表格

如果record生成的表格不符合预期，还可以使用html标签生成表格。只需要将结点的label属性设置为相应的html代码（用一对尖括号包含）即可。

table1 [label=<
<table>
    <tr>
        <td port="one">1</td>
        <td>2</td>
    </tr>
    <tr>
        <td>3</td>
        <td>4</td>
    </tr>
</table>
>];

port属性可以为td增加一个锚点。

4. 表格锚点的应用

cell的锚点可以让使用者在cell之间画线。

引用cell的锚点的语法为：table: anchor_name

示例代码：

digraph example2 {
    node [shape = record];
    table1 [label = "{<head>cell1 | cell2 | cell3}"];
    table2 [label = "{<head>cell1 | cell2}"];

    table1: head -> table2: head;
}

example2

5. 生成图形

我们还可以巧妙地使用结点的某些属性来生成图形。如：

circle [label="", shape="circle", width=0.5, fixedsize=true, style=filled, color=black];

就生成了一个实心黑色圆形。

6. 命令行全局设置

不仅可以使用代码里的全局设置，还可以在命令行里进行全局设置，这样做的好处就是可以根据不同要求来生成图形。

dot -Grankdir=LR -Nshape="plaintext" -Earrowhead="odiamond" -Tpng example.dot -o example.png

Grankdir即 graph rankdir
Nshape即 node shape
Earrowhead即 edge arrowhead

其他的属性均按照这种规则进行填写。

7. 添加注释

Dot的注释使用//（单行）或者/**/（多行）。

// 这是单行注释

/*
这是多行注释
*/



最后，关于graphviz结点的布局：

graphviz的节点出现在画布上的位置事实上是不确定的，依赖于所使用的布局算法，而不是在脚本中出现的位置，这可能使刚开始接触graphviz的开发人员有点不适应。graphviz的强项在于自动布局，当图中的顶点和边的数目变得很多的时候，才能很好的体会这一特性的好处。


以上部分内容引用自：
http://www.cnblogs.com/CoolJie/archive/2012/07/17/graphviz.html
http://wiki.woodpecker.org.cn/moin/GraphViz
感谢内容提供者

GanZiQim
关注
  • 24
    点赞
  • 踩
  • 76
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
DOT语言语法手册
04-01
软件graphviz的使用手册；包含所有的基本使用功能和一些参数用法
draft:使用YAML语法生成高级云架构图
03-18
草稿 一个命令行工具，使用在YAML文件中定义的声明性语法产生H IGH大号伊维尔基尼的microService＆无服务器体系结构的设计图。 适用于 只是一个 在平面YAML文本文件中输入数据 可用于shell脚本 为什么？ 我更喜欢从功能而不是特定的供应商服务方面进行思考。 “我们需要DNS吗？”而不是“我们需要53号公路吗？” “我们需要CDN吗？”而不是“我们需要Cloudfront吗？” “我们需要数据库吗？如果是？是什么类型？关系型？没有SQL”，而不是“我们需要Google Cloud Datastore吗？” _ “我们需要一些无服务器功能吗？”而不是“我们需要Azure功能” ...等等。 draft如何运作？ draft输入一个声明性YAML文件并为生成一个脚本 draft backend-for-frontend.yml | dot -Tpng -Gdpi=
astree:可视化方法，声明，表达式等的抽象语法树
05-17
阿斯特里 可视化方法，声明，表达式等的抽象语法树。 astree.py Python的组合模块绘制在DOT语言脚本指定的抽象语法树。 是用编程语言（例如Python）编写的源代码抽象句法结构的树表示。 Jumpstart-运行程序： 克隆存储库 $ pip install -r requirements.txt $ python astree.py 输入模块，方法，声明，语句，表达式等查看视频示例。 例如，让我们看一下requests.get方法： >>> Input a method name, expression, etc.: requests.get 注意：请向报告错误。
DOT语言文档
09-17
DOT语言是一种文本图形描述语言。它提供了一种简单的描述图形的方法，并且可以为人类和计算机程序所理解 使用dot， 你可以很方便的进行关系图的程序绘制，包括有向图和无向图
matlab批量替换代码-atom-script:原子脚本
05-22
matlab批量替换代码脚本 在Atom中运行代码！ :warning: :warning: 根据文件名，代码选择或行号运行脚本。 当前支持的语法是： 语法 基于文件 基于选择 必选套餐 必填项 笔记 1C（BSL） 是的 是的 ansible-playbook 是的 是的 AutoHotKey.exe 是的 是的 osascript JS 是的 是的 node 重击 是的 是的 如果您的SHELL或#! 线是重bash 。 （Bash自动化测试系统） 是的 是的 bats Windows（ cmd.exe ） 是的 / 是的 behat 是的 是的 bsc C 是的 是的 xcrun clang / cc 仅在macOS和Linux上可用。 C＃ 是的 是的 csc.exe 是的 是的 C ++ 是的 是的 xcrun clang++ / g++ 仅在macOS和Linux上可用。 使用-std=c++14 。 是的 是的 lein exec 需要插件。 （） 是的 是的 coffee 是的 是的 crystal （） 是的 cucumber 是的 是的 rdmd 是的 是的 dart （） 是的 是的 dot
dot语法详解
03-17
dot语法描述的英文版，通过这个文档基本上可以对dot的用法有一个全面的了解。
DOT语言
WHACKW的专栏
04-14 1520
https://zh.wikipedia.org/zh-cn/DOT%E8%AF%AD%E8%A8%80 DOT语言是一种文本图形描述语言。它提供了一种简单的描述图形的方法，并且可以为人类和计算机程序所理解。DOT语言文件通常是具有.gv或是.dot的文件扩展名。 很多程序都可以处理DOT文件。其中的一些，例如dot，neato，twopi，circo, fdp与sfdp，会读取D
【我的DOT语言学习之旅】 学习DOT语言并使用Graphviz软件来打开.dot文件
热门推荐
字节卷动
09-17 1万+
一、背景描述 最近在研究didi的booster框架，应用到项目中，然后通过执行 assemble task 来构建一个优化过的应用包，构建完成后，在 build/reports/ 目录下会生成相应的报告。 生成的报告文件中，包含了部分dot文件，如下所示 打开该x.dot文件，是一堆如下面的文本，看不懂 digraph "com.amap.api.col.sl3.x" { grap...
图形化思维：Graphviz和DOT语言的艺术与实践
最新发布
记录我的学习历程
09-23 592
Graphviz是一个强大的开源工具集，用于自动化生成各种图形，而DOT语言则是其描述图形的文本语言。本文将带您深入了解Graphviz和DOT语言的基本语法，包括节点和边的定义、图的类型、属性设置等。随后，我们将介绍一些高级特性，如节点和边的样式控制、子图的定义和使用、节点和边的注释等。通过大量的示例，您将学会如何创建自定义的、令人印象深刻的可视化图形。
dot 入门指南
五石之瓠 以为大樽 浮于江湖 悠笑人生
04-27 5921
Basic Graph Drawing dot 绘制定向图形。它读取属性化的图文本文件并描绘成图像， 作为图形文件或图形格式文件，如 GIF、PNG、SVG、PDF 或 PostScript。 dot 通过四种主要步骤画图。了解这一点有助于您了解 dot 布局类型以及如何控制它们。dot 使用的布局过程依赖于图形是循环的(acyclic)。因此，第一步是通过反转某些循环边的内部方向来打破输入图中出...
dot语言手册
08-30
dot语言手册 挺好的
官方提供的 DOT 语言完整的指南
12-24
官方提供的 DOT 语言完整的指南 DOT 语言还有一些更高级的用法
mermaid2dot:将美人鱼流程图转换为 GraphvizDot 语法
06-05
美人鱼2点 将转换为 Graphviz/Dot 语法。 怎么跑 npm install npm run inspect 现在，这将转换 graph TB sq[Square shape] --> ci((Circle shape)) subgraph A subgraph od>Odd shape]-- Two line<br>edge comment --> ro di{Diamond with <br> line break} -.-> ro(Rounded<br>square<br>shape) di==>ro2(Rounded square shape) end %% Notice that no text in shape are added here instead that is append
Lumerical FDTD Solutions Scrip脚本语言官方教程学习笔记
05-17
本资源为Lumerical FDTD Solutions Scrip脚本语言的官方教程学习笔记，由个人在官方Script基本教学视频中学习并整理得到，对于快速入门Lumerical脚本语言，并将其应用于仿真当中具有一定的价值。Lumerical FDTD采用的是Lumerical Script Language命令语言。和matlab之间存在一定的相似关系，很多matlab中的语法可以直接在Lumerical脚本语言中实现。Lumerical脚本文件的扩展名为.lsf。熟练掌握该语言能够大大提高FDTD的仿真及结果分析效率，避免的图形化界面中繁琐的操作步骤，是FDTD初学者在了解软件基本工作方式后，需要进一步进阶学习的内容。
graphviz-tree-graphs:一种元语言，用于简化在Graphviz中制作句子图树的过程
05-11
用于简化Graphviz中树形图制作过程的元语言 如何使用 输入文件使用简化的语法在Graphviz中指定树形图。 使用此语法，可以快速而轻松地对树进行建模，而不必记住或查找Graphviz语法。 输入文件中包含五个基本组件： ...
三年java笔试题-CodeStylometry:程序员通过代码风格去匿名化
06-13
脚本输出写入每个 testCode 文件的文本文件，从文本文件中提取特征以创建可在 WEKA 中用于机器学习的 arff 文件。 （这个项目需要 joern 和 python-joern 的开发分支，还需要设置 joern-tools。这三个 git 存储库有...
typo3-typoscript-lint：在您的TypoScript文件中查找编码错误
01-30
TypoScript Lint：TypoScript的CGL验证作者马丁&middot;赫尔米奇（Martin Helmich）（Martin-Helmich Dot de的Typo3）内容概要该软件包包含一个工具，可以将TYPO3的配置语言“ TypoScript”解析为语法树，并对解析的代码...
dotfiles:不太隐藏的文件
03-22
默认情况下，安装脚本会将dotfiles存储库克隆到〜/ .dotfiles中。您可以选择通过指定环境变量$DOTFILES_HOME来选择自定义目录。然后，dotfiles存储库也将被符号链接到〜/ .dotfiles中。 更新 $ dot update 特征 :...
silverb-template-engine:SilverB代码和文本模板引擎
05-02
过去，我使用PWC测试了一些模板引擎，例如Handlebars，Dot等。 但是这些模板引擎是出于其他目的而制作的（HTML模板），因此，我决定制作自己的模板引擎。 SilverB可用于任何动态文本生成，并接受特殊标记内的所有...
r语言dotchart函数
08-17
R语言的dotchart函数用于创建点状图，它可以展示分组数据的相对大小和顺序。点状图适用于展示多个因素或类别的数据。 在dotchart函数中，我们需要提供数据作为输入，可以是向量或矩阵。如果是矩阵，则每列代表一个变量，每行代表一个观测。函数还可以通过设置参数来自定义图表的外观，如标签的位置、大小和颜色等。 下面是dotchart函数的一些常用参数： - x：数据向量或矩阵。 - labels：每个点的标签，可以是字符向量或矩阵。标签的位置和顺序与点的位置和顺序相对应。 - groups：数据分组的向量或因子。 - gcolor：每个组的颜色。 - pt.cex：点的大小。 - pch：点的形状。 - xlim：x轴的范围。 - xlab、ylab：x轴和y轴的标签。 - main：图表的标题。 使用dotchart函数可以生成一个默认的点状图，但通常我们需要对图表进行定制。可以调整点的大小、形状和颜色，调整标签的位置和大小，添加标题和轴标签等。 总之，R语言的dotchart函数是一种创建点状图的功能强大的工具，可以用于可视化分组数据的相对大小和顺序。使用此函数，我们可以轻松地创建出具有吸引力和信息丰富的点状图。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值