能：

• UI界面
• 動態改變顯示內容的角度

Node-RED界面：

UI畫面：

資源地址：han-link.cn/4946.html

#機械#

據可視化已成為數據展示與分析領域非常重要的工具。由多種圖表、3D圖形組成的大屏能夠幫助用戶非常直觀簡潔地了解數據。在物聯網環境下,用戶在制作數據展示大屏時,對數據可視化工具提出了更高的要求,例如能夠展示3D組件、靈活的圖層結構、支持多種數據源、實時的數據更新、圖形層次的任意可復用等。

浪潮海岳智能物聯網平臺面向物聯網領域的數據可視化需求，推出全新版本的云組態設計器，這是一款基于Web技術架構的在線組態開發工具，其設計交互方式更加直觀易用，與PPT的操作體驗相似，極大地降低了用戶的學習曲線。提供統一的數據集管理能力，數據響應更快捷。設計器通過賦值頁面變量等技術，提供了更加豐富多樣的交互效果，包括顯隱控制、數據篩選、條件過濾、頁面跳轉和Tab頁切換、數據動態綁定、視頻彈出等。此外，工具原生支持2.5D和3D模型渲染，支持第一視角瀏覽模型，支持拾取模型元素進行標注等功能。新版設計器這不僅提升了數據可視化的深度和廣度，也使得設計過程更加流暢和高效。

新舊對比

新版云組態設計器在功能框架上進行了全面升級，與舊版本相比，主要帶來了以下變化：

新版特性

特性1：全新界面風格，操作更加便捷靈活

基于Farris Design 全新設計，對畫布操作進行了深度優化，包括拖拽、放縮、旋轉、成組等，同時豐富了快捷鍵功能，為用戶提供了更加流暢和直觀的設計體驗

特性2：數據源與組件解耦，實現數據集批流一體化管理

新版設計器將數據源與組件的分離，實現了數據源的統一管理和維護。通過統一數據集功能，實現了物聯網“流數據”與業務“批數據”不同節拍數據的融合和統一管理，簡化了開發流程，提高了數據管理的靈活性和效率。

特性3：多層次IoT儀表盤組件，滿足廣泛用戶需求

設計器不僅提供了支持表單配置化的儀表盤組件，以簡化業務用戶的數據展示需求，還提供了支持腳本配置的自定義圖表組件，以及全自由度的HTML組件，以適應實施用戶和二次開發用戶對靈活性和定制化的高要求。這種多層次的組件設計策略，確保了從業務展示到復雜應用開發的廣泛需求都能得到滿足。

業務用戶：對于業務用戶來說，他們通常需要快速地構建和部署業務應用，表單配置化儀表盤組件為他們提供了一種高效的方式來實現這一目標。業務開發用戶可以通過表單配置，快速搭建起儀表盤的布局和樣式，無需深入編碼細節。

實施用戶：針對具有一定編程基礎的實施用戶，我們提供了自由度更高的自定義圖表組件，以實現高度定制化的圖表展示。腳本配置的自定義圖表組件支持定制化開發，為他們提供了必要的靈活性，以滿足特定的業務需求。

二次開發用戶：對于二次開發用戶，他們往往需要在現有組件的基礎上進行深層次的定制和擴展。全自由度的HTML組件提供了幾乎無限的設計和開發空間。

• 自由度高：用戶可以使用HTML、CSS和JavaScript等前端技術，自由地設計和實現任何所需的組件和功能。
• 定制化界面：用戶可以完全根據業務需求定制界面，無論是布局、樣式還是用戶交互，都能達到最佳的設計效果。

特性4：豐富組件交互效果，實現復雜頁面設計

組件交互新增四類交互動作，為用戶提供了更豐富的交互設計選項，這些動作可以根據需求靈活組合，創造出無限可能的交互體驗。

新版本中，我們通過引入頁面變量重構了原有的組件協同工作模式。頁面變量這一媒介的引入，徹底打通了組件樣式、組件數據、頁面URL和數據源之間的數據壁壘，簡化了組件之間的通信機制。只需更改頁面變量值即可觸發一系列組件的智能聯動，實現組件樣式和數據的即時響應更新。

通過頁面變量，用戶可輕松配置和觸發復雜的交互邏輯，實現了更加流暢和智能的協同工作模式。這種創新的交互機制，讓組件之間的協作變得無縫而直觀，使界面更加智能地響應用戶操作和數據變化，極大地提升了用戶體驗和開發效率。

特性5：原生支持2.5D、3D模型渲染與數字孿生展現

新版本中，我們內置了多個原生2.5D組件，使得在工藝圖制作場景中，用戶可以輕松地通過拖拽和配置的方式，快速生成具有動態效果的2.5D組態圖。

設計器的三維模型組件支持能力也進行了全面升級，目前支持的三維模型文件格式增至7種。用戶可以自定義渲染材質和顏色、選擇線框模式來渲染模型，并且能夠設置模型的旋轉角度和位移坐標。此外，我們還提供了背景渲染、燈光配置、粒子效果設置等高級功能，以滿足不同場景的需求。

為了提升用戶體驗，我們還支持以第一視角瀏覽模型，實現更加沉浸式的觀看體驗。同時，提供了爆炸圖效果，以及拾取模型元素進行標注的功能。用戶還可以通過模型拾取實現高亮顯示，控制模型局部元素的顯隱，以及保存視角信息，以便日后快速恢復到特定的觀察角度。

結語

新版云組態設計器憑借其突破性的設計理念和全面的功能升級，帶來了一種創新的工業數據分析與展現解決方案。這款設計器不僅極大地提高了開發效率，降低了技術門檻，更通過簡化技術實現，結合其豐富的組件選擇、靈活的交互功能和用戶友好的操作界面，為不同領域的用戶帶來了個性化的數據可視化解決方案。

正的大師,永遠都懷著一顆學徒的心！

一、項目簡介

零代碼組態監控系統，輕松配置工況

二、實現功能

• 支持windows、linux，兼容性比較強

• 支持多種工業協議（Modbus TCP ，SNMP 、RTU、ASCII）

• 支持多種工業組態圖元，方便各種場景使用

• 支持對單個控件的屬性設置（顏色、位置等）

• 支持多界面操作

• 支持設備、圖形、圖標、箭頭、電力、管道、電機、風機、攪拌機等控件圖元

• 支持圖元的對齊、放大縮小、位移、前進、后退等
  

三、技術選型

• vue

• go
  

• html+css+js
  

四、界面展示

五、源碼地址

私信回復：組態