使用时间序列图表创建仪表盘
Elastic Stack Serverless
在本教程中,您将使用电子商务示例数据来分析销售趋势,但您可以使用任何类型的数据来完成本教程。
完成后,您将拥有示例 Web 日志数据的完整概览。

添加示例电子商务数据,并创建和设置仪表盘。
- 安装电子商务示例数据集.
- 转到 仪表盘 。
- 在 仪表盘 页面上,单击 创建仪表盘 。
打开可视化编辑器,然后确保显示正确的字段。
- 在仪表盘上,单击 创建可视化 。
- 确保显示 Kibana 示例数据电子商务 数据视图,然后将 时间筛选器 设置为 过去 30 天。
当您使用时间序列数据创建可视化效果时,可以使用默认时间间隔,也可以增加和减少间隔。出于性能原因,可视化编辑器允许您选择最短时间间隔,但不能选择确切的时间间隔。间隔限制由 histogram:maxBars
设置和 时间范围控制。
要使用自定义时间间隔分析数据,请创建一个条形图,显示您的商店每小时产生的订单数量
从 可用字段 列表中,将 记录 拖到工作区。
可视化编辑器会创建一个条形图。
要放大数据,请单击鼠标并在条形图上拖动光标。
在图层窗格中,单击 记录计数。
单击 高级。
从 按单位规范化 下拉列表中,选择 每小时,然后单击 关闭。
按单位规范化 通过除以 24 将
记录计数
转换为每小时记录计数
。在 名称 字段中,输入
订单数量
。单击 关闭。
要隐藏 水平轴 标签,请打开 底部轴 菜单,然后从 轴标题 下拉列表中选择 无。
要识别订单的第 75 个百分位数,请添加参考线
在图层窗格中,单击 添加图层 > 参考线。
单击 静态值。
- 单击 快速函数,然后单击 百分位数。
- 从 字段 下拉列表中,选择 total_quantity。
- 在 参考线值 字段中,输入
75
。
配置 外观 选项。
- 在 名称 字段中,输入
75th
。 - 要显示名称,请从 文本装饰 中选择 名称。
- 从 图标装饰 下拉列表中,选择 标签。
- 在 颜色 字段中,输入
#E7664C
。
- 在 名称 字段中,输入
单击 关闭。
单击 保存并返回。
您可以使用相同时间间隔内的多个数据序列创建可视化效果,即使这些序列的配置相似,只有细微差异也是如此。
要分析多个序列,请创建一个折线图,显示随时间推移销售的产品的价格分布
- 在仪表盘上,单击 创建可视化 。
- 打开 可视化类型 下拉列表,然后选择 折线。
- 从 可用字段 列表中,将 products.price 拖到工作区。
创建第 95 个价格分布百分位数
- 在图层窗格中,单击 products.price 的中位数。
- 单击 百分位数 函数。
- 在 名称 字段中,输入
95th
,然后单击 关闭。
要复制函数,您可以将其拖到同一组中的 添加或拖放字段 区域。要创建第 90 个百分位数,请复制 95th
百分位数
将 95th 字段拖到 垂直轴 的 添加或拖放字段。
单击 95th [1],然后在 百分位数 字段中输入
90
。在 名称 字段中,输入
90th
,然后单击 关闭。要创建
50th
和10th
百分位数,请重复复制步骤。打开 左侧轴 菜单,从 轴标题 下拉列表中选择 自定义,然后在 轴标题 字段中输入
产品价格的百分位数
。单击 保存并返回。
使用图层,您可以使用多种可视化类型分析数据。当您创建分层可视化效果时,请匹配水平轴上的数据,以便它使用相同的刻度。
要分析多种可视化类型,请创建一个面积图,显示平均订单价格,然后添加一个折线图层,显示客户数量。
在仪表盘上,单击 创建可视化 。
从 可用字段 列表中,将 products.price 拖到工作区。
在图层窗格中,单击 products.price 的中位数。
- 单击 平均值 函数。
- 在 名称 字段中,输入
平均价格
,然后单击 关闭。
打开 可视化类型 下拉列表,然后选择 面积。
添加一个图层以显示客户流量
在图层窗格中,单击 添加图层 > 可视化 > 折线。
从 可用字段 列表中,将 customer_id 拖到第二个图层中的 垂直轴 字段。
在图层窗格中,单击 customer_id 的唯一计数。
从 可用字段 列表中,将 order_date 拖到第二个图层中的 水平轴 字段。
要更改图例的位置,请打开 图例 菜单,然后选择向上指向的 对齐 箭头。
单击 保存并返回。
默认情况下,可视化编辑器使用堆叠图表显示时间序列数据,这显示了不同的文档集如何随时间变化。
要将随时间变化视为百分比,请创建一个 面积百分比 图表,该图表随时间显示三个订单类别
- 在仪表盘上,单击 创建可视化 。
- 从 可用字段 列表中,将 记录 拖到工作区。
- 打开 可视化类型 下拉列表,然后选择 面积百分比。
对于每个订单类别,创建一个筛选器
在图层窗格中,单击 分解 的 添加或拖放字段。
单击 筛选器 函数。
单击 所有记录,在查询栏中输入以下内容,然后按回车键
- KQL —
category.keyword : *Clothing
- 标签 —
Clothing
- KQL —
单击 添加筛选器,在查询栏中输入以下内容,然后按回车键
- KQL —
category.keyword : *Shoes
- 标签 —
Shoes
- KQL —
单击 添加筛选器,在查询栏中输入以下内容,然后按回车键
- KQL —
category.keyword : *Accessories
- 标签 —
Accessories
- KQL —
单击 关闭。
打开 图例 菜单,然后选择向上指向的 对齐 箭头。
单击 保存并返回。
要确定仅在周六和周日下的订单数量,请创建一个面积图,然后将其添加到仪表板。
- 在仪表盘上,单击 创建可视化 。
- 打开 可视化类型 下拉列表,然后选择 面积。
配置商店订单的累计总和
- 从 可用字段 列表中,将 记录 拖到工作区。
- 在图层窗格中,单击 记录计数。
- 单击 累计总和 函数。
- 在 名称 字段中,输入
Cumulative weekend orders
,然后单击 关闭。
过滤结果以仅显示周六和周日的数据
在图层窗格中,单击 分解 的 添加或拖放字段。
单击 筛选器 函数。
单击 所有记录,在查询栏中输入以下内容,然后按回车键
KQL —
day_of_week : "Saturday" or day_of_week : "Sunday"
标签 —
Saturday and Sunday
KQL 过滤器 显示
day_of_week
与Saturday
或Sunday
匹配的所有文档。
单击 关闭。
打开 图例 菜单,然后单击 显示 旁边的 隐藏。
单击 保存并返回。
使用 时间偏移,您可以比较来自不同时间范围的数据。为了确保数据正确显示,在使用多个时间偏移时,请选择日期直方图间隔的倍数。例如,如果间隔为 days,则无法为一个系列使用 36h 时间偏移,而为第二个系列使用 1d 时间偏移。
要比较两个时间范围,请创建一个折线图,将本周的销售额与上周的销售额进行比较
- 在仪表盘上,单击 创建可视化 。
- 打开 可视化类型 下拉列表,然后选择 折线。
- 从 可用字段 列表中,将 记录 拖到工作区。
- 要复制 记录计数,请将 记录计数 拖到图层窗格中 纵轴 的 添加或拖放字段。
要创建同比比较,请将 记录计数 [1] 偏移一周
在图层窗格中,单击 记录计数 [1]。
单击 高级,从 时间偏移 下拉菜单中选择 1周前,然后单击 关闭。
要使用自定义时间偏移,请输入时间值和增量,然后按 Enter 键。例如,输入 1w 以使用 1周前 时间偏移。
单击 保存并返回。
时间偏移可以用于任何指标。特殊偏移 previous 将显示位于右上角时间选择器中当前选定时间窗口之前的时间窗口,跨越相同的时间段。例如,如果在时间选择器中选择 过去7天,则 previous 将显示从 14 天前到 7 天前的数据。此模式不能与日期直方图一起使用。
使用 公式,您可以分析来自不同时间范围的数据的百分比变化。
要将时间范围的变化作为百分比进行比较,请创建一个条形图,将本周的销售额与上周的销售额进行比较
在仪表盘上,单击 创建可视化 。
从 可用字段 列表中,将 记录 拖到工作区。
在图层窗格中,单击 记录计数。
单击 公式,然后在 公式 字段中输入
count() / count(shift='1w') - 1
。在 名称 字段中,输入
Percent of change
。从 值格式 下拉菜单中,选择 百分比,然后在 小数位数 字段中输入
0
。单击 关闭。
单击 保存并返回。
使用表格,您可以查看和比较字段值,这对于显示客户订单的位置很有用。
创建一个日期直方图表,并按类别(例如用户帐户中注册的洲)对客户计数指标进行分组
在仪表盘上,单击 创建可视化 。
打开 可视化类型 下拉菜单,然后选择 表格。
从 可用字段 列表中,将 customer_id 拖到图层窗格中的 指标 字段。
- 在图层窗格中,单击 customer_id 的唯一计数。
- 在 名称 字段中,输入
Customers
,然后单击 关闭。
从 可用字段 列表中,将 order_date 拖到图层窗格中的 行 字段。
- 在图层窗格中,单击 order_date。
- 在 最小间隔 字段中,输入 1d。
- 在 名称 字段中,输入
Sales
,然后单击 关闭。
要拆分指标,请使用 列 字段为每个洲添加列
现在您已经全面了解了您的电子商务销售数据,请保存仪表板。
- 在工具栏中,单击 保存。
- 在 保存仪表板 窗口中,输入
eCommerce sales
。 - 选择 将时间与仪表板一起存储。
- 单击 保存。
