SVG TECHNOLOGY-BASED METHOD FOR REAL-TIME MONITORING OF INDUSTRIAL DATA

摘要

An SVG technology-based method for real-time monitoring of industrial data, comprising: plotting a process flow monitoring picture by using SVG plotting software, writing custom JS scripts corresponding to the monitoring picture, and associating an SVG file with a custom JS script file; a front end initiating a network request, loading the SVG file, and adding the custom JS scripts into a webpage; establishing a page object by means of the JS scripts, adding an element object into the page object according to the content of the SVG file, requesting data from a backend after establishing the structure of the element object, assigning values to respective attributes of the element object, and completing the display of page data; and periodically requesting real-time data from the backend, running the custom JS scripts after updating a page observation point value, and performing a logical action required by a user. The present invention uses the SVG technology to solve the problems in the prior art that the graphics format is not universal, picture data is not open, and conversion and multiplexing cannot be performed. Furthermore, the JS packaged scripts can run in the form of an embedded H5 webpage, without downloading a browser control/plug-in.