單色儀表盤組件可用于展示設備的某個屬性(作為設備儀表使用)或接口返回的數值型數據。下文介紹組件的詳細配置方法。 步驟一:添加組件 創建Web應用。具體操作,請參見創建Web應用。 在Web應用編輯器中,單擊最左側的組件圖標。 在畫布左側組件列表上方,輸入單色儀表盤,找到該組件,然后將組件拖拽到中間畫布。 有關組件添加的更多信息,請參見添加組件。 步驟二:配置數據源 在Web應用編輯器右側樣式中,單擊數據源后配置數據源。 在數據源配置頁面,選擇數據源類型,完成配置。可選數據類型有設備、接口、應用推送。 說明 接口或設備數據源返回的數據類型必須為單精度數字、雙精度數字、整數。 單擊確定。 步驟三:配置樣式 在右側樣式中,完成組件展示的配置。 配置項 說明 儀表盤度數 設置儀表盤類型。 90度。 180度(默認值)。 270度。 數值范圍 設置單色儀表盤數值的最小值和最大值。 刻度展示 設置是否展示儀表盤的刻度、數據單位、當前數據的值、邊框,及可展示的樣式。 單位 讀數 邊框 背景顏色 設置組件的背景顏色。 調整組件在頁面中的最終位置。有關組件通用樣式配置的更多信息,請參見樣式配置。 步驟四:配置交互動作 在Web應用編輯器右側交互中,單擊新增交互,設置事件和動作。 該組件支持鼠標移入事件。例如,鼠標移入,執行動作展示隱藏,顯示某個隱藏的組件,展示組件數據更多的說明信息。 具體操作,請參見交互配置。 單擊頁面右上方的預覽,預覽和調試組件展示的數據和效果。