CN111880892A - SVG technology-based method for monitoring industrial data in real time - Google Patents
SVG technology-based method for monitoring industrial data in real time Download PDFInfo
- Publication number
- CN111880892A CN111880892A CN202010544747.9A CN202010544747A CN111880892A CN 111880892 A CN111880892 A CN 111880892A CN 202010544747 A CN202010544747 A CN 202010544747A CN 111880892 A CN111880892 A CN 111880892A
- Authority
- CN
- China
- Prior art keywords
- svg
- script
- data
- custom
- real time
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 35
- 238000012544 monitoring process Methods 0.000 title claims abstract description 33
- 238000005516 engineering process Methods 0.000 title claims abstract description 23
- 230000009471 action Effects 0.000 claims abstract description 8
- 230000008569 process Effects 0.000 claims abstract description 7
- 125000004122 cyclic group Chemical group 0.000 claims 1
- 238000006243 chemical reaction Methods 0.000 abstract description 5
- 238000003860 storage Methods 0.000 description 8
- 238000004806 packaging method and process Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 4
- 230000008901 benefit Effects 0.000 description 3
- 238000009434 installation Methods 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 238000004422 calculation algorithm Methods 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000010248 power generation Methods 0.000 description 2
- 230000004075 alteration Effects 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000008846 dynamic interplay Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000009776 industrial production Methods 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000005259 measurement Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000007935 neutral effect Effects 0.000 description 1
- 230000008520 organization Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000013519 translation Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/455—Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines
- G06F9/45504—Abstract machines for programme code execution, e.g. Java virtual machine [JVM], interpreters, emulators
- G06F9/45529—Embedded in an application, e.g. JavaScript in a Web browser
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/76—Adapting program code to run in a different environment; Porting
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
- Debugging And Monitoring (AREA)
Abstract
A method for monitoring industrial data in real time based on SVG technology comprises the following steps: drawing a process flow monitoring picture by using SVG drawing software, compiling a custom JS script corresponding to the monitoring picture, and associating an SVG graphic file with a custom JS script file; the front end initiates a network request, loads an SVG graphic file, and adds a custom js script into a webpage; establishing a page object through a js script, adding an element object in the page object according to the content of the SVG graphic file, establishing the structure of the element object, requesting data to a background, assigning values to corresponding attributes of the element object, and finishing page data display; and regularly requesting real-time data from a background, refreshing a page observation point value, running a custom js script, and executing a logic action required by a user. The invention adopts the SVG graphics technology, and solves the problems that the graphics format is not universal, the picture data is not open, and the conversion and the reuse cannot be realized in the prior art. And js package script can be run in embedded H5 web page form without downloading browser controls/plug-ins.
Description
Technical Field
The invention belongs to the technical field of industrial production intelligent manufacturing, and particularly relates to a method for monitoring industrial data in real time based on an SVG (scalable vector graphics) technology.
Background
The existing remote real-time online monitoring system generally adopts a B/S framework, and a client is a web browser, so that the system provides great flexibility and openness for users and is convenient for system expansion, maintenance and management. The real-time picture monitoring is mainly realized by two modes of an ActiveX control or a JavaApplet technology at present, and the effects of picture display and data dynamic change are realized by downloading and installing and operating the ActiveX control/Applet through a browser. The method has the advantages that the ActiveX control/Applet runs in the browser in a binary mode, and the efficiency is high.
The above technical solution for real-time picture monitoring can well solve the real-time monitoring requirement of the remote web side, but has some disadvantages: firstly, the graphic format is not universal, the picture data is not open, and the conversion and the multiplexing cannot be realized; secondly, due to the difference of browsers, plug-ins are often downloaded and installed to cause incompatibility; thirdly, with the increase of the current mobile office demands, the development of the real-time picture monitoring function based on the mobile terminal is imperative, and the mobile terminal development can not be based on the existing Web terminal browser plug-in.
Disclosure of Invention
In view of the above, the present invention provides a method for real-time monitoring of industrial data based on SVG technology that overcomes or at least partially solves the above mentioned problems.
A method for monitoring industrial data in real time based on SVG technology comprises the following steps:
s100, drawing a process flow monitoring picture by using SVG drawing software, compiling a custom JS script corresponding to the monitoring picture, and associating an SVG graphic file with a custom JS script file;
s200, a front end initiates a network request, an SVG graphic file is loaded, and a custom js script is added into a webpage;
s300, establishing a page object through a js script, adding an element object into the page object according to the content of the SVG graphic file, establishing the structure of the element object, requesting data from a background, assigning values to corresponding attributes of the element object, and finishing page data display;
s400, regularly requesting real-time data from a background, refreshing a page observation point value, running a custom js script, and executing logic actions required by a user.
Further, in S100, the SVG graphic file is associated with the custom JS script file by modifying the drawn SVG picture to be consistent with the custom JS script file name.
Further, the SVG graphic file realizes the display and the scaling of the SVG graphic picture in the form of an embedded H5 webpage.
Further, in S400, a circular data refresh and a script run are realized by the timer.
Further, in S300, data is requested from the background, and a data request is performed in an asynchronous request manner.
Furthermore, the encapsulated js code uses a common interface compatible with each browser engine, so that the encapsulated js code is compatible with different system browsers.
Further, in S400, a logic action required by the user is executed, including displaying and hiding and color changing operations on the device or the observation data point.
Furthermore, after the color-changing device or the observation data point is clicked, the page jumps, and the history curve, the maximum value, the minimum value, the average value and the real-time value of the device or the observation data point can be checked by the jumping page.
Further, the js package script can be run on a WEB side and can also be run on a mobile side.
The invention has the beneficial effects that:
the invention discloses a method for monitoring industrial data in real time based on an SVG technology, which adopts the SVG graphic technology to correspondingly associate a drawn SVG picture and a custom JS script by the same name, and solves the problems that the graphic format is not universal, the picture data is not open, and the conversion and the reuse cannot be realized in the prior art. The js packaging script of the invention can be run in the form of an embedded H5 webpage without downloading browser controls/plug-ins. Moreover, the js packaging script can run on a WEB side and a mobile side, and is compatible with various mobile devices of an IOS and an Android system. The mobile terminal can be realized by lightweight application such as a WeChat applet and the like, and can be started and used without downloading and installation.
Additional features and advantages of the invention will be set forth in the description which follows, and in part will be obvious from the description, or may be learned by practice of the invention. The objectives and other advantages of the invention will be realized and attained by the structure particularly pointed out in the written description and claims hereof as well as the appended drawings.
The technical solution of the present invention is further described in detail by the accompanying drawings and embodiments.
Drawings
The accompanying drawings, which are included to provide a further understanding of the invention and are incorporated in and constitute a part of this specification, illustrate embodiments of the invention and together with the description serve to explain the principles of the invention and not to limit the invention. In the drawings:
fig. 1 is a flowchart of a method for monitoring industrial data in real time based on SVG technology in embodiment 1 of the present invention;
FIG. 2 is a real-time monitoring picture of a gas power generation project applying the method in embodiment 1 of the present invention;
fig. 3 is a picture of historical data of an observation point of an adjusting valve in embodiment 1 of the present invention.
Detailed Description
Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art.
Example 1
The embodiment discloses a method for monitoring industrial data in real time based on SVG technology, which comprises the following steps:
s100, drawing a process flow monitoring picture by using SVG drawing software, compiling a custom JS script corresponding to the monitoring picture, and associating an SVG graphic file with a custom JS script file.
Specifically, SVG, i.e., scalable vector graphics, is a part of the published HTML5 standard established by the W3C organization, and describes two-dimensional vector graphics using XML. The SVG can be used for displaying high-quality vector graphics on a browser page and carrying out common processing operations such as graphics, text, animation, translation zooming and the like. The method can support the interaction between a user and a graph, and the SVG graph unit calls a corresponding Js script by responding to messages of a keyboard and a mouse.
SVG uses text and strictly follows XML syntax to describe vector graphic information, and the graphic storage file is small, thus being beneficial to storage on a server and realizing quick response at the Web front end. The SVG file has the description information of the unit graph, can conveniently carry out detailed retrieval and selection, and has the characteristic of dynamic interaction. Meanwhile, the specification is open and neutral, drawing and editing of a process automatic control flow chart can be carried out, and subsequent format conversion and multiplexing are very convenient. In this embodiment, the SVG drawing software may be Adobe Illustrator, svg.js, Inkscape, Vector, snap.svg, and the like, which is not limited in this embodiment.
In some preferred embodiments, the SVG graphics file is associated with the custom JS script file by modifying the rendered SVG picture to be consistent with the custom JS script file name.
S200, a network request initiated by a front end loads an SVG graphic file, and adds a custom js script into a webpage; in the embodiment, the SVG graphic file realizes the display and the scaling of the SVG graphic picture in the form of an embedded H5 webpage. And when reading the SVG graphic file, correspondingly loading a custom js script.
S300, establishing a page object through a js script, adding an element object in the page object according to the content of the SVG graphic file, establishing the structure of the element object, requesting data from a background, assigning values to corresponding attributes of the element object, and finishing page data display.
In this embodiment, in order to avoid missing picture elements due to incomplete network delay data acquisition, an asynchronous request mode is adopted to request data from a background, so as to ensure that complete data is acquired.
In this embodiment, the encapsulated js code uses a common interface compatible with each browser engine, so that the encapsulated js code is compatible with different system browsers. The js packaging script can be operated at a WEB end and can also be operated at a mobile end. When the js packaging script runs on a mobile terminal, various mobile devices of an IOS and an Android system can be compatible. The mobile terminal can be realized by lightweight application such as a WeChat applet and the like, and can be started and used without downloading and installation.
S400, regularly requesting real-time data from a background, refreshing a page point value, running a custom js script, and executing logic actions required by a user. Specifically, the logic action required by the user is executed, including displaying and hiding, changing color and the like on the device or the observation data point.
In some preferred embodiments, when the device or the observation data point changes color and the color-changed device or the observation data point is clicked, the page jumps, and the jump page can look at the historical curve, the maximum value, the minimum value, the average value and the real-time value of the device or the observation data point.
In some embodiments, the circular data refresh and script run are implemented by a timer. And starting data refreshing through the js packaging script, periodically requesting real-time data, running a self-defined js script after refreshing the page measurement value, and executing logic actions such as displaying and hiding, color changing and the like.
For better understanding of the embodiment, for example, when the method is applied to a gas power generation project, as shown in fig. 2 and 3, a background configurator draws an SVG picture of a boiler system, writes a custom JS script, and associates an SVG graphic file with the custom JS script file. The front end initiates a network request, loads an SVG graphic file, and adds a custom js script into a webpage; and establishing a page object through the js script, adding an element object in the page object according to the content of the SVG graphic file, establishing the structure of the element object, requesting data from a background, assigning values to corresponding attributes of the element object, and finishing page data display. After the data are uploaded and released at a background management end, the WeChat small program monitoring picture can normally display equipment data, the data are refreshed in real time at intervals of seconds, the zooming and page clicking interaction functions are realized, a color changing device or an observation data point is clicked, and a page can be skipped to view a historical curve, a maximum value, a minimum value, an average value and a real-time value of a measuring point. The invention supports the inquiry of single-point historical data and realizes a remote mobile office mode which is free from downloading and can be used at any time.
According to the method for monitoring industrial data in real time based on the SVG technology, the SVG graphic technology is adopted, the drawn SVG picture and the customized JS script are correspondingly associated through the same name, and the problems that the graphic format is not universal, the picture data is not open, and the conversion and multiplexing cannot be achieved in the prior art are solved. The js packaging script of the invention can be run in the form of an embedded H5 webpage without downloading browser controls/plug-ins. Moreover, the js packaging script can run on a WEB side and a mobile side, and is compatible with various mobile devices of an IOS and an Android system. The mobile terminal can be realized by lightweight application such as a WeChat applet and the like, and can be started and used without downloading and installation.
It should be understood that the specific order or hierarchy of steps in the processes disclosed is an example of exemplary approaches. Based upon design preferences, it is understood that the specific order or hierarchy of steps in the processes may be rearranged without departing from the scope of the present disclosure. The accompanying method claims present elements of the various steps in a sample order, and are not intended to be limited to the specific order or hierarchy presented.
Those of skill would further appreciate that the various illustrative logical blocks, modules, circuits, and algorithm steps described in connection with the embodiments disclosed herein may be implemented as electronic hardware, computer software, or combinations of both. To clearly illustrate this interchangeability of hardware and software, various illustrative components, blocks, modules, circuits, and steps have been described above generally in terms of their functionality. Whether such functionality is implemented as hardware or software depends upon the particular application and design constraints imposed on the overall system. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present disclosure.
The steps of a method or algorithm described in connection with the embodiments disclosed herein may be embodied directly in hardware, in a software module executed by a processor, or in a combination of the two. A software module may reside in RAM memory, flash memory, ROM memory, EPROM memory, EEPROM memory, registers, hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art. An exemplary storage medium is coupled to the processor such the processor can read information from, and write information to, the storage medium. Of course, the storage medium may also be integral to the processor. The processor and the storage medium may reside in an ASIC. The ASIC may reside in a user terminal. Of course, the processor and the storage medium may reside as discrete components in a user terminal.
For a software implementation, the techniques described herein may be implemented with modules (e.g., procedures, functions, and so on) that perform the functions described herein. The software codes may be stored in memory units and executed by processors. The memory unit may be implemented within the processor or external to the processor, in which case it can be communicatively coupled to the processor via various means as is known in the art.
What has been described above includes examples of one or more embodiments. It is, of course, not possible to describe every conceivable combination of components or methodologies for purposes of describing the aforementioned embodiments, but one of ordinary skill in the art may recognize that many further combinations and permutations of various embodiments are possible. Accordingly, the embodiments described herein are intended to embrace all such alterations, modifications and variations that fall within the scope of the appended claims. Furthermore, to the extent that the term "includes" is used in either the detailed description or the claims, such term is intended to be inclusive in a manner similar to the term "comprising" as "comprising" is interpreted when employed as a transitional word in a claim. Furthermore, any use of the term "or" in the specification of the claims is intended to mean a "non-exclusive or".
Claims (9)
1. A method for monitoring industrial data in real time based on SVG technology is characterized by comprising the following steps:
s100, drawing a process flow monitoring picture by using SVG drawing software, compiling a custom JS script corresponding to the monitoring picture, and associating an SVG graphic file with a custom JS script file;
s200, a front end initiates a network request, an SVG graphic file is loaded, and a custom js script is added into a webpage;
s300, establishing a page object through a js script, adding an element object into the page object according to the content of the SVG graphic file, establishing the structure of the element object, requesting data from a background, assigning values to corresponding attributes of the element object, and finishing page data display;
s400, regularly requesting real-time data from a background, refreshing a page observation point value, running a custom js script, and executing logic actions required by a user.
2. The method for monitoring industrial data in real time based on SVG technology according to claim 1, wherein in S100, the SVG graphic file is associated with the custom JS script file by modifying the rendered SVG picture in conformity with the custom JS script file name.
3. The method for monitoring industrial data in real time based on the SVG technology as claimed in claim 1, wherein the SVG graphic file realizes the display and scaling of the SVG graphic picture through the form of an embedded H5 web page.
4. The method for monitoring industrial data in real time based on the SVG technology as claimed in claim 1, wherein in S400, the cyclic data refresh and the script run are implemented by a timer.
5. The method for monitoring industrial data in real time based on SVG technology as claimed in claim 1, wherein in S300, data is requested to the background, and the data request is made in an asynchronous request manner.
6. The method for monitoring industrial data in real time based on SVG technology as claimed in claim 1, wherein the encapsulated js code is compatible with different system browsers using a common interface compatible with each browser engine.
7. The method for monitoring industrial data in real time based on the SVG technology as claimed in claim 1, wherein in S400, logic actions required by the user are performed, including highlighting and changing color of the device or observation data points.
8. The method for monitoring industrial data in real time based on SVG technology as claimed in claim 7, wherein clicking on the discolored device or observation data point, the page jumps, which can look at the device or observation data point history, maximum, minimum, average and real time values.
9. The method for monitoring industrial data in real time based on the SVG technology as claimed in claim 1, wherein the js package script is executed on WEB side or mobile side.
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010544747.9A CN111880892A (en) | 2020-06-15 | 2020-06-15 | SVG technology-based method for monitoring industrial data in real time |
PCT/CN2021/099372 WO2021254246A1 (en) | 2020-06-15 | 2021-06-10 | Svg technology-based method for real-time monitoring of industrial data |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010544747.9A CN111880892A (en) | 2020-06-15 | 2020-06-15 | SVG technology-based method for monitoring industrial data in real time |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111880892A true CN111880892A (en) | 2020-11-03 |
Family
ID=73157553
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010544747.9A Pending CN111880892A (en) | 2020-06-15 | 2020-06-15 | SVG technology-based method for monitoring industrial data in real time |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN111880892A (en) |
WO (1) | WO2021254246A1 (en) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2021254246A1 (en) * | 2020-06-15 | 2021-12-23 | 中冶南方都市环保工程技术股份有限公司 | Svg technology-based method for real-time monitoring of industrial data |
CN114419197A (en) * | 2021-12-15 | 2022-04-29 | 北京力控元通科技有限公司 | SVG-based function definition system, method and computer equipment |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114895891A (en) * | 2022-04-13 | 2022-08-12 | 北京广利核系统工程有限公司 | Graphic software processing method and device, electronic equipment and storage medium |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104951996A (en) * | 2015-05-21 | 2015-09-30 | 北京科东电力控制系统有限责任公司 | Power distribution network operation monitoring method based on scalable vector graphics |
CN105607799A (en) * | 2015-12-15 | 2016-05-25 | 深圳市永兴元科技有限公司 | Data processing method and apparatus |
CN107832460A (en) * | 2017-11-28 | 2018-03-23 | 航天天绘科技有限公司 | The graphical page control method of real-time display Satellite TT data based on SVG |
CN108089857A (en) * | 2017-12-05 | 2018-05-29 | 广东雅达电子股份有限公司 | A kind of industry web monitors the generation method of the page in real time |
CN108259187A (en) * | 2016-12-28 | 2018-07-06 | 腾讯科技(深圳)有限公司 | The monitoring method and device of charging network |
CN109144508A (en) * | 2018-07-23 | 2019-01-04 | 北京科东电力控制系统有限责任公司 | It generates, the method and device of customization alarm picture |
CN110134841A (en) * | 2018-02-09 | 2019-08-16 | 鼎复数据科技(北京)有限公司 | The customized real-time method for obtaining website data |
CN110413681A (en) * | 2019-08-01 | 2019-11-05 | 上海胜泰信息技术有限公司 | A Web end group is in the visualized data processing method of big data technology |
CN110456738A (en) * | 2018-05-07 | 2019-11-15 | 华中科技大学 | Monitoring system and its monitoring method |
CN110519125A (en) * | 2019-08-29 | 2019-11-29 | 桂林电子科技大学 | A kind of deformation visualization real-time monitoring early warning system based on web |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP5955081B2 (en) * | 2012-04-25 | 2016-07-20 | 新日鉄住金エンジニアリング株式会社 | Plant remote monitoring device |
CN106570185B (en) * | 2016-11-10 | 2020-02-04 | 广西大学 | Cross-platform display method for graphs of power system |
CN110109423B (en) * | 2019-03-20 | 2021-05-25 | 北京中水科水电科技开发有限公司 | Water power plant real-time data monitoring system based on Html5 technology |
CN111880892A (en) * | 2020-06-15 | 2020-11-03 | 中冶南方都市环保工程技术股份有限公司 | SVG technology-based method for monitoring industrial data in real time |
-
2020
- 2020-06-15 CN CN202010544747.9A patent/CN111880892A/en active Pending
-
2021
- 2021-06-10 WO PCT/CN2021/099372 patent/WO2021254246A1/en active Application Filing
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104951996A (en) * | 2015-05-21 | 2015-09-30 | 北京科东电力控制系统有限责任公司 | Power distribution network operation monitoring method based on scalable vector graphics |
CN105607799A (en) * | 2015-12-15 | 2016-05-25 | 深圳市永兴元科技有限公司 | Data processing method and apparatus |
CN108259187A (en) * | 2016-12-28 | 2018-07-06 | 腾讯科技(深圳)有限公司 | The monitoring method and device of charging network |
CN107832460A (en) * | 2017-11-28 | 2018-03-23 | 航天天绘科技有限公司 | The graphical page control method of real-time display Satellite TT data based on SVG |
CN108089857A (en) * | 2017-12-05 | 2018-05-29 | 广东雅达电子股份有限公司 | A kind of industry web monitors the generation method of the page in real time |
CN110134841A (en) * | 2018-02-09 | 2019-08-16 | 鼎复数据科技(北京)有限公司 | The customized real-time method for obtaining website data |
CN110456738A (en) * | 2018-05-07 | 2019-11-15 | 华中科技大学 | Monitoring system and its monitoring method |
CN109144508A (en) * | 2018-07-23 | 2019-01-04 | 北京科东电力控制系统有限责任公司 | It generates, the method and device of customization alarm picture |
CN110413681A (en) * | 2019-08-01 | 2019-11-05 | 上海胜泰信息技术有限公司 | A Web end group is in the visualized data processing method of big data technology |
CN110519125A (en) * | 2019-08-29 | 2019-11-29 | 桂林电子科技大学 | A kind of deformation visualization real-time monitoring early warning system based on web |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2021254246A1 (en) * | 2020-06-15 | 2021-12-23 | 中冶南方都市环保工程技术股份有限公司 | Svg technology-based method for real-time monitoring of industrial data |
CN114419197A (en) * | 2021-12-15 | 2022-04-29 | 北京力控元通科技有限公司 | SVG-based function definition system, method and computer equipment |
Also Published As
Publication number | Publication date |
---|---|
WO2021254246A1 (en) | 2021-12-23 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111880892A (en) | SVG technology-based method for monitoring industrial data in real time | |
JP6797877B2 (en) | How to implement web applications, devices, servers, and systems | |
US7870482B2 (en) | Web browser extension for simplified utilization of web services | |
CN109725897A (en) | Software customized methods, devices and systems, terminal | |
US20150095811A1 (en) | Context aware user interface parts | |
CN112087454A (en) | Communication method, device, equipment and storage medium of Internet of things gateway equipment | |
CN111897553B (en) | Project system building method, device, equipment and readable storage medium | |
CN102200994A (en) | Method and apparatus to access process data stored in server | |
US11644810B2 (en) | Hybrid rendering HMI terminal device | |
CN107122398B (en) | Data display chart generation method and system | |
CN101957756A (en) | System and method for rapidly generating intelligent mobile terminal program | |
CN113918195A (en) | Application interface updating method and device, electronic equipment and readable storage medium | |
CN113486280A (en) | Page rendering display method, device, equipment, storage medium and program product | |
CN108319474B (en) | Page information generation method, device and equipment | |
CN112905944B (en) | Page online dynamic generation method and device, electronic equipment and readable storage medium | |
US20210191356A1 (en) | Process line hmi system | |
CN105930166A (en) | Method based on WEB interface pop-up layers | |
CN103200266B (en) | To method, network applications manager and system that network application manages | |
CN107436927B (en) | Application method and system of UI component | |
CN114003224A (en) | Method for realizing low-code platform based on taro | |
CN113934959B (en) | Program preview method and device, computer equipment and storage medium | |
CN111488152B (en) | Application program page previewing method, related device and system | |
CN108447108A (en) | Pier facilities monitored picture analysis system and method | |
CN113849164A (en) | Data processing method and device, electronic equipment and memory | |
KR102150545B1 (en) | Apparatus, method and computer-readable medium for development web application |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |