运维开发网

Flowcharting实现动态可感知网络拓扑(第十八篇下)

运维开发网 https://www.qedev.com 2020-06-04 14:01 出处:51CTO 作者:唐光辉
在上一篇幅中,我们讲到Flowcharting插件功能复杂,配置非常多。现将其划分9个功能点来说明,如下图所示。1、Options(选项)Rule name --> 定义一个规则名称Apply to metrics  --> 该规则用在哪个metrics上Aggregation  --> metrics 取值2、Type(类型)Type  --> 数据类形Unit  --&

在上一篇幅中,我们讲到Flowcharting插件功能复杂,配置非常多。现将其划分9个功能点来说明,如下图所示。

Flowcharting实现动态可感知网络拓扑(第十八篇下)

1、Options(选项)

Rule name --> 定义一个规则名称

Apply to metrics  --> 该规则用在哪个metrics上

Aggregation  --> metrics 取值

2、Type(类型)

Type  --> 数据类形

Unit  --> 单位

Decimals --> metrics值的精度(保留多小数点多少位)

3、Thresholds(阈值)

分3个级别(Lvl),分别是0、1、2,分别对应OK、Warning、Critical。

4、Tooltips(提示信息)

Display metrics --> 是否显示metrics

Label           --> 显示标签名称

When state is   --> 当metrics处理哪种状态,可选项包括(Always总是、Warning/Critical)

Direction       --> 方向,可选项包括(Vertical垂直、Horizontal水平)

Color with state --> 是否开启状态颜色,即鼠标经过时,看到的metrics颜色是否随状态发生变化。

5、Graph Tooltips(图形提示信息),开功能前提是开启了Tooltips的Display metrics

Display graph  --> 是否显示metrics的图形

Graph type  --> 图形类型,可选项包括(line线条、Histogram直方图)

Graph Size  --> 图形尺寸,可选项包括:Adjustable自适应、small小、Medium中、Large大  

Y-Min/Y-Max --> Y轴最小/大值  

Scale type  --> 刻度类型,可选项包括(linear线性、Logarithmic对数)

6、Color/Tooltip Mappings(颜色/提示信息映射)

Identify by --> 依据Id或label标签来匹配对应图上的元素

点击“眼镜”按钮,可以在图上选定对应的元素自动匹配元素Id

What --> 什么(图形元素Id)

When --> 何时(当处于哪种状态)

How  --> 怎样(对图形元素以及标签进行格式填充方式),具体有以下可选项:

Shape Fill          -->形状填充

Shape Stroke/Border -->形状不填充,只有边框与Shape Fill功能相反

Label font color    -->标签字体颜色

Label background color  -->标签背景颜色

Label border color   -->标签边框颜色

Image background -->图像背景颜色

Image border     -->图像边框颜色

7、Label/Text Mappings(标签/文本映射)

Identify by --> 依据Id或label标签来匹配对应图上的元素

点击“眼镜”按钮,可以在图上选定对应的元素自动匹配元素Id

What --> 什么(图形元素Id)

When --> 何时(当处于哪种状态)

How  --> 怎样(设置标签或文本如何显示),具体有以下可选项:

All content -->显示所有内容,即标签映射后的值

Substring --> 字符串,即显示标签名

Append(Space) --> 标签名和映射值在同一行

Append(New line)  标签名和映射值都显示,但映射的值新起一行

8、Link Mappings (链接映射)

Identify by --> 依据Id或label标签来匹配对应图上的元素

点击“眼镜”按钮,可以在图上选定对应的元素自动匹配元素Id

What --> 什么(图形元素Id)

When --> 何时(当处于哪种状态)

How  --> 怎样(对该元素添加超链接)并支持对链接进行传参

9、Event/Animation Mappings(事件/动画映射)

Identify by --> 依据Id或label标签来匹配对应图上的元素

点击“眼镜”按钮,可以在图上选定对应的元素自动匹配元素Id

What --> 什么(图形元素Id)

When --> 何时(当处于哪种状态)

How  --> 怎样(对该元素添加超链接)

Action -->满足条件时的动作

对应的Action/value使用说明如下

Shape: Change form(text)   -->改变形状,值是text,支持输入各种形状,如ellipse(椭圆)、card(卡片)、cloud(云)等,即可以使不同状态显示不同的图形。

Shape: Rotate Shape(0-360) -->旋转,值是角度,支持0-360度。

Shape: Blink(Frequence ms) -->闪烁,值的单位是毫秒,如在value输入1000,则表示满足闪闪烁时会1秒闪动一次。

Shape: Hide/Show(0|1)      -->隐藏|显示,值对应是0|1。

Shape: Change height(number) -->改形形状的高度,我们先要在drawio中获取该形状的Size,比如width和Height是多少,然后再做出调整,如下图2所示。

Shape: Change width(number)  -->改形形状的高度,我们先要在drawio中获取该形状的Size,比如width和Height是多少,然后再做出调整,如下图2所示。

Flowcharting实现动态可感知网络拓扑(第十八篇下)

                        图2

Shape: Opacity(0-100) -->不透明度,支持0-100,数字越小越不透明,比如设置10以下的数字效果比较明显。

Shape: Collapse/Expande(0|1) -->改变形状,折叠/展示,对应值为0或者1。针对可折叠/展示的特定图形,如下图3所示。

Flowcharting实现动态可感知网络拓扑(第十八篇下)

         图3

Shape: Change position in Bar(0-100) -->更改形状在可滑动条上的位置,值的范围在0-100,针对可滑动的特定图形,如下图4所示。

Flowcharting实现动态可感知网络拓扑(第十八篇下)

Label: Replace text(text) -->文本替换(Label/Text Mappings),将值映射为文本形式,与grafana插件中的mapping功能相似。

Label: Font Size(numeric) -->字体大小,值为数字(Label/Text Mappings),参照图2中的Text菜单栏,先获取当前字体大小,然后再设置大小。

Label: Opacity(numeric)   --> 字体透明度(Label/Text Mappings),越小越不透明。

如果要在一副拓扑图上为所有元素添加metrics,这是一件比较耗时的工作。如下图所示,为部分网络设备添加流量展示信息。

Flowcharting实现动态可感知网络拓扑(第十八篇下)

总之,Flowcharting功能项非常之多,我们能想得到的功能基本都有。并且要绘制一副效果较好的图形也需要花费大量的时间,本教程主要还是以功能演示为主,若涉及具体场景,欢迎在线互动交流。

0

精彩评论

暂无评论...
验证码 换一张
取 消