历史版本10 :字段过滤绑定参数实现动态过滤数据 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

本文介绍年月过滤组件输入时间,显示前 X 个月的数据。例如,选择 7 月,筛选出 1-6 月的所有数据。如下图所示:

2020-09-27_14-31-18.png

用户时常会需要查看某一时间段的数据。其余各种场景如下表所示:

应用场景
是否使用过滤组件举例参考文档
选择某日期,显示自定义时间段数据

(时间过滤组件不绑定字段)

年月过滤组件输入年月 Y,显示前 X 个月之后到 Y 月的数据
筛选自定义时间段数据
(本文)
选择某一具体日期,显示当月,上月,当年,去年等相关数据。

(时间过滤组件不绑定字段)

在日期过滤组件中输入「2012-04-01」,
  • 显示 2012 年 4 月(当月)的数据

  • 显示上月数据

  • 显示去年同期的数据

求同比和环比-表维度非日期(示例一)
使用动态数据,查看当天至最近一段时间的数据。动态时间展示当天到前 30 天的销售金额求同比和环比-表维度非日期(示例二)

1.2 实现思路

实现选择某月,筛选出该月前半年的数据的效果。步骤如下:

1)首先,在「仪表板编辑界面」添加不绑定字段的「年月过滤组件」,用于筛选年月日期。

2)其次,在「仪表板编辑界面」添加需要进行数据筛选的组件,选择「柱形图」。

3)再次,在「柱形图组件」为数据添加明细过滤条件,实现「年月过滤组件」选择某月,「柱形图」即可显示前半年的数据。

4)最后,在「仪表板编辑界面」设置默认的过滤值,方便用户在仪表板预览界面查看数据。

2. 方法一:过滤组件不绑定字段编辑

示例使用的数据: demo 数据中的「设备生产明细表」。

2.1 新建仪表板

新建仪表板,在仪表板界面实现数据展示。打开「仪表板>新建仪表板」,输入仪表板信息,点击「确定」。如下图所示:

2020-09-21_9-32-52.png

2.2 添加日期过滤组件

新建仪表板后,进入仪表板编辑界面。添加年月过滤组件,不绑定字段,实现对数据年月的过滤。

1)点击「过滤组件」选择「年月」,添加过滤组件,如下图所示:

2020-09-21_9-36-23.png

2)对年月过滤组件不进行任何操作,不绑定字段,点击「确定」完成年月过滤组件制作。如下图所示:

2020-09-21_9-36-36.png

2.3 添加柱形图组件

1)添加「年月过滤组件」后,在仪表板编辑界面「添加组件」,如下图所示:

2020-09-21_9-36-59.png

2)添加组件后,使用 demo 数据中的「设备生产明细表」制作组件。如下图所示:

2020-09-21_9-37-14.png

3)进入组件编辑界面,将待分析区域的维度字段「时间」和指标字段「产出量」,拖入分析区域对应的横纵轴,图表类型点击「柱形图」,如下图所示:

1601192166725995.png

4)实现数据以年月形式展现,则点击横轴的「时间」,下拉选择「年月」,如下图所示:

2020-09-21_9-38-01.png

2.3 添加明细过滤条件

制作完成以年月展示产出量数据的柱形图后,对「产出量」进行「明细过滤」,实现「年月过滤组件」和「柱形图」的联系:「年月过滤组件」选择某月,「柱形图」即可显示前 6 个月的所有数据。

1)对「产出量」添加明细过滤条件。如下图所示:

2020-09-21_9-38-20.png

2)设置起始日期。为「产出量」添加「时间」的过滤条件。先实现年月过滤组件选择某月,显示前 6 个月之后所有数据。如下图所示:

设置详情如下表所示:

设置
说明
选择字段:时间对数据的时间添加过滤条件
某个日期后设置展示数据的起始时间
过滤组件值与过滤组件创建联系,依据过滤组件选择的值过滤数据。
年月
选择过滤组件中的年月过滤组件

0 年前 6 月前的月初

过滤组件值的 6 个月前的月初开始展示数据。

例如,示例是 2018 年 12 个月的数据。年月过滤组件如果选择 2018 年 8 月,显示 2018 年 2 月初到 12 月的所有数据

2020-09-27_13-31-41.png

3)设置截止日期。「添加条件(且)」的「时间」过滤条件。步骤同上。实现展示到年月过滤组件,选择某月,显示前 6 个月初到前 1 个月底数据。完成点击「确定」。如下图所示:

添加的两个条件关系如下表所示:

两个时间过滤条件(且)条件过滤结果条件关系实现效果
条件 1过滤出过滤组件值前 8 个月之后的所有数据

展示前 6 个月初到前 1 个月底的数据。

例如,过滤组件选择 2018 年 7 月,显示 2018 年 1 月初到 6 月底的数据

条件 2
过滤出过滤组件值 1 个月前的所有数据

注:若只有 2018 年 1-12 月数据,选择 3 月,则只显示 1-3 月数据,因为之前的数据为空,所有不显示。

2020-09-27_13-57-07.png

5)设置图形属性。柱形图颜色选择「粉色」,调整柱形图大小,并将「产出量」拖入标签中。设置结束点击「进入仪表板」,进入仪表板编辑界面,如下图所示:

