Flowcharting下

Flowcharting插件功能配置如下图所示,分9个功能点来说明。
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是多少,然后再做出调整。
Shape: Change width(number)  -->改形形状的高度,我们先要在drawio中获取该形状的Size,比如width和Height是多少,然后再做出调整。
 
Shape: Opacity(0-100) -->不透明度,支持0-100,数字越小越不透明,比如设置10以下的数字效果比较明显。
Shape: Collapse/Expande(0|1) -->改变形状,折叠/展示,对应值为0或者1。针对可折叠/展示的特定图形。
 
Shape: Change position in Bar(0-100) -->更改形状在可滑动条上的位置,值的范围在0-100,针对可滑动的特定图形。
 
Label: Replace text(text) -->文本替换(Label/Text Mappings),将值映射为文本形式,与grafana插件中的mapping功能相似。
Label: Font Size(numeric) -->字体大小,值为数字(Label/Text Mappings),参照图2中的Text菜单栏,先获取当前字体大小,然后再设置大小。
Label: Opacity(numeric)   --> 字体透明度(Label/Text Mappings),越小越不透明。
 
总之,Flowcharting功能项非常之多,我们能想得到的功能基本都有。并且要绘制一副效果较好的图形也需要花费大量的时间,本教程主要还是以功能演示为主,若涉及具体场景,欢迎在线互动交流。
posted @ 2022-07-20 14:23  leiuk  阅读(468)  评论(0编辑  收藏  举报