爲 Dashboard 創建鏈接 drilldown - 7.11 版本


導語



在今天的文章中,我將介紹如何創建一個鏈接 drilldown 從而實現從 dashboard 到一個鏈接的跳轉。在這裏必須指出的是這個功能只在 Elastic Stack 7.11 及以上的版本中出現。



準備數據


在今天的練習中,我將使用 Kibana 自帶的索引來進行展示:


上面顯示我們的 Sample web logs 已經被安裝成功了。


創建鏈接 drilldown


首先我們打開已經被創建好的 dashboard:


在上面的顯示中,我們可以看到 404 response code 用註釋的方式表示出來的時間點。也許有些人對這些 response  codes 不是很懂。在查看這個圖的時候需要了解這些 response codes 的意思。我們可以爲這個可視化化創建一個 url 的 drilldown 來進行展示。點擊上面的 Edit 按鈕:


從上面我們可以看出來有兩種 drilldown 可以生成:

  • Go to Dashboard

  • Go to URL


針對之前的 Go to Dashboard,我在之前的文章中已經介紹過了。請詳細參閱文章  “Kibana:使用 drilldown 從一個儀表板切換到另外一個儀表板”。我們點擊 Go to URL:


我們把解釋 response codes 的鏈接 

https://blog.csdn.net/t_332741160/article/details/81408597

填入,並使之在一個新的 tab 裏進行打開。點擊上面的 Create drilldown:


上面顯示, response codes 這個 drilldown 已經被成功地創建了。我們必須保存 Dashboard 纔可以進行使用:


點擊 Save 鏈接:


點擊上面的 response codes:


我們可以看到一個新的 tab 已經被打開,並展示相應的解釋 response codes 的頁面。


創建帶有參數的 drilldown


在很多情況下,我們需要針對不同的點擊進行不同的頁面顯示,那麼,我們可以使用帶有參數的 drilldown。爲此,我們來創建一個如下的 panel:


這樣我們就得到了 response codes 的分佈圖。我們保存當前的 Panel 到 Dashboard 中:


這樣在 Dashboard 中,我們可以看到剛纔已經創建的 Panel。我們點擊 Create drilldown:


在上面,我們在 URL template 中使用如下的鏈接:


https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/{{ event.value }}


在上面的 event.value 中將獲得點擊時的參數。點擊 Create drilldown,這樣我們就創建好了 drilldown:


保存當前的 Dashboard:


當我們點擊上面 Pie Chard 中的綠色部分,它就會自動彈出一個 context menu。我們可以選擇 Lookup Status Code。我們可以在另外一個 tab 裏看到:


如上所示,它展示了對 200 response code 的解釋。

同樣當我們點擊 404 時,它也可以帶去我們去 404 頁面的解釋:


正文完



 作者:劉曉國

本文編輯:喝咖啡的貓



嗨,互動起來吧!

喜歡這篇文章麼?

歡迎留下你想說的,留言 100% 精選哦!

Elastic 社區公衆號長期徵稿,如果您有 Elastic  技術的相關文章,也歡迎投稿至本公衆號,一起進步! 投稿請添加微信:medcl123



招聘信息

Job board

社區招聘欄目是一個新的嘗試,幫助社區的小夥伴找到心儀的職位,也幫助企業找到所需的人才,爲伯樂和千里馬牽線搭橋。有招聘需求的企業和正在求職的社區小夥伴,可以聯繫微信 medcl123 提交招聘需求和發佈個人簡歷信息。

Elastic中文社區公衆號 (elastic-cn)

爲您彙集 Elastic 社區的最新動態、精選乾貨文章、精華討論、文檔資料、翻譯與版本發佈等。

喜歡本篇內容就請給我們點個[在看]吧



本文分享自微信公衆號 - Elastic中文社區(elastic-cn)。
如有侵權,請聯繫 [email protected] 刪除。
本文參與“OSC源創計劃”,歡迎正在閱讀的你也加入,一起分享。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章