前提條件

已在Web應(yīng)用編輯器中添加組件。具體操作，請參見產(chǎn)品文檔中Web可視化開發(fā) > 組件目錄下的各組件文檔。

操作步驟

1. 在Web可視化編輯頁面的畫布中，選中待配置的組件。

2. 在右側(cè)樣式中單擊對應(yīng)配置項(xiàng)的配置數(shù)據(jù)源圖標(biāo)，在數(shù)據(jù)源配置面板，選擇數(shù)據(jù)源為設(shè)備進(jìn)行配置。

   例如文字組件，單擊右側(cè)樣式中文字內(nèi)容提交框、組件可見性或樣式中顏色右側(cè)的配置數(shù)據(jù)源圖標(biāo)。

   說明

   各組件數(shù)據(jù)源的配置操作，請參見本產(chǎn)品文檔中Web可視化開發(fā) > 組件目錄下的各組件文檔。

   

   參數(shù)	說明
   選擇數(shù)據(jù)源	選擇設(shè)備。
   產(chǎn)品	單擊選擇產(chǎn)品，在選擇產(chǎn)品面板中會(huì)展示當(dāng)前應(yīng)用所屬項(xiàng)目中已關(guān)聯(lián)的產(chǎn)品。如果沒有相應(yīng)產(chǎn)品，請單擊左下角的產(chǎn)品管理，前往項(xiàng)目詳情的產(chǎn)品頁創(chuàng)建或關(guān)聯(lián)產(chǎn)品。
   設(shè)備	選擇該組件的數(shù)據(jù)源設(shè)備。 指定設(shè)備：如果已有真實(shí)設(shè)備連接到物聯(lián)網(wǎng)平臺(tái)，則選擇真實(shí)設(shè)備。如果真實(shí)設(shè)備未連接到物聯(lián)網(wǎng)平臺(tái)，沒有上報(bào)數(shù)據(jù)，則需使用設(shè)備模擬器功能，在線模擬上報(bào)數(shù)據(jù)進(jìn)行數(shù)據(jù)格式驗(yàn)證。具體操作，請參見設(shè)備模擬器。 動(dòng)態(tài)設(shè)備：可選頁面變量、組件值、URL參數(shù)和來自交互動(dòng)作四種類型的動(dòng)態(tài)設(shè)備。 頁面變量：選擇在當(dāng)前應(yīng)用中，已創(chuàng)建的頁面變量作為動(dòng)態(tài)設(shè)備來源。創(chuàng)建頁面變量具體操作，請參見頁面變量管理。 組件值：選擇當(dāng)前應(yīng)用中，已配置的表單組件作為動(dòng)態(tài)設(shè)備來源。 URL參數(shù)：以最終發(fā)布頁面上的某個(gè)參數(shù)作為該服務(wù)的動(dòng)態(tài)設(shè)備。常用于嵌入頁面時(shí)，由宿主頁提供動(dòng)態(tài)參數(shù)，如將傳入的產(chǎn)品型號(hào)作為服務(wù)的動(dòng)態(tài)設(shè)備。 來自交互動(dòng)作：最終以交互頁簽配置的彈窗數(shù)據(jù)源，作為動(dòng)態(tài)設(shè)備來源。詳細(xì)信息，請參見打開彈窗容器。 重要 僅彈窗組件支持將動(dòng)態(tài)設(shè)備選擇為來自交互動(dòng)作。 必須在單擊配置數(shù)據(jù)源打開數(shù)據(jù)源配置彈窗后，設(shè)置設(shè)備項(xiàng)為動(dòng)態(tài)設(shè)備。 空設(shè)備：若選擇為空，可在設(shè)備模擬數(shù)據(jù)框中，輸入模擬數(shù)據(jù)，進(jìn)行數(shù)據(jù)格式驗(yàn)證。
   數(shù)據(jù)項(xiàng)	作為組件數(shù)據(jù)源的數(shù)據(jù)項(xiàng)。可選： 設(shè)備屬性：選擇使用設(shè)備上報(bào)的某個(gè)屬性值作為組件數(shù)據(jù)源。 設(shè)備事件：選擇使用設(shè)備上報(bào)的某個(gè)事件數(shù)據(jù)作為組件數(shù)據(jù)源。 部分組件不支持設(shè)備事件數(shù)據(jù)項(xiàng)，您可根據(jù)實(shí)際使用的組件選擇數(shù)據(jù)項(xiàng)。
   屬性	選擇設(shè)備屬性。鼠標(biāo)移動(dòng)到右側(cè)的提示按鈕，可參看該組件支持的數(shù)據(jù)類型。詳細(xì)信息，請參見單個(gè)添加物模型。 如果是文字（組件可見性、顏色）、矩形（組件可見性、填充顏色）、指示燈（組件可見性、展示數(shù)據(jù)）和圖片（組件可見性）組件的對應(yīng)樣式配置項(xiàng)選擇配置數(shù)據(jù)源為設(shè)備且屬性數(shù)據(jù)類型為數(shù)值型（整型、雙精度浮點(diǎn)型、單精度浮點(diǎn)型），支持轉(zhuǎn)換整數(shù)型為布爾值或轉(zhuǎn)換數(shù)字為枚舉型，根據(jù)數(shù)據(jù)值設(shè)置組件可見性及可見顏色，設(shè)置組件不同值顯示不同顏色。樣式配置說明，請參見文字、矩形、指示燈、圖片。
   事件	選擇具體的設(shè)備事件。詳細(xì)信息，請參見單個(gè)添加物模型。
   設(shè)備模擬數(shù)據(jù)	輸入用于驗(yàn)證數(shù)據(jù)格式的模擬數(shù)據(jù)。當(dāng)設(shè)備選擇為空時(shí)出現(xiàn)的參數(shù)。 推送模擬數(shù)據(jù)后，該組件會(huì)根據(jù)推送的數(shù)據(jù)展示相應(yīng)的結(jié)果。

3. 完成數(shù)據(jù)格式驗(yàn)證。

   操作	說明
   格式參考	單擊格式參考，查看組件支持的數(shù)據(jù)格式。
   驗(yàn)證數(shù)據(jù)格式	單擊驗(yàn)證數(shù)據(jù)格式，驗(yàn)證當(dāng)前數(shù)據(jù)格式是否滿足組件的格式要求。滿足要求，則提示“驗(yàn)證成功”；不滿足，則會(huì)提示詳細(xì)的錯(cuò)誤信息。

   重要

   IoT Studio目前僅支持調(diào)用強(qiáng)校驗(yàn)類型的物模型數(shù)據(jù)。當(dāng)組件關(guān)聯(lián)設(shè)備屬性時(shí)，僅支持展示滿足屬性物模型定義配置的數(shù)據(jù)。有關(guān)物模型數(shù)據(jù)校驗(yàn)的更多信息，請參見校驗(yàn)物模型數(shù)據(jù)。