跳到主要内容

标签

用于标记事物属性、分类和维度的可视化小标签。

何时使用​

  • 用于标识数据的属性与维度
  • 用于归类、筛选或标签化数据内容

一、属性​

1. 数据​

标签的内容可以通过以下方式绑定：

  • 手动赋值
  • 字段绑定
  • 视图参数
  • 成员变量

详见：数据绑定

image-20250616092154908

2. 功能属性​

图标设置​

可为标签添加前置图标，提高识别度：

  • 设置入口示意：

    image-20240830083004936

  • 显示效果：

    image-20240830083034356

3. 外观属性​

3.1 背景色​

可通过调色板选择固定颜色，或绑定字段设置动态颜色。

  • 设置方式：

    image-20250616092711451

  • 示例：

    image-20240830083319914

3.2 显示边框​

可设置是否显示标签边框，默认为打开状态。

  • 设置入口：

    image-20240830083358628

  • 显示效果：

    image-20250616093125946

二、规则​

标签支持显示控制，通常结合枚举值以显示不同颜色。详见：显示控制。

三、常见使用场景​

1. 搭配组件展示数据​

用于展示枚举或 JSON 字段内容：

image-20240820164411818

2. 分类显示​

可设置图标与颜色进行分类标识：

image-20240820164429296