[{"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)

标签列表

功能概述

标签列表是一种常用的数据筛选器,简单易用。

下图是标签列表的几种应用效果,本节为您介绍标签列表筛选器的具体使用方法。

image2022-1-11_15-16-38.png

添加标签列表筛选器

在左边筛选器中选择标签列表筛选器图标image2018-9-17_16-2-31.png,并将该筛选器拖拽至页面中。

image

数据设定

支持绑定数据和自定义数据两种设定方式。

绑定数据

可绑定一个级联字段之外的字段。绑定字段之后,标签列表就会显示出可筛选的内容。

image2022-4-2_16-22-51.png

自定义数据

除了绑定字段外,还可以自定义筛选器列表内容。

在属性设置中找到数据来源,默认为查询结果,即绑定数据的方式。

将其调整为手动添加,然后就可以添加自定义的数据。

image

选择数据类型,单击加号添加项目。

image

可通过项目左侧的箭头调节显示顺序。

image

效果如下。

image

自定义筛选器数据在实际应用中通常与参数配合使用,实现参数值的输入效果。请见具体示例动态维度动态度量值

筛选数据排序与过滤

有时我们在使用筛选器时,想要改变排序字段的显示顺序,或者仅显示出部分字段。

数据排序

单击右上角的编辑按钮。

image

此时就会出现排序按钮,单击即可调整排序字段的显示顺序,支持升序和降序。

image

除此之外,您还可以如同其他普通组件一样,为筛选器添加复杂的数据排序。

数据排序

单击筛选器的数据排序按钮,然后添加排序。

image2022-5-5_14-47-16.png

支持使用字段值,其他的字段以及自定义顺序三种排序方法。

image2022-5-5_14-57-35.png

  • 字段值:设置按照字段值的顺序排序,如果绑定字段为字符串类型的字段,则按首字母顺序进行排序;如果绑定字段为数值类型,则按照数值大小进行排序。可选择升序、降序或使用仪表板参数。

  • 字段:选择一个非当前绑定的字段进行排序。

  • 自定义顺序:自定义设置排序字段中数据的排列顺序。选中一个数据,单击右侧的上下箭头进行顺序的排列。

数据筛选

有时不需要将所有的字段内容都显示出来,单击筛选器右上角的数据筛选按钮,添加筛选器。

image2021-3-1_11-26-33.png

比如我们仅需要筛选三四季度的数据,则可以将一二季度通过筛选隐藏起来。

image2021-3-1_12-0-52.png

有关筛选器内部的具体介绍,请参考组件的数据筛选


快速调整外观样式

使用标签列表时,可以直接选择系统内置的8套样式直接调用,快速改变样式外观。

选中标签列表进行属性设置,找到样式 ,然后在下拉列表中选择你想要的样式。

默认是内置了8套样式,如您还想进一步自由设计外观,可以进一步通过属性设置各项目进行详细的设置。

image2022-6-15_16-8-50.png

外观及其他设置

除了快速应用标签列表的内置样式之外,您还可以进行详细的个性化设置,如: