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都設置好變量，且變量名設置成同樣的。