更新日期
1. 简介
1.1 功能概述
筛选按钮是仪表盘中的一种控制组件。添加筛选按钮后,仪表盘中所有筛选组件与快捷
筛选所设置的条件不会立即生效,需点击「筛选」按钮后才会 统一执行 筛选。该组件可避免因频繁刷新导致的页面卡顿,适用于 数据量较大 的仪表盘。
1.2 应用场景
- 销售业绩分析:销售经理查看全国销售数据时(数据量可达数十万条),可先通过筛选组件选择“区域”、“时间”、“产品类别”等条件,最后点击一次「筛选」按钮,系统一次性加载结果,避免多次刷新造成卡顿。
- 运营数据分析:运营人员分析用户行为数据时,需要同时筛选“时间段”、“用户等级”、“注册渠道”等多个维度。使用筛选按钮可将所有条件选完后统一生效,无需等待多次刷新。
- 仪表盘布局优化:设计大型仪表盘时,若筛选组件分布在页面上方和右侧等多个区域,可添加多个筛选按钮,方便用户就近点击,无需滚动页面。
1.3 前提条件
使用筛选按钮前,需确保当前仪表盘中 已存在至少一个 筛选组件或快捷筛选组件,否则筛选按钮无法生效。
2. 设置入口
操作路径:进入目标仪表盘编辑页 >> 在左侧组件栏中找到「筛选按钮」。

3. 操作指南
3.1 添加筛选按钮
选择「筛选按钮」组件 >> 点击「筛选按钮」,系统将在 仪表盘底部 自动新增一个「筛选按钮」。

注意:若左侧组件栏中「筛选按钮」呈灰色 不可点击,请检查仪表盘是否已存在至少一个筛选组件或快捷筛选组件。
3.2 调整按钮位置与尺寸
1)选中已添加的筛选按钮,按钮右下角会出现 调整手柄。
2)将鼠标悬停于手柄上,光标变为双向箭头后拖拽,可任意调整按钮的 宽度 和 高度。
3)按住按钮内部区域拖拽,可移动按钮在仪表盘中的位置。

3.3 修改按钮样式
筛选按钮的文本和颜色支持自定义修改,操作步骤如下:
1)点击「筛选按钮」组件,在右侧配置面板中选择「组件配置」。
2)在「基础配置」中,设置「筛选名称」和「清空名称」的文本。
3)点击「布局」,从模板中选择按钮所需的布局。
4)点击「颜色」,修改按钮颜色。
5)选择按钮形状(「圆形」「直角」或「圆角」)。

3.4 使用筛选按钮进行筛选
1)在仪表盘发布后的页面中,通过 筛选组件 或 快捷筛选 设置所需的条件。
2)调整所有需要筛选的条件后,点击「筛选」按钮。
3)系统将统一计算并展示筛选后的数据结果。

3.5 清空已选筛选条件
当需要重新设置筛选条件时,可一键清空所有已选条件。
1)点击「筛选」按钮旁边的 下拉箭头。
2)在下拉菜单中点击「清空」。
3)所有筛选组件和快捷筛选中已选的条件将被清空,数据恢复至 未筛选状态。

4. 效果演示
以下为在仪表盘中使用筛选按钮进行筛选和清空的实际效果:
1)用户在筛选组件中设定 多个条件(例如“职级 = P5”且“销售额 < 5000”),此时图表仍显示全部数据。
2)点击「筛选」按钮后,所有关联图表 统一刷新,仅显示符合条件的数据。
3)点击「清空」按钮,所有筛选条件被清除,图表恢复 初始状态,无需手动逐个重置。

5. 注意事项
- 一个仪表盘可添加 多个 筛选按钮,每个按钮 均对 所有筛选组件和快捷筛选组件生效。如果筛选组件分布在仪表盘的不同区域,建议在每个区域各放置一个按钮,方便 就近操作。