作者：王濤
創建演示資料是一個十分耗時費力的過程，因為除了使用 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 的話，用戶不僅可以省去持續更新演示資料中可視化的枯燥工作，而且可以使用強大的工具和篩選器來實時調整數據，從而奉上一場靈活、動態且富有說服力的精彩演示。