历史版本14 :筛选器内容设置 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

筛选器支持设置筛选字段、默认值、水印、内容样式等等,本文将介绍筛选器(日期、列表、输入框、值范围)的所有属性设置,可对照文本查看各设置项说明。

选中一个筛选器,在右侧面板「属性 」中,可对筛选器的属性进行设置。如下图所示:

2025-10-23_11-16-26.jpg

各设置项的基础介绍见下表,详细说明请见下文。

设置项
详细介绍支持的筛选器类型
功能
标题设置筛选器标题名称除查询之外的全部
格式

以日期筛选器为例,可切换为年月、年月日、年月日时分秒格式

日期
绑定字段

用于设置分类字段,例如,如果需要筛选各城市的销售数据,就绑定图表所在表中的「城市」字段

日期、列表、输入框
绑定参数

默认为空,需根据实际参数进行设置,只支持已有参数的绑定。

除查询之外的全部
选项来源

支持设置筛选器筛选项内容

列表
多选

是否开启多选:用于区分单、复,开启多选时支持设置是否支持全选

列表
默认值设置筛选器展示的默认值除查询之外的全部
筛选器联动
设置筛选器之间的联动,详情参见文档:筛选器联动除查询之外的全部
快捷区间日期区间筛选器可设置指定的时间段区间数据,方便用户使用日期区间
高级提示文字预览时筛选器内显示的浅灰色水印文字,以提示用户需要输入的信息,点击输入文本后消失日期、列表、输入框
权限设置页面初始预览时该筛选器是否可编辑除查询之外的全部
校验

支持空值校验、自定义校验、格式校验(仅输入框支持)

除查询之外的全部
筛选器为空时展示全部数据勾选时,展示图表全部数据列表、输入框、值范围
样式文本样式对筛选器文本字体、字号、颜色等设置除查询之外的全部
图标颜色对筛选器图标设置颜色日期、列表、值范围
筛选框样式设置筛选框背景、颜色、圆角
除查询之外的全部
快捷按钮设置日期快捷范围和文本样式日期

「查询筛选器」较为特殊,详情参见文档:查询

2. 功能编辑

2.1 标题

选中筛选器后,可以在属性 Tab 下设置组件标题,勾选开启按钮,即可显示组件标题,如下图所示:

2025-10-23_11-26-12.jpg

修改组件标题为「合同签约时间」,如下图所示:

2025-10-23_11-28-08.jpg

2.2 格式

「日期时间」和「日期区间」筛选器可切换为年月、年月日、年月日时分秒格式。例如设置为年月格式,等同于年月筛选器。

2025-10-23_11-29-53.jpg

2.3 绑定字段

2.3.1 绑定字段流程

1)点击「+添加字段」绑定分析表字段。如下图所示:

2025-10-23_11-31-43.jpg

2)当前页展示了仪表板中所有的图表,选择某一个图表中的字段进行绑定。如下图所示:

2025-10-23_11-32-57.jpg

3)比如这里我们想筛选出不同合同签约时间的销售数据,那么就绑定图表所在表中的「合同签约时间」字段。

在弹窗右侧会展示「合同签约时间」字段所在表制作的图表。可以勾选多个图表,实现批量绑定图表。如下图所示:

2025-10-23_11-45-19.jpg

5)确认后,在弹窗中可以看到已经绑定了分析表中的「合同签约时间」字段,可以对图表生效。如下图所示:

2025-10-23_11-46-26.jpg

2.2.2 筛选器为空展示全部数据

  • 若不勾选,当筛选条件为空时,图表中不展示数据;

  • 若勾选,未设置筛选条件时,图表中展示所有数据。

2025-10-23_16-40-27.jpg

2.3 选项来源

列表筛选器支持设置筛选器的选项值来源,有三种方式:自动解析、自定义、组件字段,且支持对选项值进行排序。

2025-10-23_15-45-32.jpg

2.3.1 自动解析

「自动解析」直接用筛选字段作为选项值来源(取绑定的并集)。

1)例如,下拉框绑定「品类」字段,柱形图展示所有品类的数据。在下拉框选项值中,将使用「品类」字段的值作为筛选项。

