搜索
更新人
更新时间 更新日期

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. 注意事项

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