标签：Flowcharting -- 标签 元素 Label Shape Id

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

标签：Flowcharting,--,标签,元素,Label,Shape,Id
来源： https://www.cnblogs.com/leiuk/p/16497835.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。