功能項

說明

數據源

與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
}

如果是文字、矩形（填充顏色）組件的顏色，數據源返回數據格式需為布爾型或枚舉型。此時，如果配置數據源為設備，僅支持選擇屬性，支持數據格式為單精度數字、雙精度數字、整數、布爾型和枚舉型；支持設置設備離線時組件內容的顯示顏色。若數據格式為數值型，需要轉換整數型為布爾值或轉換數字為枚舉型后設置不同值顯示的顏色。