Canvas-Elastic Stack 实战手册-阿里云开发者社区

开发者社区> Elasticsearch 技术团队> 正文
登录阅读全文

Canvas-Elastic Stack 实战手册

简介: Canvas 是 Kibana 中内置的一项演示工具。

970X90.png

· 更多精彩内容,请下载阅读全本《Elastic Stack实战手册》

· 加入创作人行列,一起交流碰撞,参与技术圈年度盛事吧

创作人:王涛
审稿人:吴斌

创建演示资料是一个十分耗时费力的过程,因为除了使用 JSON 代码外,还需要对演示数据进行额外处理,才能方便受众查看和理解,所以花费的时间会更长。

即使对于从柱状图截图,并将图片放到演示资料中这样简单的工作,如果需要对柱状图中的数据进行定期更新,这项工作也会变得十分枯燥乏味。令人遗憾的是,你可能经常需要做这些工作:导出数据,对数据进行清理,将结果粘贴到演示资料中,添加图片,等等。这个过程很快就会让你到无比痛苦和抓狂。

Canvas 是什么?

Canvas 是 Kibana 中内置的一项演示工具。

通过 Canvas,用户可创建既能直接从 Elasticsearch 提取实时数据、且符合完美像素要求的演示资料和幻灯片文档。这意味着你无需对演示资料进行手动更新,便可以获得基于最新数据的图片、图形元素和图表。并且,Canvas 功能十分灵活,绝不局限于本篇文章中所提到的主要用例。

使用步骤

准备工作

如要开始使用 Canvas,你需要安装下列两项:

  • Elasticsearch,用于存储数据并对数据进行索引
  • Kibana,用作 UI

打开Kibana,我们点击Canvas:

1.png

点击Create workpad ,为你的 Workpad 命名,名称不可重复

2.png

选择我们第一个元素

3.png

图解

4.jpeg

  1. 按钮
  • 数据刷新间隔 - 设置 Canvas 多长时间检查一次 Elasticsearch 中的数据是否有更新
  • 切换全屏 - 切换 “演示模式”
  • 导出 Workpad - 将 Workpad 导出为 PDF 文件
  • 切换编辑侧栏 - 隐藏上图中的第 6 个区块
  1. 添加元素 - 这将会打开元素选择器,以便你向 Canvas Workpad 中添加图形、图表、图像等内容
  2. 元素层次控件 - 选择将哪一元素置于顶层,允许你进行组合和隐藏
  3. 复制元素 - 注意:必须选中某项元素,然后方可使用此功能
  4. Canvas Workpad - 主要工作区域
  5. 编辑控件 - 上下文感知面板,该面板可以针对所选中的元素(例如字体、颜色、定制样式表等)显示属性编辑项。
  6. 打开 Canvas 主菜单 - 查看不同的 Workpad,复制、导入、导出以及删除 Workpad
  7. 页面控件 - 添加新页面或者在现有页面之间进行切换
  8. 元素代码编辑器 - 如果拿不准的话,那就编写代码吧。你可以无比灵活地调整查询、格式和管道

数据源选择

5.png

点击 Change your data source

6.png

  • Demo Data(演示数据): 这是一个小型的样本数据集,你最初创建新的 Canvas 元素时使用的便是这一数据源。主要用于测试目的。
  • Elasticsearch Raw Documents(Elasticsearch 原始文档): 此项能够让你访问
  • Elasticsearch 中的原始数据。
  • Timelion: Timelion 为你在 Elasticsearch 中处理时序数据提供了一种专用方法。
  • Elasticsearch SQL: 与原始文档类似,此项能够让你在 Elasticsearch 中使用 SQL 语法功能访问数据。

我们选择 Elasticsearch SQL 设置我们的 sql 这样就可以展示我们的数据了

7.png

再也不用手动更新演示资料啦!

总结

如果使用 Canvas 的话,用户不仅可以省去持续更新演示资料中可视化的枯燥工作,而且可以使用强大的工具和筛选器来实时调整数据,从而奉上一场灵活、动态且富有说服力的精彩演示。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享: