文章目录
Diagram图表详解
Diagram 需要安装额外的插件才能使用，地址传送门
简介
Diagram是一个Grafana面板插件，它提供了一种利用mermaid.js库创建流程图，序列图和甘特图的方法。
- 可以使用Mermaid JS语法定义图。
- 公制系列用于为形状/节点的背景着色。
- 将系列的目标或“别名”与图表节点的ID进行比较以找到匹配项，然后对形状应用“填充”样式。
- 复合可以用于聚合单个节点的多个系列，每个系列具有自定义阈值。
注意-别名中的特殊字符将替换为下划线
安装
参看官网：cli安装或者zip安装
grafana-cli plugins install jdbranham-diagram-panel
1. General
页面属性同graph一样，Graph教程传送门
2. Metrics
页面属性同graph一样，Graph教程传送门
3. Diagram
使用Mermaid JS语法定义图，Mermaid JS很简单，学习请看blog.csdn.net/fenghuizhid…
blog.csdn.net/Cribug8080/…
有两种方式定义：
- http:调用http接口返回Mermaid JS字符串，注意响应类型要是
text/plain - content: 自定义
例如图中A 对应的是Metrics查询的别名，这样值就会显示到节点上
4. Display
5. Metric Composites
可以将多个指标进行组合成新的指标，显示值较小的或者较大的那个。（个人实践所得，官网看不懂）
例如将指标A和B组合成指标XYZ
6. Value Mappings
7. Time range
页面属性同graph一样，Graph教程传送门
8. 事例
使用的是ES数据源
Metrics
Diagram
Display
Value Mappings
效果
