正在加载

使用时间序列图表创建仪表盘

Elastic Stack Serverless

在本教程中,您将使用电子商务示例数据来分析销售趋势,但您可以使用任何类型的数据来完成本教程。

完成后,您将拥有示例 Web 日志数据的完整概览。

Final dashboard with eCommerce sample data

添加示例电子商务数据,并创建和设置仪表盘。

  1. 安装电子商务示例数据集.
  2. 转到 仪表盘
  3. 仪表盘 页面上,单击 创建仪表盘

打开可视化编辑器,然后确保显示正确的字段。

  1. 在仪表盘上,单击 创建可视化
  2. 确保显示 Kibana 示例数据电子商务 数据视图,然后将 时间筛选器 设置为 过去 30 天

当您使用时间序列数据创建可视化效果时,可以使用默认时间间隔,也可以增加和减少间隔。出于性能原因,可视化编辑器允许您选择最短时间间隔,但不能选择确切的时间间隔。间隔限制由 histogram:maxBars 设置和 时间范围控制。

要使用自定义时间间隔分析数据,请创建一个条形图,显示您的商店每小时产生的订单数量

  1. 可用字段 列表中,将 记录 拖到工作区。

    可视化编辑器会创建一个条形图。

  2. 要放大数据,请单击鼠标并在条形图上拖动光标。

    Cursor clicking and dragging across the bars to zoom in on the data
  3. 在图层窗格中,单击 记录计数

    1. 单击 高级

    2. 按单位规范化 下拉列表中,选择 每小时,然后单击 关闭

      按单位规范化 通过除以 24 将 记录计数 转换为 每小时记录计数

    3. 名称 字段中,输入 订单数量

    4. 单击 关闭

  4. 要隐藏 水平轴 标签,请打开 底部轴 菜单,然后从 轴标题 下拉列表中选择

要识别订单的第 75 个百分位数,请添加参考线

  1. 在图层窗格中,单击 添加图层 > 参考线

  2. 单击 静态值

    1. 单击 快速函数,然后单击 百分位数
    2. 字段 下拉列表中,选择 total_quantity
    3. 参考线值 字段中,输入 75
  3. 配置 外观 选项。

    1. 名称 字段中,输入 75th
    2. 要显示名称,请从 文本装饰 中选择 名称
    3. 图标装饰 下拉列表中,选择 标签
    4. 颜色 字段中,输入 #E7664C
  4. 单击 关闭

    Orders per day
  5. 单击 保存并返回

您可以使用相同时间间隔内的多个数据序列创建可视化效果,即使这些序列的配置相似,只有细微差异也是如此。

要分析多个序列,请创建一个折线图,显示随时间推移销售的产品的价格分布

  1. 在仪表盘上,单击 创建可视化
  2. 打开 可视化类型 下拉列表,然后选择 折线
  3. 可用字段 列表中,将 products.price 拖到工作区。

创建第 95 个价格分布百分位数

  1. 在图层窗格中,单击 products.price 的中位数
  2. 单击 百分位数 函数。
  3. 名称 字段中,输入 95th,然后单击 关闭

要复制函数,您可以将其拖到同一组中的 添加或拖放字段 区域。要创建第 90 个百分位数,请复制 95th 百分位数

  1. 95th 字段拖到 垂直轴添加或拖放字段

    Easily duplicate the items with drag and drop
  2. 单击 95th [1],然后在 百分位数 字段中输入 90

  3. 名称 字段中,输入 90th,然后单击 关闭

  4. 要创建 50th10th 百分位数,请重复复制步骤。

  5. 打开 左侧轴 菜单,从 轴标题 下拉列表中选择 自定义,然后在 轴标题 字段中输入 产品价格的百分位数

    Percentiles for product prices chart
  6. 单击 保存并返回

使用图层,您可以使用多种可视化类型分析数据。当您创建分层可视化效果时,请匹配水平轴上的数据,以便它使用相同的刻度。

要分析多种可视化类型,请创建一个面积图,显示平均订单价格,然后添加一个折线图层,显示客户数量。

  1. 在仪表盘上,单击 创建可视化

  2. 可用字段 列表中,将 products.price 拖到工作区。

  3. 在图层窗格中,单击 products.price 的中位数

    1. 单击 平均值 函数。
    2. 名称 字段中,输入 平均价格,然后单击 关闭
  4. 打开 可视化类型 下拉列表,然后选择 面积

添加一个图层以显示客户流量

  1. 在图层窗格中,单击 添加图层 > 可视化 > 折线

  2. 可用字段 列表中,将 customer_id 拖到第二个图层中的 垂直轴 字段。

  3. 在图层窗格中,单击 customer_id 的唯一计数

    1. 名称 字段中,输入 客户数量

    2. 系列颜色 字段中,输入 #D36086

    3. 单击 轴侧右侧,然后单击 关闭

      Number of customers area chart in Lens
  4. 可用字段 列表中,将 order_date 拖到第二个图层中的 水平轴 字段。

  5. 要更改图例的位置,请打开 图例 菜单,然后选择向上指向的 对齐 箭头。

    Layer visualization type menu
  6. 单击 保存并返回

默认情况下,可视化编辑器使用堆叠图表显示时间序列数据,这显示了不同的文档集如何随时间变化。

要将随时间变化视为百分比,请创建一个 面积百分比 图表,该图表随时间显示三个订单类别

  1. 在仪表盘上,单击 创建可视化
  2. 可用字段 列表中,将 记录 拖到工作区。
  3. 打开 可视化类型 下拉列表,然后选择 面积百分比

对于每个订单类别,创建一个筛选器

  1. 在图层窗格中,单击 分解添加或拖放字段

  2. 单击 筛选器 函数。

  3. 单击 所有记录,在查询栏中输入以下内容,然后按回车键

    • KQLcategory.keyword : *Clothing
    • 标签Clothing
  4. 单击 添加筛选器,在查询栏中输入以下内容,然后按回车键

    • KQLcategory.keyword : *Shoes
    • 标签Shoes
  5. 单击 添加筛选器,在查询栏中输入以下内容,然后按回车键

    • KQLcategory.keyword : *Accessories
    • 标签Accessories
  6. 单击 关闭

  7. 打开 图例 菜单,然后选择向上指向的 对齐 箭头。

    Prices share by category
  8. 单击 保存并返回

要确定仅在周六和周日下的订单数量,请创建一个面积图,然后将其添加到仪表板。

  1. 在仪表盘上,单击 创建可视化
  2. 打开 可视化类型 下拉列表,然后选择 面积

配置商店订单的累计总和

  1. 可用字段 列表中,将 记录 拖到工作区。
  2. 在图层窗格中,单击 记录计数
  3. 单击 累计总和 函数。
  4. 名称 字段中,输入 Cumulative weekend orders,然后单击 关闭

过滤结果以仅显示周六和周日的数据

  1. 在图层窗格中,单击 分解添加或拖放字段

  2. 单击 筛选器 函数。

  3. 单击 所有记录,在查询栏中输入以下内容,然后按回车键

    • KQLday_of_week : "Saturday" or day_of_week : "Sunday"

    • 标签Saturday and Sunday

      KQL 过滤器 显示 day_of_weekSaturdaySunday 匹配的所有文档。

  4. 单击 关闭

  5. 打开 图例 菜单,然后单击 显示 旁边的 隐藏

    Area chart with cumulative sum of orders made on the weekend
  6. 单击 保存并返回

使用 时间偏移,您可以比较来自不同时间范围的数据。为了确保数据正确显示,在使用多个时间偏移时,请选择日期直方图间隔的倍数。例如,如果间隔为 days,则无法为一个系列使用 36h 时间偏移,而为第二个系列使用 1d 时间偏移。

要比较两个时间范围,请创建一个折线图,将本周的销售额与上周的销售额进行比较

  1. 在仪表盘上,单击 创建可视化
  2. 打开 可视化类型 下拉列表,然后选择 折线
  3. 可用字段 列表中,将 记录 拖到工作区。
  4. 要复制 记录计数,请将 记录计数 拖到图层窗格中 纵轴添加或拖放字段

要创建同比比较,请将 记录计数 [1] 偏移一周

  1. 在图层窗格中,单击 记录计数 [1]

  2. 单击 高级,从 时间偏移 下拉菜单中选择 1周前,然后单击 关闭

    要使用自定义时间偏移,请输入时间值和增量,然后按 Enter 键。例如,输入 1w 以使用 1周前 时间偏移。

    Line chart with week-over-week sales comparison
  3. 单击 保存并返回

时间偏移可以用于任何指标。特殊偏移 previous 将显示位于右上角时间选择器中当前选定时间窗口之前的时间窗口,跨越相同的时间段。例如,如果在时间选择器中选择 过去7天,则 previous 将显示从 14 天前到 7 天前的数据。此模式不能与日期直方图一起使用。

使用 公式,您可以分析来自不同时间范围的数据的百分比变化。

要将时间范围的变化作为百分比进行比较,请创建一个条形图,将本周的销售额与上周的销售额进行比较

  1. 在仪表盘上,单击 创建可视化

  2. 可用字段 列表中,将 记录 拖到工作区。

  3. 在图层窗格中,单击 记录计数

  4. 单击 公式,然后在 公式 字段中输入 count() / count(shift='1w') - 1

  5. 名称 字段中,输入 Percent of change

  6. 值格式 下拉菜单中,选择 百分比,然后在 小数位数 字段中输入 0

  7. 单击 关闭

    Bar chart with percent change in sales between the current time and the previous week
  8. 单击 保存并返回

使用表格,您可以查看和比较字段值,这对于显示客户订单的位置很有用。

创建一个日期直方图表,并按类别(例如用户帐户中注册的洲)对客户计数指标进行分组

  1. 在仪表盘上,单击 创建可视化

  2. 打开 可视化类型 下拉菜单,然后选择 表格

  3. 可用字段 列表中,将 customer_id 拖到图层窗格中的 指标 字段。

    1. 在图层窗格中,单击 customer_id 的唯一计数
    2. 名称 字段中,输入 Customers,然后单击 关闭
  4. 可用字段 列表中,将 order_date 拖到图层窗格中的 字段。

    1. 在图层窗格中,单击 order_date
    2. 最小间隔 字段中,输入 1d
    3. 名称 字段中,输入 Sales,然后单击 关闭

要拆分指标,请使用 字段为每个洲添加列

  1. 可用字段 列表中,将 geoip.continent_name 拖到图层窗格中的 按以下项拆分指标 字段。

    Date histogram table with groups for the customer count metric
  2. 单击 保存并返回

现在您已经全面了解了您的电子商务销售数据,请保存仪表板。

  1. 在工具栏中,单击 保存
  2. 保存仪表板 窗口中,输入 eCommerce sales
  3. 选择 将时间与仪表板一起存储
  4. 单击 保存
Final dashboard with eCommerce sample data
© . All rights reserved.