作者:王濤
創建演示資料是一個十分耗時費力的過程,因為除了使用 JSON 代碼外,還需要對演示數據進行額外處理,才能方便受眾查看和理解,所以花費的時間會更長。
即使對於從柱狀圖截圖,並將圖片放到演示資料中這樣簡單的工作,如果需要對柱狀圖中的數據進行定期更新,這項工作也會變得十分枯燥乏味。令人遺憾的是,你可能經常需要做這些工作:導出數據,對數據進行清理,將結果粘貼到演示資料中,添加圖片,等等。這個過程很快就會讓你到無比痛苦和抓狂。
Canvas 是什麼?
Canvas 是 Kibana 中內置的一項演示工具。
通過 Canvas,用戶可創建既能直接從 Elasticsearch 提取實時數據、且符合完美像素要求的演示資料和幻燈片文檔。這意味著你無需對演示資料進行手動更新,便可以獲得基於最新數據的圖片、圖形元素和圖表。並且,Canvas 功能十分靈活,絕不侷限於本篇文章中所提到的主要用例。
使用步驟
準備工作
如要開始使用 Canvas,你需要安裝下列兩項:
- Elasticsearch,用於存儲數據並對數據進行索引
- Kibana,用作 UI
打開Kibana,我們點擊Canvas:
點擊Create workpad ,為你的 Workpad 命名,名稱不可重複
選擇我們第一個元素
圖解
- 按鈕
- 數據刷新間隔 - 設置 Canvas 多長時間檢查一次 Elasticsearch 中的數據是否有更新
- 切換全屏 - 切換 “演示模式”
- 導出 Workpad - 將 Workpad 導出為 PDF 文件
- 切換編輯側欄 - 隱藏上圖中的第 6 個區塊
- 添加元素 - 這將會打開元素選擇器,以便你向 Canvas Workpad 中添加圖形、圖表、圖像等內容
- 元素層次控件 - 選擇將哪一元素置於頂層,允許你進行組合和隱藏
- 複製元素 - 注意:必須選中某項元素,然後方可使用此功能
- Canvas Workpad - 主要工作區域
- 編輯控件 - 上下文感知面板,該面板可以針對所選中的元素(例如字體、顏色、定製樣式表等)顯示屬性編輯項。
- 打開 Canvas 主菜單 - 查看不同的 Workpad,複製、導入、導出以及刪除 Workpad
- 頁面控件 - 添加新頁面或者在現有頁面之間進行切換
- 元素代碼編輯器 - 如果拿不準的話,那就編寫代碼吧。你可以無比靈活地調整查詢、格式和管道
數據源選擇
點擊 Change your data source
- Demo Data(演示數據): 這是一個小型的樣本數據集,你最初創建新的 Canvas 元素時使用的便是這一數據源。主要用於測試目的。
- Elasticsearch Raw Documents(Elasticsearch 原始文檔): 此項能夠讓你訪問
- Elasticsearch 中的原始數據。
- Timelion: Timelion 為你在 Elasticsearch 中處理時序數據提供了一種專用方法。
- Elasticsearch SQL: 與原始文檔類似,此項能夠讓你在 Elasticsearch 中使用 SQL 語法功能訪問數據。
我們選擇 Elasticsearch SQL 設置我們的 sql 這樣就可以展示我們的數據了
再也不用手動更新演示資料啦!
總結
如果使用 Canvas 的話,用戶不僅可以省去持續更新演示資料中可視化的枯燥工作,而且可以使用強大的工具和篩選器來實時調整數據,從而奉上一場靈活、動態且富有說服力的精彩演示。