Kibana | Canvas 讓 dashboard 更精采

瀏覽人次: 1184
2023-06-21 更新

(封面圖片截自elasticsearch 官方網站)

Kibana 的右側選單除了 Dashboard 與 Visualize Library 以外,還有一個可以讓
dashboard 更加豐富的功能 - Canvas,如果你追求漂亮、精美的 dashboard
,千萬不要錯過!

make a more pretty and functionally dashboard with kibana canvas

▲ 自製圖像化的disk監控平台

用 canvas 製作 dashboard 可以採用自己喜歡的圖片、icon
輔助資料的顯示,讓原本只能用 datatable 的資料更加美觀的呈現。

以下針對 canvas 作圖功能做說明:

step 1. 點選 kibana 左上選單 -> Canvas -> 右上方 Create workpad

在Workpad settings裡可以編輯 workpad 的名字、長寬、底色

step 2. Add element 增加需要的圖/表

- Chart:跟 data visualize 可做的圖表一樣

-
Image:加入單張圖片、重複圖片、疊加圖片,重複以及疊加可以根據資料綁定的狀況有不同的呈現

例:上圖中的電腦是單張圖片,電腦的數量是根據綁定資料的值去複製呈現。以及右上方的
SQL 圖片,會根據資料量在 disk 中的占比呈現不同的灰/彩色比例。

- Filter:增加下拉選單、時間選單

- Progress:增加跟比例相關的圖表

step 3. 也可以利用 css 語法,做出更多變化性的圖案/動畫

先點選 Add element 裡面的 Text ,再點選右下角的 Expression
editor,鍵入需要的語法後點選 Run

canvas with css

step 4. 讓資料搭配 data 呈現

點選想要綁定資料的圖片/圖案,在右邊可以調整呈現外觀 (display) 、資料
(data)、filter

擅於使用 SQL 語法可以選擇 Elasricsearch SQL 去進行資料的綁定,如果比較擅長使用 Lucene 語法,建議選擇 Elasticsearch document。

以上就是 canvas 的操作 tips,快來自己動手試試看吧!!

快速跳轉目錄

✦ 集先鋒 Bimap – 企業建置高速穩定的海量日誌分析平台✦

集中不同的結構化資料和非結構化日誌,並進行關聯性的大數據整合,客製化儀表版、自訂事件告警、機器學習等等,以滿足各種大數據的應用場景和解決方案。