天天看點

Canvas-Elastic Stack 實戰手冊

Canvas-Elastic Stack 實戰手冊
https://developer.aliyun.com/topic/download?id=1295 · 更多精彩内容,請下載下傳閱讀全本《Elastic Stack實戰手冊》 https://developer.aliyun.com/topic/download?id=1295 https://developer.aliyun.com/topic/es100 · 加入創作人行列,一起交流碰撞,參與技術圈年度盛事吧 https://developer.aliyun.com/topic/es100

創作人:王濤

審稿人:吳斌

建立示範資料是一個十分耗時費力的過程,因為除了使用 JSON 代碼外,還需要對示範資料進行額外處理,才能友善閱聽人檢視和了解,是以花費的時間會更長。

即使對于從柱狀圖截圖,并将圖檔放到示範資料中這樣簡單的工作,如果需要對柱狀圖中的資料進行定期更新,這項工作也會變得十分枯燥乏味。令人遺憾的是,你可能經常需要做這些工作:導出資料,對資料進行清理,将結果粘貼到示範資料中,添加圖檔,等等。這個過程很快就會讓你到無比痛苦和抓狂。

Canvas 是什麼?

Canvas 是 Kibana 中内置的一項示範工具。

通過 Canvas,使用者可建立既能直接從 Elasticsearch 提取實時資料、且符合完美像素要求的示範資料和幻燈片文檔。這意味着你無需對示範資料進行手動更新,便可以獲得基于最新資料的圖檔、圖形元素和圖表。并且,Canvas 功能十分靈活,絕不局限于本篇文章中所提到的主要用例。

使用步驟

準備工作

如要開始使用 Canvas,你需要安裝下列兩項:

  • Elasticsearch,用于存儲資料并對資料進行索引
  • Kibana,用作 UI

打開Kibana,我們點選Canvas:

Canvas-Elastic Stack 實戰手冊

點選Create workpad ,為你的 Workpad 命名,名稱不可重複

Canvas-Elastic Stack 實戰手冊

選擇我們第一個元素

Canvas-Elastic Stack 實戰手冊

圖解

Canvas-Elastic Stack 實戰手冊
  1. 按鈕
  • 資料重新整理間隔 - 設定 Canvas 多長時間檢查一次 Elasticsearch 中的資料是否有更新
  • 切換全屏 - 切換 “示範模式”
  • 導出 Workpad - 将 Workpad 導出為 PDF 檔案
  • 切換編輯側欄 - 隐藏上圖中的第 6 個區塊
  1. 添加元素 - 這将會打開元素選擇器,以便你向 Canvas Workpad 中添加圖形、圖表、圖像等内容
  2. 元素層次控件 - 選擇将哪一進制素置于頂層,允許你進行組合和隐藏
  3. 複制元素 - 注意:必須選中某項元素,然後方可使用此功能
  4. Canvas Workpad - 主要工作區域
  5. 編輯控件 - 上下文感覺面闆,該面闆可以針對所選中的元素(例如字型、顔色、定制樣式表等)顯示屬性編輯項。
  6. 打開 Canvas 主菜單 - 檢視不同的 Workpad,複制、導入、導出以及删除 Workpad
  7. 頁面控件 - 添加新頁面或者在現有頁面之間進行切換
  8. 元素代碼編輯器 - 如果拿不準的話,那就編寫代碼吧。你可以無比靈活地調整查詢、格式和管道

資料源選擇

Canvas-Elastic Stack 實戰手冊

點選 Change your data source

Canvas-Elastic Stack 實戰手冊
  • Demo Data(示範資料): 這是一個小型的樣本資料集,你最初建立新的 Canvas 元素時使用的便是這一資料源。主要用于測試目的。
  • Elasticsearch Raw Documents(Elasticsearch 原始文檔): 此項能夠讓你通路
  • Elasticsearch 中的原始資料。
  • Timelion: Timelion 為你在 Elasticsearch 中處理時序資料提供了一種專用方法。
  • Elasticsearch SQL: 與原始文檔類似,此項能夠讓你在 Elasticsearch 中使用 SQL 文法功能通路資料。

我們選擇 Elasticsearch SQL 設定我們的 sql 這樣就可以展示我們的資料了

Canvas-Elastic Stack 實戰手冊

再也不用手動更新示範資料啦!

總結

如果使用 Canvas 的話,使用者不僅可以省去持續更新示範資料中可視化的枯燥工作,而且可以使用強大的工具和篩選器來實時調整資料,進而奉上一場靈活、動态且富有說服力的精彩示範。