文本标签

属性

基础

• 组件标题： 用于在图层中显示组件的名称。1.1+

• 组件尺寸： 组件的宽度和高度，单位为px。

• 组件位置： 组件在大屏中的位置，通过横纵坐标来定义，单位为px。

• 旋转角度： 组件在图层中的旋转角度。

• 透明度： 组件的透明度。

• 自适应： 是否自适应大小。

• 行列数： 行与列的个数。

• 行列间距： 行与行，列与列之间的间距大小。

• 圆角半径： 圆角的半径大小。

自定义标签

• 默认：

  • 系列分组： 此系列的分组名称。

  • 背景色： 组件所属系列的背景颜色。

  • 字体颜色： 组件文本的字体颜色。

  • 字体大小： 组件文本的字体大小。

  • 字体粗细： 组件文本的字体粗细。

  • 字体： 组件文本的字体格式。

• 系列 1：系列 1 自定义标签，配置与默认相同。

数据

静态数据

上图中的示例JSON代码如下：

[
  {
    "text": "默认标签",
    "group": ""
  },
  {
    "text": "文字标签",
    "group": "series2"
  },
  {
    "text": "文字标签",
    "group": "series1"
  },
  {
    "text": "默认标签",
    "group": ""
  },
  {
    "text": "文字标签",
    "group": "series1"
  },
  {
    "text": "文字标签",
    "group": "series2"
  },
  {
    "text": "默认标签",
    "group": ""
  },
  {
    "text": "文字标签",
    "group": "series2"
  },
  {
    "text": "文字标签",
    "group": "series1"
  },
  {
    "text": "默认标签",
    "group": ""
  },
  {
    "text": "文字标签",
    "group": "series1"
  },
  {
    "text": "文字标签",
    "group": "series2"
  }
]

text： 标签文字的名称。

group： 标签的分组。

数据资源

交互

点击事件

勾选启用，开启点击事件。当点击文本标签组件时，绑定字段中数据会推送到变量中。关联此变量的组件将携带此变量值，触发数据请求，查询相关数据，更新组件。具体配置请参考组件交互。

悬停事件 3.0+

勾选启用，开启悬停事件。当鼠标悬停文本标签组件时，绑定字段中数据会推送到变量中。关联此变量的组件将携带此变量值，触发数据请求，查询相关数据，更新组件。具体配置请参考组件交互。

移出事件 3.0+

勾选启用，开启移出事件。当鼠标移出文本标签组件时，绑定字段中数据会推送到变量中。关联此变量的组件将携带此变量值，触发数据请求，查询相关数据，更新组件。具体配置请参考组件交互。

数据响应

文本标签支持数据响应配置。

节点编程

事件

• 点击事件： 点击时触发事件。

  • 抛出的参数：  文本标签所携带的参数。

• 悬停事件： 鼠标悬停时触发事件。 3.0+

  • 抛出的参数：  文本标签所携带的参数。

• 移出事件： 鼠标移出时触发事件。 3.0+

  • 抛出的参数：  文本标签所携带的参数。