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,那么就可以這樣設置

到這里這個圖就建好了,下面的操作就不需要它了,下面我們再次配置我們的那個表

通過Overrides中的Fields with name來選擇我們的一個表頭

說明下,url就是表格中的第一列中的url的名稱,而添加的鏈接實際上是剛才添加的詳細請求圖中的dashboard所在的地址


當我們輸入$的時候會自動彈出一個可用的變量列表,如下所示:

設置好,點擊保存,就可以了,哈哈哈,效果圖如下:

注意
如果點擊鏈接打開的圖是和源圖在一個dashboard中時,只需要設置一個變量就可以了,如果不在一個dashboard中時,需要把兩個dashboard都設置好變量,且變量名設置成一樣的。


歡迎各位朋友關注我的公眾號,來一起學習進步哦
images


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM