Grafana+Flowcharting实现漂亮可定制的动态链路监控图

yum remove grafana-enterprise.x86_64
rm -rf /var/lib/grafana && rm -rf /usr/share/grafana && rm -rf /etc/grafana

yum install -y http://172.24.217.161/yum/zabbix/grafana/grafana-enterprise-10.2.0-1.x86_64.rpm 
grafana-cli plugins install agenty-flowcharting-panel 
grafana-cli plugins install alexanderzobnin-zabbix-app

systemctl daemon-reload
systemctl restart grafana-server.service

点击"Add new panel",在Visualization中选择FlowCharting选项

右侧将会出现配置面板，面板中最重要的各个小节的配置作用说明如下：

一、Settings Setting主要是针对panel的配置，包括panel title和描述信息。

1. Flowchart Flowchart小节重要的内容是Definition，其中的"source type"代表导入的图形数据的类型，支持XML和CSV，一般使用draw.io画的图形导入使用XML类型，"source content"就是draw.io图形导出的XML黏贴的地方。 还有Advanced小节的内容，主要配置项如下：
2. Scale 对图形进行缩放。
3. Center 图形居中进行显示。
4. Grid 背景显示网格。
5. Bg Color 用于配置图形的背景色。
6. Lock 对图形上的元素对象进行锁定，不允许拖动修改。
7. Allow draw.io.source 允许从draw.io下载图形。
8. Enable animation 启用动画效果。
9. Tooltip 允许提示信息，当鼠标经过时提示相应的信息。

二、Mapping Mapping是配置图形与监控指标的映射关系和映射规则

Options（选项）

1. Rule name ：定义一个规则名称

2. Apply to metrics ：该规则用在哪个metrics上

3. Aggregation ：metrics聚合的类型

4. Type ：数据类形

5. Unit ：单位

6. Decimals ：metrics值的精度（保留多小数点多少位）

Thresholds（阈值）分3个级别(Lvl)，分别是0、1、2，分别对应OK、Warning、Critical。 Tooltips（提示信息）

1. Display metrics：是否显示metrics
2. Label：显示标签名称
3. When state is：当metrics处理哪种状态，可选项包括（Always、Warning/Critical）
4. Direction：方向，可选项包括（Vertical垂直、Horizontal水平）
5. Color with state：是否开启状态颜色，即鼠标经过时，看到的metrics颜色是否随状态发生变化

Graph Tooltips（图形提示信息）该配置项的前提是开启了Tooltips的Display metrics

1. Display graph：是否显示metrics的图形
2. Graph type：图形类型，可选项包括（line线条、Histogram直方图）
3. Graph Size：图形尺寸，可选项包括：Adjustable自适应、small小、Medium中、Large大
4. Y-Min/Y-Max：Y轴最小/大值
5. Scale type：刻度类型，可选项包括（linear线性、Logarithmic对数）

Color/Tooltip Mappings（颜色/提示信息映射）该配置项的前提是开启了Tooltips的Display metrics

1. Identify by：依据Id或label标签来匹配对应图上的元素，可以通过点击链接按钮直接选中某个元素
2. What ：图形元素Id
3. When ：当处于哪种状态
4. How ：图形元素以及标签的填充方式，有以下可选项目：
5. Shape Fill：只填充形状
6. Shape Stroke/Border ：只填充边框
7. Label font color：标签字体颜色
8. Label background color：标签背景颜色
9. Label border color：标签边框颜色
10. Image background ：图像背景颜色
11. Image border：图像边框颜色

Label/Text Mappings（标签/文本映射）

1. Identify by：依据Id或label标签来匹配对应图上的元素，可以通过点击链接按钮直接选中某个元素
2. What ：图形元素Id
3. When ：当处于哪种状态
4. How ：标签或文本显示方式，有以下可选项目：
   • All content：显示所有内容，即标签映射后的值
   • Substring ：字符串，即显示标签名
   • Append(Space)：标签名和映射值在同一行
   • Append(New line)：标签名和映射值都显示，但映射的值新起一行

Link Mappings （链接映射）

1. Identify by：依据Id或label标签来匹配对应图上的元素，可以通过点击链接按钮直接选中某个元素
2. What ：图形元素Id
3. When ：当处于哪种状态
4. Url：元素超链接
5. Params:链接参数

Event/Animation Mappings（事件/动画映射）

1. Identify by：依据Id或label标签来匹配对应图上的元素，可以通过点击链接按钮直接选中某个元素
2. What ：图形元素Id
3. When ：当处于哪种状态
4. Action ：满足条件时的动作，有以下可选项
   • 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) ：改变形状的高度。
   • Shape: Change width(number) ：改变形状的宽度。
   • 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: Font Size(numeric)：字体大小。
   • Label: Opacity(numeric)：字体透明度。

• Value: value的可选值非常多，不赘述