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