Canvas-Elastic Stack 实战手册

作者：王涛

创建演示资料是一个十分耗时费力的过程，因为除了使用 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 的话，用户不仅可以省去持续更新演示资料中可视化的枯燥工作，而且可以使用强大的工具和筛选器来实时调整数据，从而奉上一场灵活、动态且富有说服力的精彩演示。

本文转自网络，原文链接：https://developer.aliyun.com/article/784133
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！