導語
在今天的文章中,我將介紹如何創建一個鏈接 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源創計劃”,歡迎正在閱讀的你也加入,一起分享。