Kibana | Canvas 讓 dashboard 更精采

(封面圖片截自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，快來自己動手試試看吧！！