多比Web組態(tài)工具用戶手冊

...wd......wd......wd...多比實時數(shù)據(jù)可視化開發(fā)平臺用戶手冊北京龍博中科軟件目錄TOC\o"1-3"\h\u1．簡介51.1功能介紹51.2編輯態(tài)功能61.3運行態(tài)功能81.4典型使用流程101.5應用案例111.5.1案例一111.5.2案例二122.安裝132.1配置參數(shù)132.1.1客戶端參數(shù)132.1.2服務(wù)器端參數(shù)142.1.3技術(shù)參數(shù)142.2自動安裝172.3手動安裝202.3.1安裝Java202.3.2安裝MySQL，建數(shù)據(jù)庫212.3.3啟動多比平臺213.編輯態(tài)業(yè)務(wù)功能223.1登錄223.2工程管理223.2.1工作空間管理223.2.2組態(tài)工具界面223.2.3菜單管理263.3用戶權(quán)限管理303.3.1用戶管理303.4實時數(shù)據(jù)集管理313.4.1添加數(shù)據(jù)源313.4.2添加數(shù)據(jù)庫中的點383.4.3刪除數(shù)據(jù)源393.4.4查看數(shù)據(jù)源393.4.5批量導入數(shù)據(jù)點403.4.6數(shù)據(jù)點聯(lián)動413.4.7發(fā)布器和接收器423.5畫面組態(tài)443.5.1新建畫面443.5.2刪除畫面和目錄453.5.3復制畫面453.5.4畫面重命名463.5.5畫面分類463.5.6畫面移動463.6畫面編輯473.6.1畫面編輯菜單473.6.2在畫面中繪圖493.6.3屬性設(shè)置543.6.4圖元操作553.6.5根本形狀編輯563.6.6圖表編輯573.6.7常用控件603.6.8畫布的相關(guān)設(shè)置663.6.9彈出窗口和懸浮窗口663.7腳本683.7.1腳本技術(shù)683.7.2腳本運行管理683.7.3腳本編輯器693.8事件693.8.1事件編輯器693.8.2組件事件監(jiān)視器713.8.3定時事件分組723.8.4事件處理器733.9告警733.10報表764.運行態(tài)業(yè)務(wù)操作774.1系統(tǒng)啟動774.2運行態(tài)頁面774.3切換畫面784.4查看實時數(shù)據(jù)784.5查看歷史數(shù)據(jù)794.6查看參數(shù)794.7告警窗口804.8支持移動設(shè)備805.常見問題匯總805.1畫面編輯問題805.2屬性設(shè)置問題815.2.1如何旋轉(zhuǎn)控件815.3數(shù)據(jù)連接和綁定問題815.3.1連接數(shù)據(jù)庫異常問題815.3.2要想使數(shù)據(jù)綁定，變動的幅度大，怎么辦825.3.3圖表如何綁定數(shù)據(jù)825.4運行狀態(tài)異常問題835.4.1多比啟動異常831．簡介1.1功能介紹 隨著智能手機、智能平板電腦的普及，越來越多的移動終端參與到工業(yè)自動化、信息化和智能化的應用中來，由于移動終端具有移動化、網(wǎng)絡(luò)化、智能化的優(yōu)勢，可以彌補工業(yè)自動化中移動互聯(lián)和靈活面向管理者實時監(jiān)控的缺陷，能夠?qū)崿F(xiàn)隨時隨地的參與到工業(yè)自動化和實時監(jiān)控中來，到達舒適工作舒適生活的目的。 多比物聯(lián)網(wǎng)云監(jiān)控平臺是基于云的監(jiān)控開發(fā)平臺，可以讓非專業(yè)人員通過簡答的拖拽生成專業(yè)的監(jiān)控App。 多比基于純HTML5技術(shù)和標準的工業(yè)總線技術(shù)，可以在平板電腦、iPhone及安卓手機平板在內(nèi)的多種移動設(shè)備上應用。多比物聯(lián)網(wǎng)云監(jiān)控平臺可以作為現(xiàn)有的SCADA系統(tǒng)，在無需改造現(xiàn)有系統(tǒng)的情況下可以提供很好的遠程移動控制和維護功能。其友好的高級可視化界面給各類用戶提供了遠程監(jiān)控自動化系統(tǒng)絕佳體驗。如以下列圖是web組態(tài)工具的功能界面。1.2編輯態(tài)功能工程管理功能支持工程管理支持工程的增刪改查各個工程在同一個服務(wù)器中，互不干擾支持對工程和數(shù)據(jù)源的權(quán)限管理畫面編輯功能提供類似于visio一樣的編輯工具，可以實現(xiàn)文件的在線編輯和發(fā)布，不需要從新部署支持翻開、保存為JSON文件支持Png/Jpg/Gif等圖形文件的導出支持自定義圖元，支持SVG圖元支持線條編輯，允許插入點線面等實體支持文字功能，支持文字字體，大小顏色，旋轉(zhuǎn)等等支持撤銷和重做功能支持Javascript腳本擴展圖元支持任意圖片作為圖元，并設(shè)置透明圖支持和Java后端語言集成支持圖元的異步加載，適合Web部署支持多種連線，可以自己定義連接點支持不同的線形支持多種填充方式，漸變和圖案填充支持網(wǎng)格定位圖形支持任意角度自由旋轉(zhuǎn)，旋轉(zhuǎn)中不改變圖形其它邏輯支持自定義屬性，可將很多設(shè)備屬性定義在圖元中自定義多類型存儲屬性〔整數(shù)、小數(shù)、邏輯、字符串〕支持無級別放縮〔移動設(shè)備〕支持屬性的可視化編輯支持圖形漫游技術(shù)支持程序或者腳本繪圖API支持自定義圖元庫支持自己定義的調(diào)控點支持各種儀表，刀閘，信號燈，統(tǒng)計圖的開發(fā)支持圖元的透明度的設(shè)定支持類擴展支持線條的吸附功能腳本功能支持在線代碼編輯功能支持代碼熱部署功能支持可視化到代碼的自動生成支持代碼到可視化設(shè)計的逆向工程支持語法高亮支持上下文提示支持文件構(gòu)造預覽支持單擊、雙擊、右擊，MouseOver，MouseOut，ValueChange等多種事件，支持生成事件處理函數(shù)及逆向工程數(shù)據(jù)源管理功能支持MySQL，MSSQLServer，Oracle等常見數(shù)據(jù)源管理支持實時數(shù)據(jù)緩存功能，針對并發(fā)有專門的機制優(yōu)化實現(xiàn)實時數(shù)據(jù)增量推送數(shù)據(jù)綁定功能支持數(shù)據(jù)源可視化綁定支持任意支持數(shù)據(jù)回寫功能事件可視化編輯1.3運行態(tài)功能運行時畫面展示支持翻開XML文件支持多圖層，支持圖層的顯示隱藏和鎖定支持各種形式的動畫，如旋轉(zhuǎn)、變化位置，顏色變化等等支持自定義圖元，支持SVG圖元的相關(guān)動畫支持文字動態(tài)更新，支持文字字體，大小顏色，旋轉(zhuǎn)等等支持Javascript腳本控制圖元動畫支持和Java后端語言集成，動態(tài)獲取數(shù)據(jù)并動畫展示支持圖元的異步加載，適合Web部署支持化工行業(yè)的水流線支持不同的線形支持多種填充方式，漸變和圖案填充的動態(tài)變化支持自定義屬性的展示，可將很多設(shè)備屬性定義在圖元中并用氣泡展示自定義多類型存儲屬性〔整數(shù)、小數(shù)、邏輯、字符串〕支持無級別放縮支持屬性的可視化編輯支持圖形漫游技術(shù)支持程序或者腳本繪圖API支持自定義圖元庫支持圖形的鎖定和解鎖支持自己定義的調(diào)控點支持各種儀表，刀閘，信號燈，統(tǒng)計圖的開發(fā)支持和服務(wù)器端的各種通信技術(shù)，如AJAX等等支持圖元的透明度的設(shè)定支持類擴展支持自定義提示信息支持圖形操作事件，例如在鼠標點擊、移動、圖形縮放、創(chuàng)立、刪除時觸發(fā)數(shù)據(jù)綁定功能支持秒級刷新預定閃爍、高亮、位移、縮放等動畫效果并綁定支持40+二維和三維圖表的綁定運行態(tài)操作數(shù)據(jù)源異常告警畫面切換菜單畫面實時數(shù)據(jù)預覽菜單移動設(shè)備掃描入口移動設(shè)備支持支持安卓手機和平板電腦支持ios手機和平板電腦支持WindowsPhone的手機和平板其他支持多語言支持多種皮膚實時切換1.4典型使用流程使用web組態(tài)工具分為兩個局部，編輯態(tài)和運行態(tài)。其中編輯態(tài)是指工程的繪制，數(shù)據(jù)源設(shè)置和數(shù)據(jù)綁定等，主要的操作步驟如下：登錄建設(shè)工程添加組件編輯畫面添加數(shù)據(jù)源綁定數(shù)據(jù)運行態(tài)是指系統(tǒng)的運行模式，該模式下一般為只讀狀態(tài)，用戶可以監(jiān)控不同的設(shè)備，切換不同的監(jiān)控畫面，查看警告信息等。1.5應用案例1.5.1案例一多比軟件和某電力規(guī)劃研究院簽訂合作協(xié)議，開發(fā)基于Web電力接線信息平臺。配電站接線圖是一種特定的復雜而又有規(guī)則的圖形,可以采用多比技術(shù)繪制配電站接線圖。它根本由一些固定的電氣元件組成(或稱為圖元),這些圖元有其固定的表現(xiàn)形式。傳統(tǒng)的ActiveX控件實現(xiàn)的方式有許多缺點：客戶端的部署很困難，如客戶端不能正確下載，下載了以后不能正確執(zhí)行，下載的時候需要設(shè)置IE的安全級別等等。多比編輯工具不僅提供了一個界面友好、方便使用的編輯環(huán)境,而且可以提供大量配電站電氣元件圖元,這樣可以實現(xiàn)圖形文件格式存儲,輕松完成配電站接線圖的制作。1.5.2案例二B/S構(gòu)造的SCADA系統(tǒng)，也有人稱為第四代SCADA。它集成了Internet技術(shù)、面向?qū)ο蠹夹g(shù)、DNA神經(jīng)元技術(shù)等技術(shù)內(nèi)核，使采集和監(jiān)控的數(shù)據(jù)得以開放，能被更多的管理系統(tǒng)、控制系統(tǒng)和使用者所訪問。WEBSCADA將會成為眾多企業(yè)實現(xiàn)管控一體化所選擇的第一步。WebSCADA系統(tǒng)與傳統(tǒng)的SCADA系統(tǒng)有哪些優(yōu)勢具有以下優(yōu)點具1)可以遠程訪問，使用戶雖遠離現(xiàn)場，亦可處處關(guān)心2)廣泛的技術(shù)合作成為可能，多人在多方對同一問題可進展會診，甚至全世界3)報警方式的多途徑實現(xiàn)，不僅能在SCADA監(jiān)控系統(tǒng)中顯示，還可以通過傳呼、E_Mail甚至手機短信實現(xiàn)4)一個用戶可監(jiān)控多個過程，使過程控制人員不再分身乏術(shù)；多個用戶可以監(jiān)控同一過程，真正實現(xiàn)了數(shù)據(jù)的開放性及過程信號的透明化5)最終用戶參與設(shè)計，使控制過程更趨于合理，生產(chǎn)工藝得到更完美的表達6)儀器虛擬化，操作簡單，不僅可以進展現(xiàn)場數(shù)據(jù)記錄，更可以進展智能化分析7)多種儀器、多種控制系統(tǒng)的協(xié)同工作，使全局自動診斷能力增強8)無人操作和遠程操作可以降低工廠運行的本錢，這時選擇正確的設(shè)備是至關(guān)重要的，這樣才能保證工廠運行的安全和高效。2.安裝web組態(tài)工具使用之前需要進展安裝，關(guān)于工具的安裝，有兩種方法，推薦使用第一種方法，如第一種安裝方法出錯無法裝上，便可使用第二種。2.1配置參數(shù)2.1.1客戶端參數(shù)多比客戶端網(wǎng)絡(luò)要求局域網(wǎng)環(huán)境；在TCP/IP協(xié)議下的固定或動態(tài)IP地址；多比客戶端硬件要求硬盤：50M以上剩余空間；內(nèi)存：128M以上；CPU：1.5GHz以上多比客戶端軟件要求微軟視窗系列操作系統(tǒng)〔Windows2000以上〕/Andriod4+/IOS瀏覽器IE9+/Chrome/Safari2.1.2服務(wù)器端參數(shù)多比服務(wù)器網(wǎng)絡(luò)要求局域網(wǎng)環(huán)境；能連接到因特網(wǎng)〔可選〕；在TCP/IP協(xié)議下的固定IP地址，或者動態(tài)IP加動態(tài)域名；多比服務(wù)器硬件要求硬盤：5G以上剩余空間；內(nèi)存：4GB以上；CPU：奔騰PentiumⅣ系列，主頻1.5GHz以上，在線人數(shù)到達500人以上，上建議使用雙CPU服務(wù)器；磁盤陣列/光盤庫/磁帶機〔可選〕；多比服務(wù)器軟件要求微軟視窗系統(tǒng)環(huán)境〔Windows2000Server以上〕；2.1.3技術(shù)參數(shù)1〕平均無故障時間〔MTBF〕：≥4760小時；2) 畫面調(diào)用時間：<10秒；3) 畫面實時數(shù)據(jù)刷新時間：5秒～30秒；4) 實時數(shù)據(jù)查詢響應時間：<3秒；5) 歷史數(shù)據(jù)查詢響應時間：<10秒；6) 正常情況下CPU負載：≤20%〔一分鐘均值〕7) 事故情況下CPU負載：≤50%8) 系統(tǒng)可用率： ≥99.9%同行業(yè)技術(shù)比擬傳統(tǒng)組態(tài)軟件多比移動組態(tài)平臺安卓系統(tǒng)不支持支持java不支持支持桌面系統(tǒng)支持支持Web安全極不安全，容易被WindowUAC/360等多種軟件屏蔽，造成用戶無法正常使用安全,不需要安裝任何插件圖片加載需要打包在ActiveX中，導致安裝文件很大圖片和文件別離，異步加載腳本語言可以和javascript交互，但是語法怪異Javascript原生，和javascript無縫集成可擴展性需要重新編譯類繼承的方式，非常容易擴展可維護性每次變更版本都需要重新安裝頁面刷新即可學習曲線現(xiàn)在大多數(shù)程序員都沒有接觸過COM，VB/Delphi等，學習難度大Javascript程序員很多，即使不會，java/.net程序員學習起來也很容易調(diào)試錯誤出錯后，沒有錯誤信息，非常難以調(diào)試Javascript異常和錯誤，非常容易調(diào)試，并且可以利用瀏覽器的內(nèi)部調(diào)試工具在線調(diào)試2.2自動安裝下載下來壓縮包之后，將它解壓，使用的步驟如下：首先單擊里面的install.bat文件，出現(xiàn)下面的提示，如果有“Servicesuccessfullyinstalled.〞和“duobeemysql服務(wù)已經(jīng)啟動成功。〞這兩條語句，表示tomcat和mysql已經(jīng)安裝成功。install.bat執(zhí)行成功后，單擊文件夾中的“啟動移動組態(tài)平臺.bat〞文件，成功界面如以下列圖所示。如果執(zhí)行成功的話，它會自動翻開本機上的瀏覽器，如以下列圖所示，輸入用戶名admin，密碼admin，點擊“登錄〞按鈕。就成功進入web組態(tài)工具界面。第一次翻開的時候，速度會有點慢。常見問題：這里值得注意的是，文件的路徑中，不要使用中文，例如文件路徑中有“星期四〞字段，那么執(zhí)行“啟動移動組態(tài)平臺.bat〞文件的時候，會報錯。執(zhí)行界面如以下列圖所示。并且，路徑中也不要出現(xiàn)空格，例如文件路徑中有“星期四〞，中間有空格，以下列圖是單擊install.bat文件出現(xiàn)的錯誤。2.3手動安裝如果自動安裝不成功，可以自己手動安裝〔注：卸載并刪掉原先自動安裝時出錯的安裝包，請解壓一個新的安裝包進展安裝〕。具體的安裝步驟如下。2.3.1安裝Java第一種：從網(wǎng)上下載jdk安裝包〔注：JDK必須是1.6版本以上〕，下載下來并安裝之后，配置它的環(huán)境變量就可以了〔如果不會配置，可查看://wenku.baidu/view/d5b0d3287375a417866f8f8e.html中的配置步驟〕。第二種：也可以用多比平臺安裝包自帶java配置文件，第一步是在環(huán)境變量中新建一個JAVA_HOME變量，將多比平臺中的java路徑拷貝到變量只中，點擊確定保存。第二步是找到環(huán)境變量中的Path變量，將多比安裝包java文件夾中的bin路徑添加進去，點擊確定保存。在桌面菜單欄中搜索cmd,然后敲擊回車鍵，在命令框中輸入：java-version,如出現(xiàn)以下列圖式樣，則JAVA_HOME配置成功。2.3.2安裝MySQL，建數(shù)據(jù)庫從網(wǎng)上下載并安裝WAMP，啟動WAMP中的phpMyAdmin并在其中新創(chuàng)立一個數(shù)據(jù)庫〔配置如以下列圖所示〕，作為web組態(tài)工具的數(shù)據(jù)庫數(shù)據(jù)源使用。創(chuàng)立好數(shù)據(jù)庫后，我們在mangomm數(shù)據(jù)庫中導入多比安裝包中的mangomm.sql表，最后點擊執(zhí)行〔第一次執(zhí)行會需要一些時間，請耐心等待〕。2.3.3啟動多比平臺雙擊多比軟件安裝包tomcat\bin路徑中的startup.bat配置文件，即可啟動多比平臺〔注：第一次啟動需加載，請您耐心等待〕。建議將WAMP和Tomcat的快捷方式放在桌面上，以便下次使用；://:8080/visualizer/login.htm3.編輯態(tài)業(yè)務(wù)功能3.1登錄登錄web組態(tài)工具的用戶名和密碼都是admin。點擊“登錄〞按鈕后就可以進入web組態(tài)工具的平臺。3.2工程管理3.2.1工作空間管理Web組態(tài)工具是一套基于B/S構(gòu)架的，多用戶，多工程的，面向監(jiān)控行業(yè)的組態(tài)軟件平臺。它的根本特點為：可以創(chuàng)立多個工程。每一個工程有多個畫面，腳本等資源?？梢越壎〝?shù)據(jù)，添加數(shù)據(jù)源?？梢赃\行查看相應的效果。3.2.2組態(tài)工具界面Web組態(tài)工具的界面如以下列圖所示：界面主要分為4個局部，如上圖所示。下面我們分別來介紹界面這四個局部的功能。功能區(qū)1：主要是頁面區(qū)和數(shù)據(jù)源區(qū)。本工程內(nèi)所有的頁面，和所有數(shù)據(jù)源，都列舉在這里?？梢酝ㄟ^上面的“畫面〞和“數(shù)據(jù)源〞選項卡進展切換。對于頁面的增加、刪除、頁面重命名等功能，都可以在這局部功能區(qū)中實現(xiàn)。功能區(qū)2：組件窗口區(qū)域。Web組態(tài)工具支持很多常用的組件，這些組件使用起來也容易上手。其中包括了各種根本形狀以及工業(yè)控制上常用的監(jiān)控組件。功能區(qū)3：頁面編輯區(qū)。頁面編輯區(qū)就是我們操作工具的舞臺，上部顯示翻開的頁面名稱。功能區(qū)4：頁面上添加的控件，它們的屬性都在這局部功能區(qū)上?？梢酝ㄟ^這個功能區(qū)，調(diào)整控件的屬性，也可以調(diào)整畫布的背景顏色和界面主題。3.2.3菜單管理Web組態(tài)工具界面上，有5個菜單，分別是文檔、數(shù)據(jù)源、生成、工具和幫助。下面我們一起來看看這些菜單的使用介紹。文檔菜單單擊菜單欄上的“文檔〞選項，可以看到菜單下面有這些子項。新建工程啟動移動組態(tài)平臺軟件后，可選擇“文檔〞菜單下的“新建工程〞選項，彈出新建工程對話框。在里面輸入工程名稱，點確定即可完成工程的建設(shè)。同時當前工程自動切換為新建設(shè)的工程。在web組態(tài)平臺軟件的狀態(tài)條上可以看到當前工程目錄：翻開工程在web組態(tài)平臺軟件中，選擇“文檔〞菜單下的“翻開工程〞選項，在彈出的選擇工程中，只列出用戶對應的工作空間內(nèi)的工程列表，對話框中選擇需要翻開的工程的名稱即可。關(guān)閉工程在web組態(tài)平臺軟件中，選擇“文檔〞菜單下的“關(guān)閉工程〞選項，就可以關(guān)閉翻開的工程了。刪除工程單擊“文檔〞菜單下的“刪除工程〞選項，會彈出下面的對話框，單擊“是〞按鈕，就可以將當前的工程刪除。新建文檔或目錄“新建文檔或目錄〞選項，同新建頁面的功能是一樣的，單擊這個選項，會彈出下面新建畫面的框。保存單擊“保存〞選項，或單擊工具欄上的“保存當前文檔〞按鈕，會將當前頁面進展保存。保存所有單擊“保存所有〞選項，或單擊工具欄上的“保存所有更改正的文檔〞按鈕，會將本工程內(nèi)所有的頁面進展保存。數(shù)據(jù)源菜單單擊菜單欄上的“數(shù)據(jù)源〞菜單，可以看到它下面的子項如以下列圖所示。數(shù)據(jù)源包含了數(shù)據(jù)庫數(shù)據(jù)源、虛擬數(shù)據(jù)源、OPC數(shù)據(jù)源以及modbus數(shù)據(jù)源四種，可以設(shè)置了數(shù)據(jù)源后，對數(shù)據(jù)進展綁定。關(guān)于數(shù)據(jù)源的介紹，我們會在下面進展詳細的說明。生成菜單“生成〞菜單下面只包括一項“調(diào)試應用程序〞，單擊它，可以在瀏覽器中預覽效果。工具菜單單擊菜單欄上的“工具〞選項，可以看到它下面包含的內(nèi)容。查看工程資源單擊“查看工程資源〞選項，會在頁面局部翻開工程資源管理的內(nèi)容，在里面可以選擇本工程內(nèi)部的圖片，也可以上傳圖片。幫助菜單Web組態(tài)工具的幫助手冊和工具的信息說明，都在這局部。3.3用戶權(quán)限管理3.3.1用戶管理用戶管理選項，用于顯示當前的用戶，并配置他的相應權(quán)限。單擊“用戶〞框的右上角的小圖標，可以新增用戶，也可以對現(xiàn)有用戶進展修改。3.4實時數(shù)據(jù)集管理3.4.1添加數(shù)據(jù)源在工程管理中，用戶需要在數(shù)據(jù)綁定之前添加數(shù)據(jù)項。Web組態(tài)工具的數(shù)據(jù)源包括數(shù)據(jù)庫數(shù)據(jù)源、虛擬數(shù)據(jù)源、OPC數(shù)據(jù)源和Modbus數(shù)據(jù)源等等，下面是這些數(shù)據(jù)源的詳細介紹。數(shù)據(jù)庫數(shù)據(jù)源單擊“數(shù)據(jù)源〞菜單下的“添加數(shù)據(jù)庫數(shù)據(jù)源〞選項，就彈出了添加數(shù)據(jù)庫數(shù)據(jù)源的信息框，在里面輸入相應的信息，關(guān)于驅(qū)動類和連接字符串兩個地方，都給出了相應的選項。如果“返回多行兩列〞復選框被選中的話，那么“測試連接〞按鈕被單擊的時候，數(shù)據(jù)庫中的內(nèi)容就會在右側(cè)“SQL語句測試〞下顯示出來。用戶可以查看是否和數(shù)據(jù)庫中的一樣。上面提示“數(shù)據(jù)源保存完畢。請切換到《數(shù)據(jù)點》標簽編輯數(shù)據(jù)點〞，單擊上方的“數(shù)據(jù)點列表〞標簽，就進入到數(shù)據(jù)點頁面。單擊右上角的添加按鈕，在點的詳細信息里面，輸入相應的名稱和ID，單擊保存按鈕，就添加了一個數(shù)據(jù)點。數(shù)據(jù)點添加完之后，數(shù)據(jù)點和SQL屬性上的啟用按鈕一定要開啟，并保存。這樣數(shù)據(jù)庫數(shù)據(jù)源就建設(shè)好了。虛擬數(shù)據(jù)源單擊“添加虛擬數(shù)據(jù)源〞選項，在彈出的Virtual數(shù)據(jù)源屬性中，輸入虛擬數(shù)據(jù)源的名稱及更新時間，單擊保存按鈕，并啟動左側(cè)的按鈕。切換到數(shù)據(jù)點列表選項卡，單擊添加按鈕，在點的詳細信息里面，包含五種改變類型?！癇rownian〞是小數(shù)，在給定的范圍內(nèi)變化?！皽p少〞，是從“最小〞增加到“最大〞，又從“最大〞減小到“最小〞。間隔是“改變〞給定的值?！盁o變化〞，是自始至終都是一個給定的數(shù)字。“隨機〞，是小數(shù)，在給定的“最小〞和“最大〞處變化?！癆ttractor〞，是根據(jù)“最大改變次數(shù)〞間隔自動增長。關(guān)于這幾種類型的不同，用戶只要試試，就可以知道它們的區(qū)別了。OPCmodbusMoudbus通訊協(xié)議連接方式有兩種，一種是串口，另一種是IP。串口連接方式：如以下列圖所示，可自定義取名稱，更新時間最好調(diào)成1秒以下，以方便工程頁面及時刷新數(shù)據(jù)；在下拉框中選擇設(shè)備連接計算機的端口。編輯好Moudbus串口屬性后，如以下列圖右側(cè)，可測試平臺是否成功連接到設(shè)備。IP連接方式：IP連接方式與串口類似，不過如以下列圖所示，傳輸協(xié)議得改成TCP,主機文本框填寫主機的IP地址，默認端口502，在以下列圖右側(cè)可測試能否連接到PLC控制器讀取數(shù)據(jù)。元數(shù)據(jù)源元數(shù)據(jù)源的數(shù)據(jù)點，是用來獲取多個其他數(shù)據(jù)點進展加減乘除等運算后取值的數(shù)據(jù)點。添加方式如以下列圖，首先在數(shù)據(jù)源菜單中選擇添加元數(shù)據(jù)源，填寫數(shù)據(jù)源名稱進展保存并激活〔紅色圓標記處〕，然后點擊數(shù)據(jù)點列表進展創(chuàng)立數(shù)據(jù)點。點擊標志進展添加一個數(shù)據(jù)點，如以下列圖所示，填寫好名稱，選擇存盤的話則可以看歷史數(shù)據(jù)，數(shù)據(jù)類型必須和獲取的數(shù)據(jù)源數(shù)據(jù)類型一致，可設(shè)置選項選中的話可對該數(shù)據(jù)點在畫面中進展修改。在腳本上下文的下拉框中選擇需要獲取數(shù)據(jù)點，然后點擊進展添加，點擊標志可進展刪除，然后在腳本框中進展腳本代碼編輯，如紅色方框處所示，寫好腳本后點擊標志可測試腳本編輯是否能正確取到數(shù)據(jù)，成功了的話最后進展保存。抓取數(shù)據(jù)源如上圖所示，點擊數(shù)據(jù)源菜單下的添加抓取數(shù)據(jù)源，自定義名稱，更新期間為多久抓取一次數(shù)據(jù)，URL處填寫網(wǎng)站的鏈接地址〔注：可以點擊標志測試所填鏈接是否正確〕，選擇保存再點擊標志，使其變成綠色激活狀態(tài)，我們在點擊數(shù)據(jù)點列表開場編輯數(shù)據(jù)點。如以下列圖所示，名稱自定義，選擇存盤和編輯存盤周期，可設(shè)置多久時間存一次歷史數(shù)據(jù)，根據(jù)所要抓取的數(shù)據(jù)選擇數(shù)據(jù)類型，填寫抓取所需的正則表達式，點擊標志可測試抓取到的數(shù)據(jù)結(jié)果，最后點擊保存。3.4.2添加數(shù)據(jù)庫中的點數(shù)據(jù)庫項可以包含一個或多個數(shù)據(jù)點。在上面的數(shù)據(jù)源完成后，可以進展數(shù)據(jù)源的點管理，包括點的增加、修改和刪除。點擊標志進展添加一個數(shù)據(jù)點，如以下列圖所示，填寫好名稱，選擇存盤的話則可以看歷史數(shù)據(jù)，存盤周期為多少時間存一次歷史數(shù)據(jù)。3.4.3刪除數(shù)據(jù)源單擊“查看數(shù)據(jù)源〞選項，所有的數(shù)據(jù)源就都列出來了。在里面單擊“刪除〞按鈕即可刪除不想要的數(shù)據(jù)源。3.4.4查看數(shù)據(jù)源單擊菜單欄上的“數(shù)據(jù)源〞下面的子項“查看數(shù)據(jù)源〞，就可以查看當前工程內(nèi)的所有數(shù)據(jù)源。以下列圖是“查看數(shù)據(jù)源〞單擊過后的數(shù)據(jù)源列表。3.4.5批量導入數(shù)據(jù)點多比支持批量導入數(shù)據(jù)點，首先建設(shè)好數(shù)據(jù)源，在數(shù)據(jù)點列表中，點擊標志〔如以下列圖紅色標記處〕導出數(shù)據(jù)點添加模板，在WPS表格中翻開模板。在翻開的模板中編輯點名稱、存盤周期等數(shù)據(jù)點屬性；如選擇存放器、Modbus數(shù)據(jù)類型等數(shù)值的編輯，請查看模板中的字段說明文檔來進展填寫〔如以下列圖所示〕。在WPS表格中編輯好數(shù)據(jù)點后，將該文檔保存到固定的路徑下，然后我們回到多比平臺數(shù)據(jù)點列表編輯界面，點擊標志，將之前保存的文檔導入進來〔如以下列圖所示〕，導入進來后的數(shù)據(jù)點還需在狀態(tài)列中激活，這樣才能在畫面中調(diào)用該數(shù)據(jù)點。3.4.6數(shù)據(jù)點聯(lián)動數(shù)據(jù)點聯(lián)動指的是將一個數(shù)據(jù)點的值傳給另一數(shù)據(jù)點，并且可對原數(shù)據(jù)點進展編輯再賦值到目標數(shù)據(jù)點。第一步是創(chuàng)立好原數(shù)據(jù)點和目標數(shù)據(jù)點，如以下列圖所示，目標數(shù)據(jù)點可設(shè)置屬性得勾選上，數(shù)據(jù)類型應和原數(shù)據(jù)點保持一致。第二步選擇工具菜單下的數(shù)據(jù)點聯(lián)動，點擊標志，進展添加一個點連接。第三步在翻開的點連接界面中，輸出編號自動生成不需要改動，在源點下拉框中選擇原數(shù)據(jù)點，在目標點下拉框中選擇目標數(shù)據(jù)點。腳步框中是用來對原數(shù)據(jù)點進展JS代碼編輯，比方將原數(shù)據(jù)點值*1000后賦值到目標數(shù)據(jù)點，則在腳本框中填寫〔returnsource.value*100;〕。最后我們對編輯好的點鏈接點擊保存，點擊標志則刪除該點鏈接。3.4.7發(fā)布器和接收器數(shù)據(jù)發(fā)布器：如上圖所示，在數(shù)據(jù)源菜單下選擇添加數(shù)據(jù)發(fā)布器，名稱自定義；URL按照圖中模式所來寫，localhost處填寫接收方機器的IP；靜態(tài)參數(shù)關(guān)鍵字是固定的〔__device〕，值框中填寫設(shè)置該發(fā)布器的ID；在點屬性中選擇所需要發(fā)布出去的數(shù)據(jù)點，然后點擊標志添加進去，在參數(shù)名這一列中刪掉原來的數(shù)據(jù)源名稱，留下原數(shù)據(jù)點的名稱，最后點擊保存。如以下列圖所示，選擇查看發(fā)布器在紅色方框位置點擊點擊成綠色激活狀態(tài)。點擊標志可再次編輯該發(fā)布器，點擊標志可刪除該發(fā)布器。接收數(shù)據(jù)源：選擇數(shù)據(jù)源菜單中添加接收數(shù)據(jù)源，名稱自定義，點擊監(jiān)聽數(shù)據(jù)可測試能否成功接收到發(fā)布器中傳過來的數(shù)據(jù)，如果成功則保存激活該數(shù)據(jù)源。添加一個數(shù)據(jù)點，名稱自定義，存盤和存盤周期可設(shè)置多長時間存一個歷史數(shù)據(jù)；參數(shù)名稱框中填寫之前發(fā)布器中的參數(shù)名這一列的字符，所填寫的字符將與發(fā)布器中的數(shù)據(jù)點形成映射，最后保存。3.5畫面組態(tài)3.5.1新建畫面在工程內(nèi)，單擊“畫面〞選項卡中的加號。在彈出的“為新建目標命名〞框中，輸入新的頁面名稱，點擊確認按鈕即可。3.5.2刪除畫面和目錄刪除不需要的畫面和目錄，可以在畫面或目錄上右擊選擇“刪除文檔或目錄〞選項，或是單擊上方的減號，即可刪除畫面。3.5.3復制畫面有時候很多畫面上的內(nèi)容差不多都一樣，只有個別差異，這時候可以通過復制畫面，然后再對不同的地方進展修改。選中需要復制的畫面鼠標右擊，出現(xiàn)以下列圖后，點擊復制畫面即可。3.5.4畫面重命名給已有的畫面進展重命名，選中需要重命名的畫面鼠標右擊，會有如以下列圖選項，單擊重命名按鈕，在彈出的重命名文本框里，輸入新的名稱，點擊確定按鈕。3.5.5畫面分類點擊以下列圖所示的圖標，然后填寫新目錄的名稱。3.5.6畫面移動右擊需要移動的畫面，點擊移動畫面，在彈出框的所屬目錄處，選擇將該畫面移動到目標目錄下。3.6畫面編輯3.6.1畫面編輯菜單在畫布的頂部有一行畫布編輯菜單。到代碼視圖我們在畫布中的編輯內(nèi)容，可點擊編輯菜單中的進入到代碼的編輯狀態(tài)。同樣我們也可點擊代碼編輯菜單中的回到視圖模式。刷新和畫布大小的調(diào)節(jié)點擊編輯菜單中的可實時刷新你編輯的畫布內(nèi)容。點擊，我們會看到一個下拉框，在下拉框中我們可以調(diào)節(jié)適合自己電腦分辨率的畫布大小。上一步和下一步操作我們可以通過點擊編輯菜單中的左向箭頭，進展回到你在畫布內(nèi)容編輯的上一步操作，點擊右向箭頭跳到下一步操作控件的復制剪切刪除在編輯菜單中，我們可以點擊其中的圖標對單個控件進展復制剪切刪除。當我們要復制剪切刪除多個控件時，我們可以在畫布中按住鼠標左鍵拉動，將我們需用的控件鼠標左鍵圈起來，然后再點擊復制剪切刪除的圖標。跨頁面復制控件如以下列圖所示，先鼠標左鍵圈住要復制的控件，然后點擊紅色標志出按鈕，會彈出一個剪貼板，點擊跳到目標畫面中，最后點擊〔紅色3〕處的標志?？丶寞B放在畫布中我們常常會遇到控件以及圖片的疊加，這時候我們可以在編輯菜單中的對控件的疊放層次進展選擇。點擊將控件置于頂層，點擊將控件置于底層。JS數(shù)據(jù)點擊編輯菜單終點JS數(shù)據(jù)，會出現(xiàn)以下列圖所示的下拉框，我們可以對畫布中編輯的控件進展自定義JS代碼編寫，也可以查看畫布中所有控件的默認控件值。將控件拖放到容器中容器控件類只支持常用控件類和圖表控件類，首先拖拽一個容器控件到畫面中，然后將其他控件拖拽放入容器控件中，修改容器的標題文字屬性，可自定義容器標題。3.6.2在畫面中繪圖繪制文本點擊組件窗口根本形狀中的文本框，然后拖拽到畫布中的適宜位置，點擊鼠標左鍵，窗口中會出現(xiàn)一個小文本框，然后敲擊鍵盤輸入文本“演示〞，這時可以在窗口中看到輸入的文字。屬性：選中文本后，在畫布的右側(cè)屬性欄中可進一步設(shè)置文本屬性，比方文字方向、對齊方式、文本的字體、大小、顏色等。繪制矩形點擊組件窗口根本形狀中的矩形控件，然后拖拽到畫布中的適宜位置，矩形的長寬是可以自由拉伸的。選中繪制好的矩形，在畫布右側(cè)屬性欄中可以對該矩形的顏色、邊框、式樣等進展設(shè)定，或者點擊以下列圖中藍色箭頭標志也可進展樣式設(shè)定。繪制直線和垂直水平線點擊組件窗口根本形狀中的線形控件，然后拖拽到畫布中的適宜位置，這時候的直線是斜著的，可以通過拉拽將直線拉任意長短、任意方向〔注：垂直水平線皆可以〕。選中繪制好的直線，在畫布右側(cè)屬性欄中可以對該直線的顏色、線寬、線形等進展設(shè)定，或者點擊以下列圖中藍色箭頭標志也可進展樣式設(shè)定。繪制圓角矩形點擊組件窗口根本形狀中的圓角矩形控件，然后拖拽到畫布中的適宜位置，點中該控件，點擊藍色箭頭彈出樣式編輯器，其中的半徑屬性可設(shè)置圓角大小，其他樣式顏色、邊框等也可進展編輯。繪制圓點擊組件窗口根本形狀中的Circle控件，然后拖拽到畫布中的適宜位置，以下列圖中的輪胎就是通過該控件組合而成，圓形的屬性屬性設(shè)置可參閱的相關(guān)設(shè)定。制多邊形點擊組件窗口根本形狀中的三角形、矩形、五邊形等多邊形控件，然后拖拽到畫布中的適宜位置。如果需要其他不規(guī)則的多邊形，可如以下列圖步驟所示，選中多邊形，鼠標右鍵點擊，然后點擊編輯路徑，這時候會出現(xiàn)幾個圓點，選擇其中任意圓點鼠標右鍵，添加路徑節(jié)點，這時候該控件會多出一條邊，可以拉伸其中的任意圓點來到達你想要的不規(guī)則多邊形。屬性設(shè)置請參閱的相關(guān)設(shè)定。12制多折線點擊組件窗口根本形狀中的多點折線控件，然后拖拽到畫布中的適宜位置。折線的形狀改變設(shè)置可參閱相關(guān)設(shè)定，也是通過添加路徑節(jié)點和拉拽生成。屬性設(shè)置則參閱的相關(guān)設(shè)定。制管道在組件窗口工業(yè)控制欄中有多種管道控件，點擊所需管道拖拽到畫布中的適宜位置，可拉伸管道的大小和長寬。在畫布右側(cè)屬性欄中可以對該管道的顏色，旋轉(zhuǎn)角度等屬性進展設(shè)定。繪制按鈕點擊組件窗口常用控件中的高級按鈕控件，然后拖拽到畫布中的適宜位置。選中該控件，鼠標左鍵輸入該按鈕的名稱，如以下列圖所示。按鈕的屬性可參照的相關(guān)設(shè)定。0控件對齊在畫布中按住鼠標左鍵，將所需要對齊的控件全部拉到藍色框中，然后在畫布上面的菜單中，會出現(xiàn)一個對齊下拉框，點開然后所需要的對齊方式。3.6.3屬性設(shè)置畫布的屬性通常我們?yōu)榱司庉嫵龅捻撁娓用烙^，需要添加背風光背景圖片或者調(diào)整頁面區(qū)域的大小，這時候我們就會用到畫布的屬性了，畫布的屬性設(shè)置就在多比平臺主界面的右側(cè)，如以下列圖所示?？丶膶傩远啾绕脚_的控件也是有屬性可編輯的，鼠標點擊我們想要設(shè)置的控件，然后你會看到在畫布的右側(cè)出現(xiàn)了該控件的組件配置窗口，我們點開其中的屬性設(shè)置這個下拉框，然后就會顯示出改控件的所有屬性設(shè)置了。3.6.4圖元操作圖片的加載畫布圖片選擇在組件配置窗口中，點擊其中的背景圖像地址中淺藍色的方框。當我們需要在畫布中放入圖片，這時我們就用到了圖片控件了。在畫布左下角的組件窗口中，選擇常用控件中的圖形控件，拖拽到畫布當中，點擊圖形控件，再點擊控件的左上角圖標，就會出現(xiàn)以下列圖所示的圖片選擇框了。圖片的上傳如果你想用自己的圖片來進展畫布的編輯，我們可以先進展上面步驟，然后在請選擇圖片路徑的窗口中點擊上傳圖片按鈕，會跳出本地文件瀏覽框，找到你所需要的圖片路徑，進展保存確認。不同狀態(tài)顯示不同的圖片此種功能常用于開關(guān)類型操作，下面進展舉例演示該如何具體操作。首先我們拖拽一個圖形控件到畫布中，然后點擊該控件常用選項中的圖像字典，將會跳出一個屬性編輯器，設(shè)置好標識和路徑后點擊應用更改保存設(shè)置，選擇當前圖像。當我們將控件綁定數(shù)據(jù)后，數(shù)據(jù)為1時則跳到我們設(shè)置的第一幅圖片。3.6.5根本形狀編輯控件樣式編輯點擊想要樣式編輯的控件，再點擊右上角的藍色箭頭，即可出現(xiàn)該控件的樣式編輯器，在其中你可以設(shè)置控件的顏色或字體或鼠標樣式等?？丶吙蛟O(shè)置控件邊框的設(shè)置是在上面步驟的根基上進展的，在樣式編輯器中找到邊框和邊框圓角屬性。點開邊框?qū)傩?，出現(xiàn)一個邊框編輯器，在其中我們可以設(shè)置邊框的線形和顏色以及邊框線條的粗細。而點開邊框的圓角屬性則出現(xiàn)邊框圓角編輯器，編輯器中的滑動條可設(shè)置控件圓角的大小?？丶伾奶畛淇丶伾畛溆袃煞N，一是填充一種顏色，二是填充多種顏色并且有漸變效果。第一種可在該控件的屬性中找到；第二種則在該控件的樣式編輯器中，點擊屬性中的漸變，將會出現(xiàn)漸變效果編輯器，我們可以分別設(shè)置控件中的每種顏色所占比率大小，以及漸變方式從左開場或者從上開場等等。3.6.6圖表編輯柱狀圖多比平臺的控件眾多，其中的圖表一類控件是我們統(tǒng)計數(shù)據(jù)時最常用的。在畫布的左下側(cè)的組件窗口中，點開圖表控件下拉框，如以下列圖所示。由于圖表控件眾多，下面就只舉例演示一個，我們將2維柱形圖控件拉到畫布中，點擊控件右上角藍色箭頭，跳出一個圖表配置器，下面就是我們所要講解的圖表三大屬性。圖表屬性點開圖表屬性文件夾，選擇其中的標題名稱屬性，例如下面左圖所示。然后點擊圖表配置器中的數(shù)據(jù)菜單，再設(shè)置X軸的標簽，也可以自定義標簽的顏色，例如下面右圖所示，最后點擊應用按鈕對你的設(shè)置進展保存。數(shù)據(jù)屬性點擊圖表配置器中的數(shù)據(jù)屬性文件夾，下面我選擇其中的數(shù)據(jù)值裝飾屬性進展演示，如下面左圖所示，設(shè)置好后最后點擊應用，效果如下面右圖所示。其他屬性點擊圖表配置器中的其他屬性，其中有數(shù)字格式屬性設(shè)置和字體屬性設(shè)置，我們可以對圖表中的數(shù)字進展計量單位和精度等設(shè)置。3.6.7常用控件視頻控件將常用控件中的視頻控件拖拽到畫布中，點中該控件，在畫布左側(cè)顯示的屬性中，找到src屬性，下面是兩種添加視頻源方式：網(wǎng)絡(luò)視頻源：將網(wǎng)絡(luò)視頻源地址填入src屬性中；本地視頻源：首先我們將本地視頻資源放入多比平臺安裝包中的tomcat\webapps\visualizer\json路徑下，然后將運行平臺時的網(wǎng)址拷貝放入到src屬性中，將刪掉，改成visualizer/json/視頻名稱.視頻格式。歷史曲線控件拖拽常用控件中的歷史曲線控件到畫布中，然后將控件的長寬用鼠標拉大，運行后，點擊頂部的橫條，選擇所需查看的數(shù)據(jù)點歷史曲線，如以下列圖。選擇好數(shù)據(jù)點后，可以點擊如以下列圖紅色標志，進展時間段的選擇然后確定，點擊紅色標志后面的執(zhí)行按鈕，可以立刻在圖表中顯示出所查詢曲線，點擊標志，可以導出所查詢的數(shù)據(jù)點歷史數(shù)據(jù)。文字標簽在常用控件中拖拽一個文字標簽到畫布中，如以下列圖所示，選擇該控件，在右側(cè)屬性欄中點擊紅色標記處可以進展數(shù)據(jù)點綁定，其他常用屬性設(shè)置有文字顏色、背景顏色、字號、字體，水平對齊方式為文字在標簽框中的左右對齊，垂直對齊方式為上下對齊。屬性設(shè)置欄，數(shù)值精度屬性可設(shè)置顯示到數(shù)據(jù)小數(shù)點后多少位。去掉邊框的方法是：在邊框顏色屬性中將邊框顏色設(shè)置成透明即可。數(shù)字輸入框在常用控件中拖拽一個數(shù)字輸入框到畫布中，如以下列圖所示，選中該控件，在右側(cè)屬性欄中點擊紅色標記處可以進展數(shù)據(jù)點綁定。屬性設(shè)置欄，數(shù)值精度屬性可設(shè)置顯示到數(shù)據(jù)小數(shù)點后多少位。選擇該控件，點擊藍色箭頭處彈出樣式編輯器，鼠標選中紅色框INPUT處，然后修改前風光可以改變數(shù)值顏色，修改背景顏色可改變數(shù)值框的填充顏色，同時也可以對字體，字號，字體粗細屬性進展設(shè)置。圖形控件圖形控件中的圖片上傳與加載在3.6.4圖元操作中有介紹，這里主要講圖形控件的幾種動畫設(shè)置。首先在常用控件中拖拽一個圖形控件到畫布中，選中該控件，在右側(cè)屬性欄中處點擊紅色標記處可以進展圖片的加載。如以下列圖所示，在該控件屬性欄中有這五種常用動畫效果，點擊對應的動畫效果后面的紅色標志，然后綁定開關(guān)量類型的數(shù)據(jù)點，即可監(jiān)控設(shè)備的運行停頓等狀態(tài)。開關(guān)控件點擊開關(guān)控件可直接控制設(shè)備開關(guān)狀態(tài)。在常用控件中拖拽一個開關(guān)控件到畫布中，如以下列圖所示，選中該控件，點擊〔紅色1〕處的屬性按鈕，點擊〔紅色2〕處的函數(shù)調(diào)用，然后點擊〔紅色3〕處的反向控制，再在〔紅色4〕處選擇需要控制的數(shù)據(jù)點，點開寫入值處，在列表中找到當前頁面目錄下的該開關(guān)控件名稱，再然后點開它，找到其中的getOnoff()并鼠標點擊它，最后點擊〔紅色6〕處確實定。如果你對開關(guān)控件的圖標不滿意，可以在該控件的右側(cè)屬性中，找到“onsrc〞和“offsrc〞這兩個屬性，分別點擊以下列圖紅色圓標志處，加載你自己喜歡的開關(guān)兩種狀態(tài)圖片，可進展對開關(guān)狀態(tài)的圖片修改替換掉。進度條〔液位顯示〕在常用控件中拖拽一個進度條控件到畫布中，如以下列圖所示，選中該控件，在控件值屬性的紅色標記處綁定數(shù)據(jù)點。標題模板屬性可添加進度條數(shù)值后面的尾綴；類型屬性可設(shè)置進度條橫向顯示或垂直顯示；進度條顏色屬性可設(shè)置該控件的填充顯示顏色。高級按鈕控件高級按鈕控件一般用于點擊事件或者控制開關(guān)量數(shù)據(jù)點。在常用控件中拖拽一個高級按鈕控件到畫布中，如以下列圖所示，選中該控件在右側(cè)標題文字屬性處可修改按鈕中的文字。點擊樣式編輯器屬性，選中“<>CAPTION〞，然后在前風光處可修改文字的顏色，以及其他字號、字體加粗等屬性。接下來是事件的編輯方法，以下列圖是點擊按鈕跳轉(zhuǎn)頁面的方法，點擊〔紅色1〕處按鈕，然后選中〔紅色2〕處所需跳轉(zhuǎn)的畫面，點擊〔紅色3〕處的切換到頁面，最后點擊〔紅色4〕處確實認按鈕。高級按鈕控件也可用來做開關(guān)使用，如以下列圖所示，拖拽兩個高級按鈕，分別為開和關(guān)，開的按鈕設(shè)置方法按照以下列圖紅色標記12345步驟進展；關(guān)的按鈕設(shè)置方法除了〔紅色4〕處改為0外，其他設(shè)置步驟和開按鈕一樣。3.6.8畫布的相關(guān)設(shè)置點擊處，我們會看到一個下拉框，在下拉框中我們可以調(diào)節(jié)適合自己電腦分辨率的畫布大小。如果下拉框沒有符合自己想要的分辨率，也可以通過修改畫布右側(cè)屬性欄中的畫布高和畫布寬屬性。同時在右側(cè)屬性欄中也可對畫布的背景顏色、背景圖像以及背景圖重復進展設(shè)置。3.6.9彈出窗口和懸浮窗口彈出窗口：下面我舉例用容器控件作為窗口，圖形控件作為觸發(fā)控件，當點擊圖形控件時彈出容器。首先將容器控件和圖形控件拖拽到畫布中，容器控件設(shè)置好了后，將其屬性欄中的設(shè)置成hidden，使容器隱藏起來。然后再對圖形控件做如下紅色標記1234處點擊步驟操作，操作完成后可保存畫布并運行看看其效果。懸浮窗口：下面我舉例還是用容器控件作為窗口，圖形控件作為觸發(fā)控件，當鼠標懸浮在圖形控件時彈出容器。首先將容器控件和圖形控件拖拽到畫布中，容器控件設(shè)置好了后，將其屬性欄中的設(shè)置成hidden，使容器隱藏起來。如以下列圖所示，選中圖形控件，在右側(cè)事件響應欄中找到以下列圖步驟1中“顯示懸停效果〞這一項，然后按照以下列圖紅色標記1234處點擊步驟操作，操作完成后可保存畫布并運行看看其效果。3.7腳本3.7.1腳本技術(shù)Web組態(tài)工具腳本采用Web上最流行的javascript腳本。《可視化平臺》提供了專門的腳本編輯器。腳本中可以直接用賦值的方式對系統(tǒng)變量進展讀寫操作。在腳本中，可以訪問組態(tài)畫面中的任何圖元，甚至是增加不同的圖元，并設(shè)置他們的屬性。3.7.2腳本運行管理在組態(tài)平臺的控制樹上的腳本管理項上點擊鼠標右鍵，可彈出【添加腳本】菜單，選中可以添加腳本。每一個腳本有一些根本屬性，重要的是設(shè)置運行方式。有周期運行和條件運行兩種方式。周期運行方式就是指腳本在設(shè)定的每一個周期執(zhí)行一次。條件運行，是指腳本只有在滿足設(shè)定的邏輯條件的時候才會運行。3.7.3腳本編輯器Web組態(tài)工具需要提供專門的腳本編輯器。用戶可以在組態(tài)頁面中選中某個腳本項，即可翻開腳本編輯器，同時會加載選中的腳本。腳本編輯器支持一些根本變量的自動完成功能。腳本編輯器支持語法高亮和語法檢查。3.8事件3.8.1事件編輯器點中控件，然后在畫布的右側(cè)組件配置窗口中，點開事件響應下拉框，出現(xiàn)眾多事件響應設(shè)置，每個事件的長條按鈕點擊后出現(xiàn)動作編輯器，點擊可以用代碼來編輯動作，點擊可刪除該事件之前所編輯的動作。動作配置列表在動作編輯器的左側(cè)有動作配置列表，點擊可以添加動作，可以移除一個動作，可以修改動作名，可以移除所有的動作。動作條件在動作編輯器的頂部，可選擇動作條件，最多可選擇三個動作條件。選擇目標配置動作除了動作條件可以配置動作外，還可以選擇在編輯器中選擇控件來配置動作，在動作編輯器中的選擇目標下找到你想要操控的其他控件名字，再進展選擇動作配置動作。3.8.2組件事件監(jiān)視器組件事件監(jiān)視器也是一種告警，用于管理單個或多個數(shù)據(jù)點告警，當這些數(shù)據(jù)點告警到達某種條件時而觸發(fā)的告警。如以下列圖所示，在工具菜單中選擇組合事件監(jiān)視器，點擊標志添加一個監(jiān)視器，輸出編號是自動生成，自定義名稱和報警等級。在最底下的事件類型中，將顯示出所有已設(shè)置告警的數(shù)據(jù)點，鼠標點開其中的數(shù)據(jù)點，會顯示該數(shù)據(jù)點的告警條件，以及P字母開頭的數(shù)據(jù)點告警編號。回到條件文本框中，編輯告警編號之間的條件，有三種條件：“&&〞代表與、“||〞代表或，“!〞代表否，如以下列圖所示中的“P2&&P3〞的含義是：當P2與P3都出現(xiàn)告警時彈出監(jiān)視器。點擊標志可對編輯好的條件進展測試，看是否條件檢驗正確，最后點擊進展保存該監(jiān)視器，則刪除該編輯器。3.8.3定時事件分組定時事件分組是用來監(jiān)控某個時間段的告警信息。選擇工具菜單中的定時事件分組，點擊標志添加一個定時事件，輸出編號自動生成，別名、報警等級、定時類型自定義，選擇所需的啟動時間和完畢時間，也就是某個時間到某個時間的告警監(jiān)控，如果這個事件段出現(xiàn)告警，則出現(xiàn)定時事件告警，同時也方便了在運行時告警信息查詢分組搜索，最后點擊進展保存。3.8.4事件處理器3.9告警3.9.1告警設(shè)置當我們需要監(jiān)控一個數(shù)據(jù)點在到達某種情況下進展報警提示時，就要用到了報警功能。首先我們在需要監(jiān)控的數(shù)據(jù)點中點擊標志。在彈出的高級監(jiān)視器框中，選擇告警類型，然后點擊圖標進展添加。下面是我演示的一個最大值超過80時候的報警，告警標題填寫自己需要的告警提示信息，編輯好了告警后，點擊標志來保存，刪掉報警的話點擊標志。3.9.2告警推送郵件和短信功能多比支持告警信息推送功能，點擊工具菜單下的用戶管理項，選擇所需要發(fā)送的用戶，填寫需要發(fā)送的目標郵件地址和手機號，如以下列圖所示，發(fā)送告警短信