單色儀表盤組件可用于展示設備的某個屬性(作為設備儀表使用)或接口返回的數值型數據。下文介紹組件的詳細配置方法。

步驟一:添加組件

  1. 創建Web應用。具體操作,請參見創建Web應用
  2. 在Web應用編輯器中,單擊最左側的組件圖標組件
  3. 在畫布左側組件列表上方,輸入單色儀表盤,找到該組件,然后將組件拖拽到中間畫布。

    有關組件添加的更多信息,請參見添加組件

    單色儀表盤組件

步驟二:配置數據源

  1. 在Web應用編輯器右側樣式中,單擊數據源配置數據源
  2. 數據源配置頁面,選擇數據源類型,完成配置。
    可選數據類型有設備接口應用推送
    說明 接口或設備數據源返回的數據類型必須為單精度數字、雙精度數字、整數。
    數據源配置
  3. 單擊確定

步驟三:配置樣式

  1. 在右側樣式中,完成組件展示的配置。
    配置項 說明
    儀表盤度數 設置儀表盤類型。
    • 90度。
    • 180度(默認值)。
    • 270度。
    數值范圍 設置單色儀表盤數值的最小值最大值
    刻度展示 設置是否展示儀表盤的刻度、數據單位、當前數據的值、邊框,及可展示的樣式。
    單位
    讀數
    邊框
    背景顏色 設置組件的背景顏色。
  2. 調整組件在頁面中的最終位置。有關組件通用樣式配置的更多信息,請參見樣式配置

步驟四:配置交互動作

  1. 在Web應用編輯器右側交互中,單擊新增交互,設置事件動作

    該組件支持鼠標移入事件。例如,鼠標移入,執行動作展示隱藏,顯示某個隱藏的組件,展示組件數據更多的說明信息。

    具體操作,請參見交互配置

  2. 單擊頁面右上方的預覽,預覽和調試組件展示的數據和效果。