grafana中结合自定义变量来添加dashboard links完成连接跳转

需求说明

首先这是一个表格，数据源使用的是elasticsearch，这里统计的数据来源是nginx的请求日志，目的是统计出一段时间内接口的平均请求时间，最大请求时间，最小请求时间，而后按照url进行聚合，并统计出top10的数据，以下所示：

表格出来后，而后点击统计出来的top10的url进行跳转，跳转到一个关于对应url的详细请求趋势图,以下图所示：

需求是大概这么个需求，下面是具体的操做方法。

详细示例

添加Elasticsearch数据源

个人es索引格式是：nginx-aggregation-log-20210125这种格式，因此在配置Elasticsearch数据源时须要以下设置：

注意：index name: [nginx-aggregation-log-]YYYYMMDD

建立一个dashboard和panel

配置查询语句

而后给表的表头改一个名字，改为咱们想要的名称

配置一个变量

查询语句理论上来讲随便设置一个就行，由于咱们不是经过选择url来进行动态出图，也能够写一个查询语句

{"find":"terms","field":"url","size":10,"query":"http_host:\"xx.xxxxom\" OR http_host:\"xxx.xxxxxx.com\""}
复制代码

设置这个变量就是后面要传递的，经过这个变量，动态画出一个请求图

添加详细请求地址趋势图

此次添加的是一个曲线图，查询语句也简单不少，以下所示：

有时候咱们须要在图的下方显示具体的URL，那么就能够这样设置

到这里这个图就建好了，下面的操做就不须要它了，下面咱们再次配置咱们的那个表

给图表添加一个links

经过Overrides中的Fields with name来选择咱们的一个表头

说明下，url就是表格中的第一列中的url的名称，而添加的连接其实是刚才添加的详细请求图中的dashboard所在的地址

当咱们输入$的时候会自动弹出一个可用的变量列表，以下所示：

设置好，点击保存，就能够了，哈哈哈，效果图以下：

注意： 若是点击连接打开的图是和源图在一个dashboard中时，只须要设置一个变量就能够了，若是不在一个dashboard中时，须要把两个dashboard都设置好变量，且变量名设置成同样的。