---
url: /v6.2/filter-button.md
---
# 过滤按钮

## 过滤按钮

### 应用场景

在过滤器中进行条件筛选时，相关图表会被刷新。当一次查询任务需要操作多个过滤器时，相关的图表会被不停地刷新，浪费系统资源，消耗系统性能。

过滤按钮可以将与查询相关的所有过滤器进行关联，筛选完所有查询条件后，点击过滤按钮后，图表进行刷新，实现图表的异步查询，节约资源消耗。

过滤按钮中有查询和重置两部分。

* 查询：在**配置**中进行过滤器关联，所有关联的过滤器在筛选时都不会自动刷新图表，点击查询后才会刷新图表。查询支持修改名称，调整字体类型、大小、颜色等。
  ![](/images/data-analytics/filter/filter-button-002.png)

* 重置：将关联的过滤器重置为默认状态，用户可以选择配置。重置支持调整字体类型、大小、颜色，同时可以调整与查询的位置关系。

![](/images/data-analytics/filter/filter-button-001.png)

> \[!TIP] 提示
>
> 1. 过滤按钮与其他过滤器不同，仅在预览界面生效。
> 2. 容器中过滤按钮仅关联当前页签的过滤器，不能关联其他页签的过滤器。

## 示例

1. 构建图表，添加与图表相关的过滤器，并配置好默认值。
   ![](/images/data-analytics/filter/filter-button-003.png)

2. 添加过滤按钮，配置与过滤按钮相关的过滤器。示例中过滤按钮将红色框中的过滤器进行关联，蓝色框中的过滤器不进行关联，在样式中将查询按钮的名字修改为搜索。
   ![](/images/data-analytics/filter/filter-button-004.png)

3. 添加重置按钮，在样式中进行过滤按钮相关设置。
   ![](/images/data-analytics/filter/filter-button-005.png)

4. 效果展示。可以看出使用过滤按钮后，图表在展示过程中减少了刷新次数，提升了用户体验，提高了系统交互性能。
   ![](/images/data-analytics/filter/filter-button-006.gif)