需要阐明

首先这是一个表格,数据源应用的是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都设置好变量,且变量名设置成一样的。


欢送各位朋友关注我的公众号,来一起学习提高哦