Group 4.png

2)若筛选器同时绑定了两个表的字段,选项值取两个字段值的并集。

例如,下拉框同时绑定了「商品类别」和「省份」字段,下拉框中会展示两个字段的所有值。如下图所示:

Group 5.png

2.3.2 自定义

支持自定义值列表为筛选器,作为筛选器的选项值。

类型设置选择「自定义」,并添加数据项,那么选项值为自定义的值列表。如下图所示:

2025-10-23_15-48-18.jpg

2.3.3 组件字段

支持选择该分页的图表的其他字段,可以将其他图表的结果字段值作为筛选器的选项值。

2025-10-23_15-52-04.jpg

2.3.4 选项值排序

支持对选项值排序,帮助用户更快找到所需选项。支持三种排序方式:升序、降序、自定义排序,与排序步骤的功能一致,此处不再赘述。

详细说明可参考文档:排序方式

2025-10-23_15-52-53.jpg

2.4 多选

1)例如「下拉框」组件可设置:是否开启多选、开启多选时支持设置是否全选。若开启多选,则高级下的全选默认开启,可以手动关闭。

2025-10-23_15-55-54.jpg

2)在预览仪表板时,可以勾选多个选项值。同时可以全选选项,如下图所示:

2025-10-23_16-10-15.jpg

2.5 默认值

支持设置筛选器展示的默认值。例如,设置为下拉框筛选器设置默认值「广东省」,那么控件将筛选广东省数据。预览该仪表板时,也将默认展示广东省数据。如下图所示:
注:如需设置多个默认值,可用英文逗号「,」,例如「广东省,吉林省」,预览时则默认展示广东省和吉林省的数据。

2025-10-23_16-14-54.jpg

2.6 快捷区间

若用户希望快速选择指定时间段的数据,可以设置产品内置的一些时间区间,如下图所示:

2025-10-23_16-31-39.jpg

点击其中一个则自动显示指定区间,如下图所示:

2025-10-23_16-33-01.jpg

2.7 提示文字

预览时筛选器内显示的浅灰色水印文字,以提示用户需要选择或的信息,点击筛选器输入文本后消失。如下图所示:

2025-10-23_16-20-19.jpg

2.8 权限

设置页面初始预览时该筛选器是否可编辑。

若希望用户在查看时,仅能查看默认展示的数据。

可以为筛选器设置默认值,并取消「只读」权限。用户在查看时,仅能查看「广东省」数据,且不可更改筛选项。如下图所示:

2025-10-23_16-23-46.jpg

2.9 校验

支持设置空值校验、自定义值校验、格式校验。

校验
说明
空值校验

是否允许筛选器为空值

  • 若勾选,允许筛选器为空值;

  • 若不勾选,可设置校验提示文字,预览时若筛选器为空,则显示提示文字。

自定义值校验

是否允许用户输入不包含在下拉菜单选项中的值。

  • 若勾选,允许输入不包含在下拉菜单选项中的值;

  • 若不勾选,可设置校验提示文字,预览时若输入了其他值,则显示提示文字。

格式校验

输入框支持对输入筛选器的内容进行校验,可以选择

  • 长度

  • 邮件

  • 身份证

  • 邮编

  • 电话

  • 手机

  • 自定义(正则表达式)

2025-10-23_16-38-39.jpg

3. 样式编辑

选中一个筛选器,点击「属性」便可对筛选器的样式进行设置。如下图所示:

2025-10-23_16-46-30.jpg

各设置项的详细介绍如下表所示:

设置项
详细介绍
文本样式

设置文本的展示效

包括字体、字号、加粗、斜线、字体颜色

图标颜色

设置筛选下拉图标的颜

2025-09-05_16-17-10.jpg

筛选框样式
背景颜色
可以设置筛选器的筛选区背景颜色

2025-09-05_16-14-52.jpg

边框

可以设置筛选器的筛选区边框线样式、线宽、颜色

2025-09-05_16-14-09.jpg

圆角

可以设置筛选器的筛选区边框的圆角尺

2025-09-05_16-16-23.jpg