组件

功能项

说明

数据源

与Web可视化开发组件数据源配置方法相同，主要包括设备、接口、应用推送、页面变量和静态数据。

样式

• 通用样式：配置组件名称、组件可见性、宽高和布局位置等，详细内容参见下文的“通用样式”。

• 个性化样式：配置组件本身展示效果。部分个性配置项支持配置数据源，详细内容参见下文的“配置项的数据源”。

  更多个性配置内容，请参见本产品文档移动可视化开发>组件目录下的各组件文档。

交互

与Web开发组件支持的交互动作相同。具体操作，请参见交互配置。

配置项

说明

组件名称

设置组件名称，名称需在应用内具有唯一性。

组件可见性

设置组件是否在页面上显示。若设置为不可见，可配合交互，设置组件功能的使用。

支持配置设备、接口、应用推送数据源。

如果是文字、指示灯、图片和矩形组件，配置数据源为设备，仅支持选择属性，根据属性值设置组件可见性。此时，支持设置设备离线时组件是否可见。设备数据源支持数据格式为单精度数字、双精度数字、整数、布尔型和枚举型。若数据源的数据格式为数值型，需要转换整数型为布尔值或转换数字为枚举型后设置对应的可见性。

不透明度

设置组件显示的透明度。0%为完全透明，100%为完全不透明。

宽度

设置组件在页面中展示的宽度和高度。

高度

上边距

设置当前组件与相邻组件或所属栏边界的距离。

下边距

左边距

右边距

配置项

数据格式

文字级别

字符串。对应的映射关系如下：

• font-size-display-3：运营标题-大

• font-size-display-2：运营标题-中

• font-size-display-1：运营标题-小

• font-size-headline：标题-大

• font-size-title：标题-中

• font-size-subhead：标题-小

• font-size-body-2：正文-强调

• font-size-body-1：正文-常规

• font-size-caption：水印文本

• font-size-footnote：脚注

字号

单精度数字、双精度数字、整数。

行高

字重

数值。对应的映射关系如下：

• 300：细体

• 400：常规

• 500：中黑

• 600：中粗

• 700：粗体

边框粗细

整数，取值范围为0~100。

边框样式

整数，取值范围为0~2。对应线样式的映射关系为（同下拉列表顺序）：

• 0：实线

• 1：虚线

• 2：点线

颜色

RGB颜色的JSON格式。

{
  "r": 255,
  "g": 255,
  "b": 255,
  "a":0
}

如果是文字、矩形（填充颜色）组件的颜色，数据源返回数据格式需为布尔型或枚举型。此时，如果配置数据源为设备，仅支持选择属性，支持数据格式为单精度数字、双精度数字、整数、布尔型和枚举型；支持设置设备离线时组件内容的显示颜色。若数据格式为数值型，需要转换整数型为布尔值或转换数字为枚举型后设置不同值显示的颜色。