[]
        
在线Demo 免费试用
(Showing Draft Content)

标签列表

1. 概述

1.1 功能概述

标签列表筛选器是直观高效的筛选组件,通过标签化交互实现零学习成本的数据过滤。

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

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

2. 操作步骤

本文将指导您在Wyn中创建和使用标签列表。

2.1 前提条件

  1. 数据要求: 已完成数据连接与数据准备,本文将以本地Excel文件缓存数据集为例演示操作流程。

  2. 界面要求: 已进入仪表板设计界面,且仪表板至少已绑定一个数据集/数据模型(如“Excel数据-缓存数据集”)。

2.2 操作步骤

2.2.1 添加组件

  1. 仪表板设计界面最左侧,单击组件按钮展开列表,选择标签列表,按住鼠标左键将其拖拽至仪表板设计区域,成功添加一个标签列表组件。

    PixPin_2025-06-12_10-16-12

2.2.2 绑定数据

标签列表筛选器支持双模数据配置:既可直接绑定数据字段实现动态更新,也可自定义静态标签满足特定场景需求。

2.2.2.1 绑定数据字段

  1. 仪表板设计器设计区域选中标签列表,根据实际需求,将对应的字段(级联字段除外)拖动到数据绑定区域,完成数据绑定。例如在本示例中,需将“销售大区”字段拖动到列区域。

    PixPin_2025-06-12_09-23-55

2.2.2.2 绑定自定义数据

  1. 仪表板设计器设计区域选中标签列表,在右侧属性设置面板找到数据来源,默认为查询结果,即绑定数据字段的方式,可将其调整为手动添加,此时即可添加自定义数据。

    PixPin_2025-06-12_10-36-53

  2. 数据来源设置为手动添加后,会增加手动添加属性,单击PixPin_2025-06-12_10-40-24按钮,进入手动添加界面,选择数据类型并增加/删除数据条目。

    PixPin_2025-06-12_10-40-11

  3. 已增加的数据条目可通过项目左侧的箭头调节显示顺序,设置完成后,单击确定按钮即可查看效果。

    PixPin_2025-06-12_10-42-12

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

    PixPin_2025-06-12_10-44-16

2.2.3 数据处理

  1. 组件完成数据自动绑定后,可自由调整字段属性(如筛选、重命名、移除),具体操作步骤请参考数据绑定与动态计算

    PixPin_2025-06-12_10-46-41

2.2.4 组件属性

  1. 数据处理完成后,可通过以下属性配置进一步优化组件展示效果:

    属性

    说明

    系统图示

    筛选器样式

    用于设置数据筛选器样式相关属性

    PixPin_2025-06-12_10-49-01

    标签区域样式

    设置标签列表的整体样式

    动画

    设置组件入场动画、延迟和持续时间

    数据交互

    配置可见菜单项、选择模式、数据来源等属性

    标题

    组件标题的样式属性

    常规样式/悬浮样式/选中样式

    支持常规/悬浮和选中三种状态样式自定义,满足全交互场景的视觉设计需求

    特殊数据

    自定义空值/空白数据的显示规则

    无数据样式

    组件无数据时的显示内容和背景图片

    布局大小

    调整组件位置于整体尺寸

    外观样式

    调整组件外观样式

  2. 标签列表额外支持以下独有属性:

  • 样式: 在属性设置中,可通过「筛选器样式>样式」自动标记标签列表的样式,系统内置10套专业样式模板,同时开放完整属性设置,支持深度自定义外观设计。

    PixPin_2025-06-12_10-58-24

2.2.5 数据探索与分析

组件内置丰富的数据探索与分析功能,从多角度挖掘数据价值,为您的可视化分析提供专业级支持。

PixPin_2025-06-12_15-11-17

2.2.5.1 数据排序

数据排序有两种方法。

方法一:编辑状态快速排序

  1. 选中组件,单击编辑PixPin_2025-06-12_09-30-08按钮,进入组件编辑状态,单击排序图标PixPin_2025-06-12_09-36-58可动态调整筛选项顺序(排序/降序),该排序效果在预览/运行时生效但不会保存。除此之外,您还可以如同其他普通组件一样,为筛选器添加复杂的数据排序。

    PixPin_2025-06-12_12-19-13

方法二:组件属性排序

  1. 选中组件,单击筛选器的排序PixPin_2025-06-12_11-04-08按钮,即可添加排序。

    PixPin_2025-06-12_11-05-01

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

    排序方法

    说明

    图示

    字段值

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

    PixPin_2025-06-12_11-06-54

    字段

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

    自定义顺序

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

2.2.5.2 数据筛选

  1. 选中组件,单击筛选器的筛选image按钮,即可添加筛选器,有关筛选器内部的具体介绍,请参考组件的数据筛选

    image

  2. 在筛选器界面,根据实际需求添加筛选条件。(例如:仅展示华北和西北的地区)

    PixPin_2025-06-12_12-30-17