
# 使用级联控件实现二次过滤查询
#### 应用场景
查询控件可以对仪表板里的表格进行数据查询，而级联控件可以实现二次过滤查询，查询控件和级联控件的联合使用有利于提高用户查询数据的效率。本文展示了如何设置"省份"、"市"和"县"的查询条件，以及如何通过级联功能实现这两个查询条件的联动。当用户选择了"省份"后，"市"将自动更新，仅显示该省份下的城市，当用户选择了"市"后，"县"将自动更新，仅显示该市下的县，从而简化查询过程。
#### 操作流程
1. [准备工作]：准备本示例中所需的数据表和数据集。
2. [步骤一：新建表格]：新建表格，用于显示数据。
3. [步骤二：新建查询控件]：新建一个查询控件，用于后续配置级联控件和查询数据。
4. [步骤三：配置级联控件]：配置级联控件，实现二次过滤查询。
5. [步骤四：查询数据]：验证级联控件二次过滤查询效果。
 
 #### 准备工作
1. **准备数据表**
   准备如下示例数据表，验证级联控件实现二次过滤查询。本例所用数据仅供参考。
   表1级联控件示例数据 
   | id | province   | city    | county     |
   |:---|:---|:---|:---|
   | 1  | Province_A | cityA_1 | countyA_11 |
   | 2  | Province_B | cityB_1 | countyB_11 |
   | 3  | Province_C | cityC_1 | countyC_11 |
   | 4  | Province_D | cityD_1 | countyD_11 |
   | 5  | Province_A | cityA_2 | countyA_21 |
   | 6  | Province_B | cityB_2 | countyB_21 |
   | 7  | Province_C | cityC_2 | countyC_21 |
   | 8  | Province_D | cityD_2 | countyD_21 |
   | 9  | Province_A | cityA_1 | countyA_12 |
   | 10 | Province_B | cityB_1 | countyB_12 |
   | 11 | Province_C | cityC_1 | countyC_12 |
   | 12 | Province_D | cityD_1 | countyD_12 |
   | 13 | Province_A | cityA_2 | countyA_22 |
   | 14 | Province_B | cityB_2 | countyB_22 |
   | 15 | Province_C | cityC_2 | countyC_22 |
   | 16 | Province_D | cityD_2 | countyD_22 |
      
   
2. **准备数据集**
   执行以下示例之前，请提前准备数据集。参考[通过用户标签完成数据集的权限控制](https://support.huaweicloud.com/bestpractice-dataartsinsight/dataartsinsight_05_0002.html)示例中的操作步骤准备数据集。
   
 
 #### 步骤一：新建表格
1. 登录[智能数据洞察控制台](https://auth.huaweicloud.com/authui/login.html?#/login)。
2. 单击管理控制台左上角的![](https://support.huaweicloud.com/bestpractice-dataartsinsight/zh-cn_image_0000002161381093.png)，选择区域，单击右上角的企业项目，选择企业项目。
3. 在控制台上方单击"项目"后，单击项目名称，进入项目页面。
4. 单击"数据分析 \> 仪表板 \> 新建仪表板 "，进入新建仪表板页面。
5. 在仪表板导航栏单击"添加图表 \> 表格"，新建表格组件。
6. 在页面右侧的数据页签选择需要分析的数据集。
7. 在页面右侧设置字段、样式、高级相关参数。
8. 在字段页签单击"更新"，图表自动完成数据更新。
   图1新建表格   
   ![](https://support.huaweicloud.com/bestpractice-dataartsinsight/zh-cn_image_0000002432057636.png "点击放大")
   
   
 
 #### 步骤二：新建查询控件
1. 在仪表板导航栏单击![](https://support.huaweicloud.com/bestpractice-dataartsinsight/zh-cn_image_0000002131880153.png)，新建查询控件。
2. 在新建的查询控件中，单击![](https://support.huaweicloud.com/bestpractice-dataartsinsight/zh-cn_image_0000002096400676.png)，新建所需的查询条件，展示类型选择"下拉列表"。
   - 新建"省份"查询条件：选择需要查询的数据集和字段，并在右侧选择需要关联的图表和字段，字段选择"province"，如[图2]所示。
   
   - 新建"市"查询条件：选择需要查询的数据集和字段，并在右侧选择需要关联的图表和字段，字段选择"city"，其他参数与"省份"查询条件一致。
   
   - 新建"县"查询条件：选择需要查询的数据集和字段，并在右侧选择需要关联的图表和字段，字段选择"county"，其他参数与"省份"查询条件一致。
     图2查询控件设置   
     ![](https://support.huaweicloud.com/bestpractice-dataartsinsight/zh-cn_image_0000002431900092.png "点击放大")
     
     
    
 
 #### 步骤三：配置级联控件
1. 单击查询控件右上角的![](https://support.huaweicloud.com/bestpractice-dataartsinsight/zh-cn_image_0000002131880157.png "点击放大")，进入查询控件设置界面。
2. 在"省份"查询条件配置级联控件，勾选"市"，字段选择"province"如[图3]所示，"市"查询条件配置级联控件，勾选"县"，字段选择"city"。
   ![](https://support.huaweicloud.com/bestpractice-dataartsinsight/public_sys-resources/note_3.0-zh-cn.png)
   配置级联控件时，只能逐级配置。例如"省份"查询条件配置级联控件，只能勾选"市"，字段选择"province"；"市"查询条件配置级联控件，只能勾选"县"，字段选择"city"。
   图3级联控件设置   
   ![](https://support.huaweicloud.com/bestpractice-dataartsinsight/zh-cn_image_0000002465658961.png "点击放大")
   
   
3. 级联控件设置成功后，在"省份"查询条件选择"province_A"，"市"查询条件只会显示"province_A"的城市（[图4]）。
   图4级联控件效果1   
   ![](https://support.huaweicloud.com/bestpractice-dataartsinsight/zh-cn_image_0000002465669257.png "点击放大")
   
   
4. 在"市"查询条件选择"city_A"，"县"查询条件只会显示"city_A"的县（[图5]）。
   图5级联控件效果2   
   ![](https://support.huaweicloud.com/bestpractice-dataartsinsight/zh-cn_image_0000002465671249.png "点击放大")
   
   
 
 #### 步骤四：查询数据
1. 在"省份"、"市"、"县"查询条件选择需要查询的省份、城市。
2. 单击查询控件右下角的"查询"，表格将显示查询到的数据。
   图6查询结果   
   ![](https://support.huaweicloud.com/bestpractice-dataartsinsight/zh-cn_image_0000002465674373.png "点击放大")
   
   
 
