[{"id":"840f0737-df1d-47ae-bb0a-359b01fe0608","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5d9cdef-8854-4505-89be-a2bbc3cb4482","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3dc3dd55-35b0-4d23-bf62-47bc3650e4ee","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"80d84fbc-d0f8-4e4a-947f-e3e4de9b49b2","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"9152b7ca-0186-4fe3-a26f-5a05f322db07","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
使用筛选器组件,可在运行时可以动态筛选数据。
下图以标签列表为例,展示筛选器的应用效果。
系统提供了六种筛选器,包括:标签列表、多维列表框、多维下拉框、日期范围、相对日期、数值范围。
本节介绍如何在仪表板中设置和使用筛选器。
从左边栏中,选择需要的筛选器类型,通过拖拽将筛选器添加至页面编辑区。
创建筛选器并选中该筛选器,在编辑区右侧选择“数据绑定”,通过拖拽将需要筛选的字段绑定至“筛选字段”区域。
仪表板编辑状态下,选中筛选器,单击筛选器右上角的编辑图标,进入筛选器的编辑状态。
设定筛选器的默认值
在编辑状态下,单击选择筛选字段,即可设为筛选器默认选中的值。
或单击选择参数按钮,选择已有的仪表板参数或新建参数作为筛选器默认值。详见设置筛选器默认值和联动过滤。
对筛选器中的项目进行排序
单击排序图标,可对筛选器中的项目进行排序。排序功能在预览或运行状态下也可以使用,只是不会被保存。
清除筛选器所选的选项
单击清除图标,清除之前所选的项目,恢复到初始状态。该功能在预览或运行状态下也可以使用。
查找所需的选项
单击检索图标,展开搜索输入框,输入文字,对该筛选器中的项目进行模糊匹配,查找出所需的项目。该功能在预览或运行状态下也可以使用。
单击页面中的其他区域,退出筛选器的编辑状态。
如果没有对筛选器的影响范围进行设定,筛选器默认的影响范围为:在同一页面中和该筛选器使用同一数据集的可视化组件。
如需设定筛选器的影响范围,详见组件间联动中,设定个别组件是否影响其他组件。
选中筛选器,在编辑区右侧选择“属性设置”进行筛选器样式的设置。更多详细介绍,请见后续各个组件的具体介绍。