教程：创建用于监控销售额的工作面板

Elastic Stack Serverless

为了让您熟悉 Canvas，请添加 Sample eCommerce orders（电子商务订单示例）数据，然后使用这些数据创建一个用于监控电子商务商店销售额的工作面板。

要创建电子商务商店数据的工作面板，请添加数据集，然后创建工作面板。

1. 安装电子商务示例数据.
2. 使用导航菜单或全局搜索字段转到 Canvas。
3. 选择 创建工作面板。

要自定义您的工作面板，使其看起来符合您的要求，请添加您自己的图像。

1. 单击 添加元素 > 图像 > 图像。

   默认的 Elastic 徽标图像将显示在该页面上。

2. 添加您自己的图像。

   1. 单击 Elastic 徽标。

   2. 将图像文件拖到 选择或拖放图像 字段。

      
      ×

通过将您的数据连接到 Sample eCommerce orders（电子商务订单示例）数据来自定义您的数据。

1. 单击 添加元素 > 图表 > 指标。

   默认情况下，该元素已连接到演示数据，这使您能够在将该元素连接到您自己的数据之前进行试验。

2. 要将该元素连接到您自己的数据，请确保已选中该元素，然后单击 数据 > 演示数据 > Elasticsearch SQL。

   1. 要选择总价字段并将其设置为 sum_total_price 字段，请在 查询 字段中输入以下内容

      SELECT sum(taxless_total_price) AS sum_total_price FROM "kibana_sample_data_ecommerce"
      

   2. 单击 保存。

      所有字段均从电子商务订单示例数据视图中提取。

3. 此时，该元素显示为错误，因此您需要更改元素显示选项。

   1. 单击 显示
   2. 在 值 下拉菜单中，确保已选择 唯一 和 sum_total_price。
   3. 将 标签 更改为 Total sales。

4. 错误已消失，但该元素可以使用一些格式设置。要格式化数字，请使用 Canvas 表达式语言。

   1. 单击 表达式编辑器。

      您现在正在查看 Canvas 用于显示元素的原始数据语法。

   2. 将 metricFormat="0,0.[000]" 更改为 metricFormat="$0a"。

   3. 单击 运行。

×

要显示您的数据可以执行的操作，请将图表、图形、进度监视器等添加到您的工作面板。

1. 单击 添加元素 > 图表 > 区域。

2. 确保已选中该元素，然后单击 数据 > 演示数据 > Elasticsearch SQL。

   1. 要按日期获取不含税的总价，请在 查询 字段中输入以下内容

      SELECT order_date, taxless_total_price FROM "kibana_sample_data_ecommerce" ORDER BY order_date
      

   2. 单击 保存。

3. 更改显示选项。

   1. 单击 显示
   2. 在 X 轴 下拉菜单中，确保已选择 值 和 order_date。
   3. 在 Y 轴 下拉菜单中，选择 值，然后选择 taxless_total_price。

×

要将您的数据重点放在特定时间范围内，请添加时间过滤器。

1. 单击 添加元素 > 过滤器 > 时间过滤器。
2. 单击 显示
3. 要使用示例数据中的日期时间字段，请在 列 字段中输入 order_date，然后单击 设置。

要查看数据的变化方式，请将时间过滤器设置为 过去 7 天。更改时间过滤器选项时，元素将自动更新。

您的工作面板已完成！

现在您已经了解了基础知识，您就可以自行探索了。

以下是一些可以尝试的操作

• 体验示例 Canvas 工作面板。
• 使用工作面板构建您自己的数据演示文稿。
• 深入研究驱动 Canvas 的表达式语言和函数。