数据实时通信与可视化系统的设计与实现

Design and Implementation of Data Real-time Communication and Visualization System

为了将冗杂的工业数据用逻辑化的图形展现出来,该文提出了一种基于HTML5与WebSocket数据实时通信的可视化系统。首先提出的可视化系统是在C#控制台程序的基础上建立WebSocket全双工通信通道,继而借助此通道实现了SQL Server数据库与浏览器的实时数据交互,最后将实时数据发送给Echarts进行绘制和渲染。在漏水监测的项目中应用此可视化系统的结果分析可知,所采用的WebSocket实时通信技术相比于传统通信技术具有更高的稳定性、数据交互实时性,且能有效地减小带宽、节省服务器资源等;所设计数据可视化系统能直观地反映采集的工业数据特性,可视化效果好,实用性强。

In order to display the complex industrial data with logical graphics,a visualization system based on HTML5 and WebSocket data real-time communication is proposed. The first visualization system proposed is to establish a WebSocket full-duplex communication channel based on the C# console program,and then use this channel to realize the real-time data interaction between the SQL Server database and the browser,and finally send the real-time data to Echarts for drawing and rendering. The analysis of the results of applying this visualization system in the water leakage monitoring project shows that the WebSocket real-time communication technology used has higher stability and real-time data interaction than traditional communication technologies,and can effectively reduce bandwidth and save servers resources,etc. The data visualization system designed can intuitively reflect the characteristics of the collected industrial data,with good visualization effects and strong practicability.