[{"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"}]}]
        
(Showing Draft Content)

数据筛选组件简介

使用筛选器组件,可在运行时可以动态筛选数据。

下图以标签列表为例,展示筛选器的应用效果。

筛选器3.gif

系统提供了六种筛选器,包括:标签列表、多维列表框、多维下拉框、日期范围、相对日期、数值范围。

本节介绍如何在仪表板中设置和使用筛选器。

创建筛选器

从左边栏中,选择需要的筛选器类型,通过拖拽将筛选器添加至页面编辑区。

数据绑定

创建筛选器并选中该筛选器,在编辑区右侧选择“数据绑定”,通过拖拽将需要筛选的字段绑定至“筛选字段”区域。

筛选器的编辑状态

仪表板编辑状态下,选中筛选器,单击筛选器右上角的编辑image2018-9-17_15-9-48.png图标,进入筛选器的编辑状态。

设定筛选器的默认值

在编辑状态下,单击选择筛选字段,即可设为筛选器默认选中的值。

image

或单击选择参数按钮,选择已有的仪表板参数或新建参数作为筛选器默认值。详见设置筛选器默认值和联动过滤

image

对筛选器中的项目进行排序

单击排序image2018-9-17_15-13-46.png图标,可对筛选器中的项目进行排序。排序功能在预览或运行状态下也可以使用,只是不会被保存。

清除筛选器所选的选项

单击清除image2018-9-17_15-16-1.png图标,清除之前所选的项目,恢复到初始状态。该功能在预览或运行状态下也可以使用。

查找所需的选项

单击检索image2018-9-17_15-17-31.png图标,展开搜索输入框,输入文字,对该筛选器中的项目进行模糊匹配,查找出所需的项目。该功能在预览或运行状态下也可以使用。

单击页面中的其他区域,退出筛选器的编辑状态。

设置筛选器影响范围

如果没有对筛选器的影响范围进行设定,筛选器默认的影响范围为:在同一页面中和该筛选器使用同一数据集的可视化组件。

如需设定筛选器的影响范围,详见组件间联动中,设定个别组件是否影响其他组件。

设置筛选器属性

选中筛选器,在编辑区右侧选择“属性设置”进行筛选器样式的设置。更多详细介绍,请见后续各个组件的具体介绍。

image