2020-09-27_14-21-49.png

2.4 设置默认数据

在仪表板编辑界面提前过滤好数据,则每次查看仪表板时,都会展示默认过滤条件下的数据,减少用户的操作步骤。

1)进入仪表板编辑界面后,拖拽组件,拖动鼠标修改组件大小位置后,如下图所示:

2020-09-27_14-28-15.png

2)年月过滤组件选择需要设置的默认时间「 2018 年 6 月」,点击「预览仪表板」完成制作。如下图所示:

2020-09-27_14-29-57.png

3. 方法二:过滤组件选择字段但取消对组件的控制编辑

示例使用的数据: demo 数据中的「设备生产明细表」。

3.1 新建仪表板

新建仪表板,在仪表板界面实现数据展示。打开「仪表板>新建仪表板」,输入仪表板信息,点击「确定」。如下图所示:

2020-09-21_9-32-52.png

3.2 添加日期过滤组件

新建仪表板后,进入仪表板编辑界面。添加年月过滤组件,不绑定字段,实现对数据年月的过滤。

1)点击「过滤组件」选择「年月」,添加过滤组件,如下图所示:

2020-09-21_9-36-23.png

2)将时间字段拖入过滤组件中,点击「确定」完成年月过滤组件制作。如下图所示:

1609309693958623.png

2.3 添加柱形图组件

1)添加「年月过滤组件」后,在仪表板编辑界面「添加组件」,如下图所示:

2020-09-21_9-36-59.png

2)添加组件后,使用 demo 数据中的「设备生产明细表」制作组件。如下图所示:

2020-09-21_9-37-14.png

3)进入组件编辑界面,将待分析区域的维度字段「时间」和指标字段「产出量」,拖入分析区域对应的横纵轴,图表类型点击「柱形图」,如下图所示:

1601192166725995.png

4)实现数据以年月形式展现,则点击横轴的「时间」,下拉选择「年月」,如下图所示:

2020-09-21_9-38-01.png

2.3 添加明细过滤条件

制作完成以年月展示产出量数据的柱形图后,对「产出量」进行「明细过滤」,实现「年月过滤组件」和「柱形图」的联系:「年月过滤组件」选择某月,「柱形图」即可显示前 6 个月的所有数据。

1)对「产出量」添加明细过滤条件。如下图所示:

2020-09-21_9-38-20.png

2)设置起始日期。为「产出量」添加「时间」的过滤条件。先实现年月过滤组件选择某月,显示前 6 个月之后所有数据。如下图所示:

设置详情如下表所示:

设置
说明
选择字段:时间对数据的时间添加过滤条件
某个日期后设置展示数据的起始时间
过滤组件值与过滤组件创建联系,依据过滤组件选择的值过滤数据。
年月
选择过滤组件中的年月过滤组件

0 年前 6 月前的月初

过滤组件值的 6 个月前的月初开始展示数据。

例如,示例是 2018 年 12 个月的数据。年月过滤组件如果选择 2018 年 8 月,显示 2018 年 2 月初到 12 月的所有数据

2020-09-27_13-31-41.png

3)设置截止日期。「添加条件(且)」的「时间」过滤条件。步骤同上。实现展示到年月过滤组件,选择某月,显示前 6 个月初到前 1 个月底数据。完成点击「确定」。如下图所示:

添加的两个条件关系如下表所示:

两个时间过滤条件(且)条件过滤结果条件关系实现效果
条件 1过滤出过滤组件值前 8 个月之后的所有数据

展示前 6 个月初到前 1 个月底的数据。

例如,过滤组件选择 2018 年 7 月,显示 2018 年 1 月初到 6 月底的数据

条件 2
过滤出过滤组件值 1 个月前的所有数据


注:若只有 2018 年 1-12 月数据,选择 3 月,则只显示 1-3 月数据,因为之前的数据为空,所有不显示。

2020-09-27_13-57-07.png

5)设置 图形属性 。柱形图颜色选择「粉色」,调整柱形图大小,并将「产出量」拖入标签中。设置结束点击「进入仪表板」,进入仪表板编辑界面,如下图所示:

2020-09-27_14-21-49.png

2.4 取消过滤组件的控制

对过滤组件设置为「自定义控制范围」,取消勾选柱形图组件,如下图所示:

1609309931298020.png

2.5 设置默认数据

在仪表板编辑界面提前过滤好数据,则每次查看仪表板时,都会展示默认过滤条件下的数据,减少用户的操作步骤。

1)进入仪表板编辑界面后,拖拽组件,拖动鼠标修改组件大小位置后,如下图所示:

2020-09-27_14-28-15.png

2)年月过滤组件选择需要设置的默认时间「 2018 年 6 月」,点击「预览仪表板」完成制作。如下图所示:

2020-09-27_14-29-57.png

4. 效果查看编辑

4.1 PC 端

完成的仪表板可参见:筛选出指定时间段数据

注:示例数据仅为 2018 年 1-12 月的数据,因此只能查看本年内数据效果。

4.2 移动端

移动端 APP 及 H5 效果如下图所示:

1601189169379693.jpg