(封面圖片截自elasticsearch 官方網站)
Kibana 的右側選單除了 Dashboard 與 Visualize Library 以外,還有一個可以讓
dashboard 更加豐富的功能 - Canvas,如果你追求漂亮、精美的 dashboard
,千萬不要錯過!
▲ 自製圖像化的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
step 4. 讓資料搭配 data 呈現
點選想要綁定資料的圖片/圖案,在右邊可以調整呈現外觀 (display) 、資料
(data)、filter
擅於使用 SQL 語法可以選擇 Elasricsearch SQL 去進行資料的綁定,如果比較擅長使用 Lucene 語法,建議選擇 Elasticsearch document。
以上就是 canvas 的操作 tips,快來自己動手試試看吧!!