1. 概述
1.1 应用场景
本文介绍年月过滤组件输入时间,显示前 X 个月的数据。例如,选择 7 月,筛选出 1-6 月的所有数据。如下图所示:
用户时常会需要查看某一时间段的数据。其余各种场景如下表所示:
应用场景 | 是否使用过滤组件 | 举例 | 参考文档 |
---|---|---|---|
选择某日期,显示自定义时间段数据 | 是 (时间过滤组件不绑定字段) | 年月过滤组件输入年月 Y,显示前 X 个月之后到 Y 月的数据 | 筛选自定义时间段数据 (本文) |
选择某一具体日期,显示当月,上月,当年,去年等相关数据。 | 是 (时间过滤组件不绑定字段) | 在日期过滤组件中输入「2012-04-01」,
| 求同比和环比-表维度非日期(示例一) |
使用动态数据,查看当天至最近一段时间的数据。 | 否 | 动态时间展示当天到前 30 天的销售金额 | 求同比和环比-表维度非日期(示例二) |
1.2 实现思路
实现选择某月,筛选出该月前半年的数据的效果。步骤如下:
1)首先,在「仪表板编辑界面」添加不绑定字段的「年月过滤组件」,用于筛选年月日期。
2)其次,在「仪表板编辑界面」添加需要进行数据筛选的组件,选择「柱形图」。
3)再次,在「柱形图组件」为数据添加明细过滤条件,实现「年月过滤组件」选择某月,「柱形图」即可显示前半年的数据。
4)最后,在「仪表板编辑界面」设置默认的过滤值,方便用户在仪表板预览界面查看数据。
2. 方法一:过滤组件不绑定字段
示例使用的数据: demo 数据中的「设备生产明细表」。
2.1 新建仪表板
新建仪表板,在仪表板界面实现数据展示。打开「仪表板>新建仪表板」,输入仪表板信息,点击「确定」。如下图所示:
2.2 添加日期过滤组件
新建仪表板后,进入仪表板编辑界面。添加年月过滤组件,不绑定字段,实现对数据年月的过滤。
1)点击「过滤组件」选择「年月」,添加过滤组件,如下图所示:
2)对年月过滤组件不进行任何操作,不绑定字段,点击「确定」完成年月过滤组件制作。如下图所示:
2.3 添加柱形图组件
1)添加「年月过滤组件」后,在仪表板编辑界面「添加组件」,如下图所示:
2)添加组件后,使用 demo 数据中的「设备生产明细表」制作组件。如下图所示:
3)进入组件编辑界面,将待分析区域的维度字段「时间」和指标字段「产出量」,拖入分析区域对应的横纵轴,图表类型点击「柱形图」,如下图所示:
4)实现数据以年月形式展现,则点击横轴的「时间」,下拉选择「年月」,如下图所示:
2.3 添加明细过滤条件
制作完成以年月展示产出量数据的柱形图后,对「产出量」进行「明细过滤」,实现「年月过滤组件」和「柱形图」的联系:「年月过滤组件」选择某月,「柱形图」即可显示前 6 个月的所有数据。
1)对「产出量」添加明细过滤条件。如下图所示:
2)设置起始日期。为「产出量」添加「时间」的过滤条件。先实现年月过滤组件选择某月,显示前 6 个月之后所有数据。如下图所示:
设置详情如下表所示:
设置 | 说明 |
---|---|
选择字段:时间 | 对数据的时间添加过滤条件 |
某个日期后 | 设置展示数据的起始时间 |
过滤组件值 | 与过滤组件创建联系,依据过滤组件选择的值过滤数据。 |
年月 | 选择过滤组件中的年月过滤组件 |
0 年前 6 月前的月初 | 过滤组件值的 6 个月前的月初开始展示数据。 例如,示例是 2018 年 12 个月的数据。年月过滤组件如果选择 2018 年 8 月,显示 2018 年 2 月初到 12 月的所有数据 |
3)设置截止日期。「添加条件(且)」的「时间」过滤条件。步骤同上。实现展示到年月过滤组件,选择某月,显示前 6 个月初到前 1 个月底数据。完成点击「确定」。如下图所示:
添加的两个条件关系如下表所示:
两个时间过滤条件(且) | 条件过滤结果 | 条件关系 | 实现效果 |
---|---|---|---|
条件 1 | 过滤出过滤组件值前 8 个月之后的所有数据 | 且 | 展示前 6 个月初到前 1 个月底的数据。 例如,过滤组件选择 2018 年 7 月,显示 2018 年 1 月初到 6 月底的数据 |
条件 2 | 过滤出过滤组件值 1 个月前的所有数据 |
注:若只有 2018 年 1-12 月数据,选择 3 月,则只显示 1-3 月数据,因为之前的数据为空,所有不显示。
5)设置图形属性。柱形图颜色选择「粉色」,调整柱形图大小,并将「产出量」拖入标签中。设置结束点击「进入仪表板」,进入仪表板编辑界面,如下图所示:
2.4 设置默认数据
在仪表板编辑界面提前过滤好数据,则每次查看仪表板时,都会展示默认过滤条件下的数据,减少用户的操作步骤。
1)进入仪表板编辑界面后,拖拽组件,拖动鼠标修改组件大小位置后,如下图所示:
2)年月过滤组件选择需要设置的默认时间「 2018 年 6 月」,点击「预览仪表板」完成制作。如下图所示:
3. 方法二:过滤组件选择字段但取消对组件的控制
示例使用的数据: demo 数据中的「设备生产明细表」。
3.1 新建仪表板
新建仪表板,在仪表板界面实现数据展示。打开「仪表板>新建仪表板」,输入仪表板信息,点击「确定」。如下图所示:
3.2 添加日期过滤组件
新建仪表板后,进入仪表板编辑界面。添加年月过滤组件,不绑定字段,实现对数据年月的过滤。
1)点击「过滤组件」选择「年月」,添加过滤组件,如下图所示:
2)将时间字段拖入过滤组件中,点击「确定」完成年月过滤组件制作。如下图所示:
2.3 添加柱形图组件
1)添加「年月过滤组件」后,在仪表板编辑界面「添加组件」,如下图所示:
2)添加组件后,使用 demo 数据中的「设备生产明细表」制作组件。如下图所示:
3)进入组件编辑界面,将待分析区域的维度字段「时间」和指标字段「产出量」,拖入分析区域对应的横纵轴,图表类型点击「柱形图」,如下图所示:
4)实现数据以年月形式展现,则点击横轴的「时间」,下拉选择「年月」,如下图所示:
2.3 添加明细过滤条件
制作完成以年月展示产出量数据的柱形图后,对「产出量」进行「明细过滤」,实现「年月过滤组件」和「柱形图」的联系:「年月过滤组件」选择某月,「柱形图」即可显示前 6 个月的所有数据。
1)对「产出量」添加明细过滤条件。如下图所示:
2)设置起始日期。为「产出量」添加「时间」的过滤条件。先实现年月过滤组件选择某月,显示前 6 个月之后所有数据。如下图所示:
设置详情如下表所示:
设置 | 说明 |
---|---|
选择字段:时间 | 对数据的时间添加过滤条件 |
某个日期后 | 设置展示数据的起始时间 |
过滤组件值 | 与过滤组件创建联系,依据过滤组件选择的值过滤数据。 |
年月 | 选择过滤组件中的年月过滤组件 |
0 年前 6 月前的月初 | 过滤组件值的 6 个月前的月初开始展示数据。 例如,示例是 2018 年 12 个月的数据。年月过滤组件如果选择 2018 年 8 月,显示 2018 年 2 月初到 12 月的所有数据 |
3)设置截止日期。「添加条件(且)」的「时间」过滤条件。步骤同上。实现展示到年月过滤组件,选择某月,显示前 6 个月初到前 1 个月底数据。完成点击「确定」。如下图所示:
添加的两个条件关系如下表所示:
两个时间过滤条件(且) | 条件过滤结果 | 条件关系 | 实现效果 |
---|---|---|---|
条件 1 | 过滤出过滤组件值前 8 个月之后的所有数据 | 且 | 展示前 6 个月初到前 1 个月底的数据。 例如,过滤组件选择 2018 年 7 月,显示 2018 年 1 月初到 6 月底的数据 |
条件 2 | 过滤出过滤组件值 1 个月前的所有数据 |
注:若只有 2018 年 1-12 月数据,选择 3 月,则只显示 1-3 月数据,因为之前的数据为空,所有不显示。
5)设置 图形属性 。柱形图颜色选择「粉色」,调整柱形图大小,并将「产出量」拖入标签中。设置结束点击「进入仪表板」,进入仪表板编辑界面,如下图所示:
2.4 取消过滤组件对柱形图的控制
对过滤组件设置为「自定义控制范围」,取消勾选柱形图组件,如下图所示:
2.5 设置默认数据
在仪表板编辑界面提前过滤好数据,则每次查看仪表板时,都会展示默认过滤条件下的数据,减少用户的操作步骤。
1)进入仪表板编辑界面后,拖拽组件,拖动鼠标修改组件大小位置后,如下图所示:
2)年月过滤组件选择需要设置的默认时间「 2018 年 6 月」,点击「预览仪表板」完成制作。如下图所示: