CN112817651A - Canvas-based graph generation method and Canvas-based graph generation system - Google Patents

Canvas-based graph generation method and Canvas-based graph generation system Download PDF

Info

Publication number
CN112817651A
CN112817651A CN202110049032.0A CN202110049032A CN112817651A CN 112817651 A CN112817651 A CN 112817651A CN 202110049032 A CN202110049032 A CN 202110049032A CN 112817651 A CN112817651 A CN 112817651A
Authority
CN
China
Prior art keywords
data
dynamic
configuration diagram
primitives
canvas
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
Application number
CN202110049032.0A
Other languages
Chinese (zh)
Inventor
雷鸣
万静
杨迎春
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Xuji Group Co Ltd
XJ Electric Co Ltd
Xuchang XJ Software Technology Co Ltd
Original Assignee
Xuji Group Co Ltd
XJ Electric Co Ltd
Xuchang XJ Software Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Xuji Group Co Ltd, XJ Electric Co Ltd, Xuchang XJ Software Technology Co Ltd filed Critical Xuji Group Co Ltd
Priority to CN202110049032.0A priority Critical patent/CN112817651A/en
Publication of CN112817651A publication Critical patent/CN112817651A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/445Program loading or initiating
    • G06F9/44521Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • G06F9/44526Plug-ins; Add-ons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • HELECTRICITY
    • H02GENERATION; CONVERSION OR DISTRIBUTION OF ELECTRIC POWER
    • H02JCIRCUIT ARRANGEMENTS OR SYSTEMS FOR SUPPLYING OR DISTRIBUTING ELECTRIC POWER; SYSTEMS FOR STORING ELECTRIC ENERGY
    • H02J13/00Circuit arrangements for providing remote indication of network conditions, e.g. an instantaneous record of the open or closed condition of each circuitbreaker in the network; Circuit arrangements for providing remote control of switching means in a power distribution network, e.g. switching in and out of current consumers by using a pulse code signal carried by the network
    • H02J13/00001Circuit arrangements for providing remote indication of network conditions, e.g. an instantaneous record of the open or closed condition of each circuitbreaker in the network; Circuit arrangements for providing remote control of switching means in a power distribution network, e.g. switching in and out of current consumers by using a pulse code signal carried by the network characterised by the display of information or by user interaction, e.g. supervisory control and data acquisition systems [SCADA] or graphical user interfaces [GUI]
    • YGENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y04INFORMATION OR COMMUNICATION TECHNOLOGIES HAVING AN IMPACT ON OTHER TECHNOLOGY AREAS
    • Y04SSYSTEMS INTEGRATING TECHNOLOGIES RELATED TO POWER NETWORK OPERATION, COMMUNICATION OR INFORMATION TECHNOLOGIES FOR IMPROVING THE ELECTRICAL POWER GENERATION, TRANSMISSION, DISTRIBUTION, MANAGEMENT OR USAGE, i.e. SMART GRIDS
    • Y04S10/00Systems supporting electrical power generation, transmission or distribution
    • Y04S10/40Display of information, e.g. of data or controls

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Power Engineering (AREA)
  • Processing Or Creating Images (AREA)

Abstract

The invention relates to a Canvas-based graph generation method and a Canvas-based graph generation system, wherein the method is used for drawing picture elements of an electrical configuration diagram based on Canvas to generate an electrical configuration diagram graph file, and generating a static configuration diagram and a dynamic configuration diagram by analyzing and rendering the electrical configuration diagram graph file.

Description

Canvas-based graph generation method and Canvas-based graph generation system
Technical Field
The invention relates to the technical field of power systems, in particular to a Canvas-based graph generation method and a Canvas-based graph generation system.
Background
With the rapid development of national economy, the scale of a power grid is continuously expanded, and a power system is more and more complex and intelligent, so that the requirements on a power production and dispatching monitoring system are higher and higher. The automatic power monitoring system is used for carrying out on-line detection, real-time fault analysis and processing, real-time control and scheduling of operation conditions and the like on power operation parameters, and plays an important role in the aspects of reliability, safety, economy, improvement of intelligent comprehensive management level of power and the like of power production and power distribution scheduling.
The configuration graphic system is a necessary subsystem of the electric power automatic monitoring system. The method simulates the object which is in the scene environment of the power system and is observed in a graphical mode, and establishes the information change relation between the object and the object, thereby forming a concise, visual and vivid graphical interface and a man-machine interaction interface such as the scene environment, an electric wiring diagram and the like.
Most of the existing graphic configuration systems in the field of power systems are of a C/S architecture, and the main disadvantages are that: the client needs to install special client software and running environment, an operating system can also have limitation, is only suitable for a local area network, does not support rapid generation and updating of pictures at a mobile terminal, does not support self-defined data and behaviors of a running state and the like.
Disclosure of Invention
Based on the above situation in the prior art, an object of the present invention is to provide a Web graph configuration system based on the HTML5 Canvas technology under the B/S architecture, which not only satisfies the basic electrical wiring diagram drawing and displaying and data query functions, but also has good system extensibility, configurability and compatibility.
In order to achieve the above object, according to an aspect of the present invention, there is provided a Canvas-based graph generating method, including the steps of:
drawing the picture elements of the electrical configuration diagram based on Canvas to generate an electrical configuration diagram graph file; analyzing the electrical configuration diagram graphic file to generate a static task object and a dynamic task object; performing static graphic rendering on the graphic element based on the static task object to generate a static configuration diagram;
and assigning values to related primitives in the dynamic task object, and finishing dynamic graphic rendering of the primitives according to the assigned dynamic task object to generate a dynamic configuration diagram.
Further, the generating the static task object includes generating a graphic file object.
Further, the generating of the dynamic task object includes generating a data and primitive relationship object and a data transmission object.
Further, the assigning values to the relevant primitives in the dynamic task object includes:
sending a data request based on the generated data and the primitive relationship object and the data-driven primitive attributes in the data transmission object;
acquiring and returning data from a database according to the data request;
and assigning values to the related primitives in the dynamic task object based on the returned data.
Further, the step of completing the dynamic graphics rendering of the primitive according to the assigned dynamic task object includes the step of completing the dynamic graphics rendering of the primitive according to the assigned data and the primitive relation object.
According to another aspect of the present invention, a Canvas-based graphics generation system is provided, which includes a Canvas graphics editor, a graphics parsing module, and a graphics rendering module; wherein the content of the first and second substances,
the Canvas graph editor is used for drawing the primitives of the electrical configuration diagram based on Canvas to generate an electrical configuration diagram graph file;
the graph analysis module is used for analyzing the electrical configuration diagram graph file, generating a static task object and a dynamic task object, and assigning values to related graphic elements in the dynamic task object;
the image rendering module performs static image rendering on the graphic element based on the static task object to generate a static configuration diagram; and completing dynamic graphic rendering of the graphics primitives according to the assigned dynamic task objects to generate a dynamic configuration diagram.
Further, the static task object includes generating a graphic file object.
Further, the dynamic task object comprises a generation data and primitive relation object and a data transmission object
Furthermore, the system also comprises a data driving module;
the graph analysis module is used for sending a data request to the data driving module based on the generated data and the primitive relation object and the primitive attribute driven by the data in the data transmission object when assigning values to the related primitives in the dynamic task object;
the data driving module acquires and returns data from a database according to the data request;
the graph analysis module assigns values to the relevant primitives in the dynamic task object based on the returned data
Further, the graphics rendering module completes dynamic graphics rendering of the graphics primitives according to the assigned data and the graphics primitive relationship object.
In summary, the present invention provides a Canvas-based graph generating method and system, where the method performs primitive drawing on an electrical configuration diagram based on the Canvas to generate an electrical configuration diagram graph file, and generates a static configuration diagram and a dynamic configuration diagram by analyzing and rendering the electrical configuration diagram graph file, and provides a complete API function for searching, classifying and selecting various primitives in a layer and an inner layer of the Canvas, and modifying attributes of the primitives, in addition to meeting basic electrical wiring diagram drawing display and data query functions, and supports secondary development of application extension and functions, such as topology coloring, listing, and the like, according to needs of other services of an electrical power system. In addition, the system also provides a universal plug-in interface, and supports various open source visual libraries of third parties and chart plug-ins to be embedded into the system for display in the div format of standard HTML. Compared with the prior art, the invention has the following beneficial technical effects:
1. the method and the system realize zero maintenance of the client, can simultaneously support the mobile terminal and the desktop terminal by crossing platforms, and have good system expansibility.
2. The method can configure and modify the data source and the graphic behavior in the running state, and has good configurability.
3. The system can be developed for the second time according to the service requirement of the power system, and has good function expansibility.
4. The method has good compatibility of the plug-in and the visual library.
5. And the method supports the rapid generation and updating of the picture at the mobile terminal, is connected with the background database in real time and exchanges data, and generates a dynamic configuration diagram capable of reflecting the real-time state of the electrical equipment.
Drawings
FIG. 1 is a flow chart of a Canvas-based graph generation method of the present invention;
FIG. 2 is a block diagram of the Canvas-based graphics generation system of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the present invention more apparent, the present invention will be described in further detail with reference to the accompanying drawings in conjunction with the following detailed description. It should be understood that the description is intended to be exemplary only, and is not intended to limit the scope of the present invention. Moreover, in the following description, descriptions of well-known structures and techniques are omitted so as to not unnecessarily obscure the concepts of the present invention.
The technical solution of the present invention will be described in detail below with reference to the accompanying drawings. According to an embodiment of the present invention, there is provided a Canvas-based graph generating method, a flowchart of which is shown in fig. 1, and the method includes the steps of:
and drawing the picture elements of the electrical configuration diagram based on the Canvas to generate an electrical configuration diagram graph file. The method supports drawing of basic primitives and combined primitives of the electrical configuration diagram in a Web browser, can generate and export reusable template files and graphic files in a standard xml format, can realize the drawing steps of the primitives through a Canvas graphic editor, and comprises the following specific drawing processes:
and dragging the basic primitive required by the primitive template to a drawing window from a basic primitive library (comprising basic primitives such as rectangles, ellipses, lines, connecting points, custom shapes, texts, pictures and the like), modifying the attribute of a primitive instance, finishing drawing, and exporting a standard xml primitive template file after serialization.
And importing all xml primitive template files into a graph editor in an deserialization mode to generate a primitive template library.
Drawing the needed pixels and pixel templates in the electrical configuration diagram to a drawing window from a basic pixel library and a pixel template library, modifying the attribute of a pixel instance, finishing drawing, and exporting an electrical configuration diagram graphic file in an xml format after serialization.
And analyzing the electrical configuration diagram graphic file by using a graphic analysis module to generate a graphic file object. Taking the telemetering pixel as an example, the graphic file of the xml-format electrical configuration diagram to be displayed can be obtained according to the URL, the xml file of the telemetering pixel referenced in the xml-format electrical configuration diagram is analyzed, and the graphic file object is generated and stored in the memory of the browser according to the analysis result.
And the graphics rendering module performs static graphics rendering on the graphics primitive based on the graphics file object to generate a static configuration diagram. The static configuration diagram is a configuration diagram without dynamic effects such as animation, flicker, graph and color transformation, and the page presentation effect of the static configuration diagram is not influenced by background data.
The graph analysis module is used for further analyzing the data and the primitive relation which are defined in advance in the xml format electrical configuration graph file to generate a data and primitive relation object and a data transmission object. The data and primitive relationship object is used for storing the data and primitive relationship analyzed by the xml format file, namely the dynamic behavior of a certain primitive when a certain data value or a certain condition is met. For example, the circuit breaker element assumes a closed state when the open/close value is 1, and assumes an open state when the open/close value is 0. Before the xml-format file is parsed, it is an empty object, and as the parsing proceeds, the attribute of the file is dynamically created, which may adopt JSON object format, including parameters such as unique identifier of the primitive, name of the attribute field, actual data value, and dynamic primitive attribute (such as color, shape, etc.) of the primitive object. The data transmission object is transmitted in a network and is a standard JSON object used for interaction between a front end and a back end, wherein the data transmission object comprises parameters such as a unique identifier of a primitive, an attribute field name and a real-time value thereof. And sending a data request to a rear-end data driving module according to the format based on the generated data, the primitive relation object and the primitive attribute driven by the data in the data transmission object.
And after receiving the data request, the back-end data driving module performs database connection to acquire data, organizes a correct data format and returns required data information.
And the graphics analysis module searches the primitive to be updated in the data and primitive relation object through the primitive unique identifier based on the returned data and by combining the related information of the data and primitive relation object, gives a value of a corresponding field returned by the upper back-end data driving module, and stores the primitive object to be updated in a memory of the browser in batches.
And the graphics rendering module performs graphics rendering on the primitive objects to be updated in the browser in batches according to the assigned data and the primitive relation objects, generates a dynamic configuration diagram and generates the dynamic configuration diagram. The dynamic configuration diagram refers to a configuration diagram with dynamic effects such as animation, flicker, graph and color transformation, and the page presentation effect of the dynamic configuration diagram is influenced by background data.
According to another embodiment of the present invention, there is provided a Canvas-based graphics generation system, which is shown in fig. 2 and includes: the system comprises a Canvas graphics editor, a graphics analysis module and a graphics rendering module which are positioned at the front end, and a data driving module which is positioned at the rear end. The graphic output system of the embodiment provides basic primitives such as rectangles, ellipses, lines, connecting points, custom shapes, texts, pictures and the like. The basic primitives are combined to form a combined primitive. The base primitives and the combined primitives may be further combined or may be split into their constituent parts. The primitive template (also called an icon) can be composed of one or more basic primitives and a combination thereof, is stored in a primitive library, and can be used for conveniently drawing the Web configuration graphics. The system can be applied to various monitoring systems in the field of the whole power system, drawing graphical interfaces such as an electrical wiring diagram and a system state monitoring diagram, displaying various real-time information of a power grid, and supporting analysis and application of the power grid. The various components of the system are described in detail below.
And the Canvas graph editor is used for drawing the primitives of the electrical configuration diagram based on the Canvas to generate an electrical configuration diagram graph file. The Canvas graph editor supports drawing of basic primitives and combined primitives of the electrical configuration diagram in a Web browser, and can generate and export reusable template files and graph files in a standard xml format. The graph Editor is a Canvas Editor which can be embedded into a webpage, supports the drawing of basic primitives and combined primitives of an electrical configuration graph in a Web browser, can generate and export a reusable primitive template file in a standard xml format, and establishes a primitive template library. Meanwhile, the graphic editor supports importing the existing primitive template library for conveniently drawing various configuration graphic files.
And the front-end graph analysis module and the graph rendering module are responsible for statically analyzing the drawn graph file in the xml format, and rendering and displaying the graph file in the browser. Then, the module can send a data request to the back end according to the JSON data format, process the real-time data returned by the back end, and dynamically update the color, shape or behavior of the page graph according to the requirement. The main dynamically updateable content includes: equipment status and telemetry, etc. Meanwhile, the front-end graphics rendering module supports operations such as searching, adding, moving, zooming, rotating and the like on a certain primitive in a running state. Meanwhile, high-performance animation, node nesting, local operation, layer caching, browser event monitoring and the like are supported. In particular, the present invention relates to a method for producing,
and the graph analysis module is used for analyzing the electrical configuration diagram graph file to generate a graph file object.
And the image rendering module is used for performing static image rendering on the primitive based on the generated image file object to generate a static configuration diagram.
The graph analysis module further analyzes the graph to generate a data and graphic element relation object and a data transmission object, and sends a request to the rear-end data driving module according to a certain data format based on the generated data and graphic element relation object and the graphic element attribute driven by the data in the data transmission object.
The back-end data driving module is composed of a database connection micro-service and a data structure organization micro-service. The database connection micro-service supports the interface of various databases (Oracle, MySQL, MongoDB, Redis and the like) to acquire dynamic data required by the graph. The data structure organization microservice organizes the dynamic data into a predefined front-end and back-end data interaction format of a JSON structure. The data source and the data acquisition mode of the front-end dynamic data are configurable. On the premise of meeting the front-end and back-end data interaction format, the front-end and back-end data interaction is supported by adopting AJAX polling, WebSocket or other user-defined modes.
And after receiving the request, the data driving module performs database connection to acquire data, organizes a correct data format and returns required data information. The data driving module can comprise a database connection micro-service for database connection and a data structure organization micro-service for data acquisition.
And the graphic analysis module searches the primitive to be updated in the data and primitive relation object through the primitive unique identifier according to the data returned by the back-end data driving module and by combining the data and the related information of the primitive relation object, gives a value of a corresponding field returned by the back end, and stores the primitive objects to be updated in a memory of the browser in batches.
And the graphics rendering module renders the primitive objects to be updated in batches in the browser according to the assigned data and the primitive relation objects and generates a dynamic configuration diagram.
The difference between the graph generation method and system implemented by the above embodiment of the present invention and the Web configuration graph system in the prior art is that:
and the drawing of a Web-end user-defined configuration page and the import and export of a graphic element are supported.
And the running state is supported to search, add, move, zoom and rotate a certain primitive. And functions of high-performance animation, node nesting, local operation, layer caching, event monitoring and the like are supported.
The method supports the mode of obtaining the custom page data, and completely separates the data driving system from the graphic rendering system.
And the expansion and secondary development (such as topology coloring, listing and the like) of the application function according to the business requirement are supported.
Various div plug-ins embedded in a standard HTML format are supported, and the open source visualization library and chart plug-ins of a third party are compatible.
In summary, the present invention relates to a Canvas-based graph generating method and system, where the method performs primitive drawing on an electrical configuration diagram based on the Canvas to generate an electrical configuration diagram graph file, and generates a static configuration diagram and a dynamic configuration diagram by analyzing and rendering the electrical configuration diagram graph file, so as to provide a complete API function for searching, classifying and selecting various primitives in a layer and a layer in the Canvas and modifying attributes thereof, and support secondary development of application extension and functions, such as topology coloring and branding, etc., according to the needs of other services of an electrical power system, in addition to meeting basic electrical wiring diagram drawing display and data query functions. In addition, the system also provides a universal plug-in interface, and supports various open source visual libraries of third parties and chart plug-ins to be embedded into the system for display in the div format of standard HTML. Compared with the prior art, the graph generation method and the system provided by the invention have good system expansibility and good configurability, can be developed for the second time according to the service requirement of the power system, can generate the dynamic configuration diagram capable of reflecting the real-time state of the electrical equipment, and have good compatibility of a plug-in and a visual library.
It is to be understood that the above-described embodiments of the present invention are merely illustrative of or explaining the principles of the invention and are not to be construed as limiting the invention. Therefore, any modification, equivalent replacement, improvement and the like made without departing from the spirit and scope of the present invention should be included in the protection scope of the present invention. Further, it is intended that the appended claims cover all such variations and modifications as fall within the scope and boundaries of the appended claims or the equivalents of such scope and boundaries.

Claims (10)

1. A Canvas-based graph generation method is characterized by comprising the following steps:
drawing the picture elements of the electrical configuration diagram based on Canvas to generate an electrical configuration diagram graph file;
analyzing the electrical configuration diagram graphic file to generate a static task object and a dynamic task object;
performing static graphic rendering on the graphic element based on the static task object to generate a static configuration diagram;
and assigning values to related primitives in the dynamic task object, and finishing dynamic graphic rendering of the primitives according to the assigned dynamic task object to generate a dynamic configuration diagram.
2. The method of claim 1, wherein generating a static task object comprises generating a graphic file object.
3. The method of claim 2, wherein generating dynamic task objects comprises generating data and primitive relationship objects and data transfer objects.
4. The method of claim 3, wherein assigning values to primitives associated with dynamic task objects comprises:
sending a data request based on the generated data and the primitive relationship object and the data-driven primitive attributes in the data transmission object;
acquiring and returning data from a database according to the data request;
and assigning values to the related primitives in the dynamic task object based on the returned data.
5. The method of claim 4, wherein performing dynamic graphics rendering of primitives based on assigned dynamic task objects comprises performing dynamic graphics rendering of primitives based on assigned data and primitive relationship objects.
6. A figure generation system based on Canvas is characterized by comprising a Canvas figure editor, a figure analysis module and a figure rendering module; wherein the content of the first and second substances,
the Canvas graph editor is used for drawing the primitives of the electrical configuration diagram based on Canvas to generate an electrical configuration diagram graph file;
the graph analysis module is used for analyzing the electrical configuration diagram graph file, generating a static task object and a dynamic task object, and assigning values to related graphic elements in the dynamic task object;
the image rendering module performs static image rendering on the graphic element based on the static task object to generate a static configuration diagram; and completing dynamic graphic rendering of the graphics primitives according to the assigned dynamic task objects to generate a dynamic configuration diagram.
7. The system of claim 6, wherein the static task object comprises a generate graphic file object.
8. The system of claim 7, wherein the dynamic task objects include production data and primitive relationship objects and data transfer objects.
9. The system of claim 8, further comprising a data driver module;
the graph analysis module is used for sending a data request to the data driving module based on the generated data and the primitive relation object and the primitive attribute driven by the data in the data transmission object when assigning values to the related primitives in the dynamic task object;
the data driving module acquires and returns data from a database according to the data request;
and the graph analysis module assigns values to the related primitives in the dynamic task object based on the returned data.
10. The system of claim 9, wherein the graphics rendering module performs dynamic graphics rendering of the primitives based on the assigned data and the primitive relationship objects.
CN202110049032.0A 2021-01-14 2021-01-14 Canvas-based graph generation method and Canvas-based graph generation system Pending CN112817651A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110049032.0A CN112817651A (en) 2021-01-14 2021-01-14 Canvas-based graph generation method and Canvas-based graph generation system

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110049032.0A CN112817651A (en) 2021-01-14 2021-01-14 Canvas-based graph generation method and Canvas-based graph generation system

Publications (1)

Publication Number Publication Date
CN112817651A true CN112817651A (en) 2021-05-18

Family

ID=75869207

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110049032.0A Pending CN112817651A (en) 2021-01-14 2021-01-14 Canvas-based graph generation method and Canvas-based graph generation system

Country Status (1)

Country Link
CN (1) CN112817651A (en)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113656729A (en) * 2021-07-23 2021-11-16 广州鲁邦通物联网科技有限公司 Method and system for automatically generating WEB data curve of equipment based on XML (extensive markup language) rule
CN113934876A (en) * 2021-12-21 2022-01-14 成都泰盟软件有限公司 Web-based job approval method, device and system
CN115375789A (en) * 2022-10-24 2022-11-22 山东捷瑞数字科技股份有限公司 Dynamic texture generation method and system based on scalable vector graphics

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105204458A (en) * 2015-08-11 2015-12-30 许继集团有限公司 Intelligent configuration method
CN105653515A (en) * 2016-03-09 2016-06-08 国电南瑞科技股份有限公司 Method for maintaining graphic file of power system off line
CN106780659A (en) * 2016-11-22 2017-05-31 四川九洲电器集团有限责任公司 A kind of two-dimension situation map generalization method and electronic equipment
CN107133272A (en) * 2017-04-07 2017-09-05 南京南瑞集团公司 A kind of Web ends magnanimity power network resources GIS data dynamic dispatching and rendering intent
CN109254771A (en) * 2018-08-24 2019-01-22 北京国电智深控制技术有限公司 A kind of monitoring page generation method and device
CN109857919A (en) * 2019-01-17 2019-06-07 珠海市纳思特科技有限公司 A kind of SVG graphic plotting and data show interactive system and method
CN111553129A (en) * 2020-04-21 2020-08-18 广东电网有限责任公司 SVG and echarts graph fusion method based on canvas

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105204458A (en) * 2015-08-11 2015-12-30 许继集团有限公司 Intelligent configuration method
CN105653515A (en) * 2016-03-09 2016-06-08 国电南瑞科技股份有限公司 Method for maintaining graphic file of power system off line
CN106780659A (en) * 2016-11-22 2017-05-31 四川九洲电器集团有限责任公司 A kind of two-dimension situation map generalization method and electronic equipment
CN107133272A (en) * 2017-04-07 2017-09-05 南京南瑞集团公司 A kind of Web ends magnanimity power network resources GIS data dynamic dispatching and rendering intent
CN109254771A (en) * 2018-08-24 2019-01-22 北京国电智深控制技术有限公司 A kind of monitoring page generation method and device
CN109857919A (en) * 2019-01-17 2019-06-07 珠海市纳思特科技有限公司 A kind of SVG graphic plotting and data show interactive system and method
CN111553129A (en) * 2020-04-21 2020-08-18 广东电网有限责任公司 SVG and echarts graph fusion method based on canvas

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113656729A (en) * 2021-07-23 2021-11-16 广州鲁邦通物联网科技有限公司 Method and system for automatically generating WEB data curve of equipment based on XML (extensive markup language) rule
CN113934876A (en) * 2021-12-21 2022-01-14 成都泰盟软件有限公司 Web-based job approval method, device and system
CN115375789A (en) * 2022-10-24 2022-11-22 山东捷瑞数字科技股份有限公司 Dynamic texture generation method and system based on scalable vector graphics

Similar Documents

Publication Publication Date Title
CN112817651A (en) Canvas-based graph generation method and Canvas-based graph generation system
US9720658B2 (en) Application creation method and apparatus
CN102012906B (en) Three-dimensional scene management platform based on SaaS architecture and editing and browsing method
CN109254771B (en) Monitoring page generation method and device
CN111611518B (en) Automatic visual display page publishing method and system based on Html5
CN104951996A (en) Power distribution network operation monitoring method based on scalable vector graphics
CN111553129B (en) SVG and echarts graph fusion method based on canvas
CN114048111A (en) Vue framework-based user-defined data visualization large-screen implementation method
CN103631578A (en) Data display method in power distribution network automated system
CN106919406A (en) A kind of desktop application component issue, update method and device
CN111435937A (en) Refreshing method and device for monitoring platform
CN106846431B (en) Unified Web graph drawing system supporting multiple expression forms
CN114706584A (en) Data visualization display manufacturing system
CN110689608B (en) Three-dimensional display method and system for digital power grid
CN112363725A (en) System for configuring television main scene and visually rendering based on WEB side
CN115981625A (en) Extensible power system wiring diagram interface modeling method and system
US20230290095A1 (en) User-interface-framework based processing method, apparatus, device, and medium
CN113220381A (en) Click data display method and device
CN115170695A (en) Method and device for generating chart picture, electronic equipment and storage medium
CN113781608A (en) Animation editing method and device
CN113838157A (en) Track traffic map drawing system, method, electronic device and storage medium
CN113626020A (en) User-defined large screen design management system based on digital twin technology
CN113592417A (en) Asset management method and system based on Internet of things
CN111209359A (en) EMS transformer graph model access GIS platform icon self-adaption system and method
CN112418902A (en) Multimedia synthesis method and system based on webpage

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