范围过滤

<< Click to Display Table of Contents >>

当前位置:  可视化数据计算和交互分析 > 数据处理与分析 > 交互分析 > 过滤组件 > 过滤组件类型 

范围过滤

复制链接

1. 概述

1.1 应用场景

范围过滤组件适用于对报告中的数值字段进行精细筛选的场景,它能够帮助用户快速定位到特定范围内的数据,例如筛选利润在某一区间内的产品,或者分析某个时间段内的销售情况等。

1.2 功能简介

范围过滤组件以滑块的形式提供选择选项,支持单点选择和区间范围选择。它可以绑定到任意查询的离散或数字类型字段(使用汇总函数的字段不支持)上,通过灵活设置最小值、最大值和步长,用户能够轻松定义所需的过滤范围,实现对数据的有效筛选和展示。

2. 应用举例

假设你正在使用本产品分析一家公司的产品销售数据,并希望筛选出利润在[0,800]之间,且间隔为100的产品。通过应用范围过滤组件,你可以轻松实现这一目标

操作步骤如下:

1)新建一个报告,创建一个普通表,绑定“产品名称”、“利润”,切换为细节模式。

scopefilter1

2)添加范围过滤组件,从组件区域拖拽范围过滤组件到画布中。

scopefilter2

3)给过滤组件绑定数据,选中组件,拖拽“利润”列到绑定区。

scopefilter3_zoom77

4)编辑过滤组件,具体设置如下:

a)点击右侧【设置 > 选项】设置选项。

b)滑块类型为区间,即保持默认,大小设置为2。

c)点击rangeicon_zoom85图标或者“范围”文字,弹出范围对话框,默认范围规则为范围,定义刻度设置中的最小值为0、最大值为800,即保持默认,设置步长值为100。定义范围为包含范围的左边界与右边界。

d)点击“应用”,确定设置与预期相符后,点击“确定”,关闭范围对话框。

scopefilter4_zoom69

5)预览查看过滤效果。您可以双击滑块上面的范围数据。

scopefilter2_zoom67

您也可以在文本框内输入值,定义展示的范围,效果如下图:

scoperfilter10_zoom67

说明:

若绑定的是数值,输入数值时会定位到离数值最近的一个刻度,例如上图中的步长是200,输入210,会定位到200。

若绑定的是文本或者日期时间,需要输入存在的数据,例如输入茶,但不存在茶时,滑块不会改变。

3. 功能说明

3.1 滑块

【滑块】滑块的展示方式包括区间和单选,跟绑定的数据类型有关。

单选:滑块的每一个刻度对应一个数据,通常用来过滤文本数据,例如产品种类。

scopefilter8

区间:以滑块两个刻度确定一个区间范围,过滤出范围内的数据,通常用来过滤数值数据,例如销量。

scopefilter9

不同的数据类型支持设置的不同滑块类型、范围规则,具体参考下表。

数据类型

范围规则

支持滑块类型

说明

数值型

范围

区间

数值型数据默认是连续数据,范围规则默认为范围,您可以在【设置 > 范围】里面调整为离散或者分组,例如数字编号,可以设置为离散,也可以自定义分组,例如0-10,10-100等,具体由实际分析场景而定。

离散

区间、单选

 

分组

文本型

离散

 

日期时间、文本型数据的范围规则只能设置离散。

日期时间

选择滑块展示为区间时,可以设置区间的大小,计算单位是刻度的个数,计算的起点为当前起点。假设起点为0,步长是200,设置大小为1,结果如下图所示:

scopefilter5_zoom77

假如设定大小为 2,则选择的区间的大小为 2 个刻度,如下图所示:

scopefilter6_zoom74

【显示刻度】默认不勾选,勾选后在滑块上显示刻度。

【必选】详情可参考下拉列表过滤 > 功能说明

3.2 范围

在范围过滤组件的右侧面板【设置 > 选项 > 范围】,可以打开组件的范围属性对话框,页面如下图所示。

clip0007

scopefilter7

3.2.1 离散

当选择离散时,范围过滤组件的每个标签和刻度都是实际的数据值,且范围是左右闭区间。文本型、日期时间数据只能选择离散。

clip0010_zoom80

3.2.2 范围

当选择范围时,可以定义范围过滤组件的最小值和最大值,并且定义步长。规则配置如下:

定义刻度

【最小值】刻度显示的最小值。

【最大值】刻度显示的最大值。

【步长】相邻两个刻度之间的数值差。通过设置步长,可以控制用户选择范围时的精度和粒度。例如,数值的最小值是 1,最大值是 10,步长是2 ,将从1、3、5、7、9这些值中选择数据。

定义范围

【包含小于最小值的范围】当用户勾选此项时,假设定义的最小值是 3,步长为1,会按照步长多生成一个2~3的范围,查询中的数据存在 -1、 -3 等小于 3 的值时,选择小于最小值的范围可以将小于3的所有数据查出来。

【包含大于最大值的范围】参考包含小于最小值的范围,同理可得,当存在大于定义的最大值时,会按照步长多生成一个范围,选中此范围可以将大于最大值的所有数据查出来。

【包含范围的左边界】假设用户选择的范围是 3 ~ 6,则筛选出来的数据包含 3 而不包含 6,包含范围右边界同理。

3.2.3 分组

当选择分组时,允许用户自定义刻度值,且范围的左右边界分别都是分组,规则配置如下:

定义刻度

分组规则下,需要用户自定义输入每个分组的边界值,点击添加生成分组。如下图,

clip0011_zoom80

【标签】设置刻度分组的标签,可以使得这些分组在界面上更加直观和易于理解。例如,如果定义了数值范围0-100为“低”,101-200为“中”,201-300为“高”,那么这些标签将直接显示在滑块中,帮助用户快速识别各个分组。

定义范围

和选择范围时一致,请参考选择范围时的介绍。

设置方式参考以下动图:

scopefilter1_zoom58

3.3 动画

具体功能和操作说明请参考组件的动画 > 范围过滤、范围组件

3.4 格式

您可以在右侧【格式】设置组件样式,包括文本、边框、背景色、透明度等,参考组件操作与设置 > 格式