反馈已提交

网络繁忙

筛选自定义时间段数据

  • 文档创建者:April陶
  • 编辑次数:11次
  • 最近更新:Roxy 于 2021-02-01
  • 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

    附件列表


    主题: 构建图表和分析数据
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