CN107122185B - Visual display system for parameter information of power distribution network - Google Patents
Visual display system for parameter information of power distribution network Download PDFInfo
- Publication number
- CN107122185B CN107122185B CN201710264546.1A CN201710264546A CN107122185B CN 107122185 B CN107122185 B CN 107122185B CN 201710264546 A CN201710264546 A CN 201710264546A CN 107122185 B CN107122185 B CN 107122185B
- Authority
- CN
- China
- Prior art keywords
- component
- data
- components
- interface
- information
- 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.)
- Active
Links
- 230000000007 visual effect Effects 0.000 title claims abstract description 8
- 238000000034 method Methods 0.000 claims abstract description 22
- 238000005516 engineering process Methods 0.000 claims abstract description 6
- 238000007726 management method Methods 0.000 claims description 20
- 238000004458 analytical method Methods 0.000 claims description 7
- 238000004573 interface analysis Methods 0.000 claims description 5
- 238000010276 construction Methods 0.000 claims description 4
- 230000006378 damage Effects 0.000 claims description 3
- 238000005553 drilling Methods 0.000 claims description 3
- 238000012544 monitoring process Methods 0.000 claims description 3
- 238000012545 processing Methods 0.000 claims description 3
- 238000011161 development Methods 0.000 abstract description 6
- 230000000694 effects Effects 0.000 abstract description 3
- 238000007405 data analysis Methods 0.000 description 3
- 238000010586 diagram Methods 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000013079 data visualisation Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
Abstract
The invention relates to a method for visually displaying parameter information of a power distribution network. The method provides a visual display technology for parameter information of the power distribution network, the interface display control is creatively subjected to element and object presentation, the relation and the model between the components and the elements are fully disassembled and subdivided, the flexibility of layout and display is greatly improved, the report development period is greatly shortened, the report development cost is saved, and the subjective activity of an analyst is more fully exerted.
Description
Technical Field
The invention belongs to the technical field of computers, and particularly relates to a visual display system for parameter information of a power distribution network.
Background
With the increasing investment of national power grid companies on the construction of power distribution networks, the analysis requirements of related data of power distribution network planning are more and more. The diversified analysis requirements of users cannot be met by means of the traditional BI presentation technology or market mature products. Due to individuation and diversification of analysis scenes, a complete development period from customized development to online deployment is required, and the requirement of effectiveness of data analysis cannot be met.
Disclosure of Invention
The invention aims to provide a system for visually displaying parameter information of a power distribution network, which can realize the quick release of a power grid planning data analysis report; business personnel or data analysis personnel can configure online through a browser without installing software, and what you see is what you get.
In order to achieve the purpose, the technical scheme of the invention is as follows: a visual presentation system for parameter information of a power distribution network provides a visual analysis engine, which comprises an interface designer, an interface analysis engine, component management, report management, data source management and a query engine;
s1, component management: the component is taken as any element in the report form, and has a complete life cycle which comprises three states of initialization, operation and destruction of the component;
component initialization: inheriting the characteristics of a parent class through prototype in the component creating process, and initializing variables and data inherited from the parent class through an initBase method; then requesting data in an ajax mode, wherein the data comprises model data and business data, the model data is basic attribute information of the assembly, is a smaller component obtained by decomposing the assembly and is defined as minimum non-detachable elements, and the minimum non-detachable elements are organized together according to the definition of the model information; the service data is specific analysis data of the component and is bound with the component;
the components are operated: the operation of the components comprises click linkage, double-click drilling and click pop-up; triggering is carried out by defining linkcerts, dlinkcerts and link methods respectively;
destroying the components: defining a destroy method, and automatically calling the method by the system when the component is removed;
s2, data source management: managing data source information of the report, and providing a data acquisition inlet comprising traditional data source and big data source information;
s3, interface designer: the interface designer comprises an interface setting layout area, an operation area and a component area; the interface is provided with a layout area: defining a div container object, setting drag-and-drop monitoring, and triggering insert Comp2Page adding action when a component is dragged and dropped into a layout area; the operation area is as follows: the method comprises the steps of interface global information definition, typesetting, previewing and proportion display operation; the component area is as follows: listing the components created in the component management;
based on the html5 and css3 related technologies, the dragging and dynamic construction of the interface display control are realized by using the dynamic execution characteristics of javascript and a frame of dom; based on preset attribute information configured by the components, a user can adjust the display style of the components, the components can be freely placed in the interface setting layout area according to coordinate setting, and the sizes of the components are changed by dragging and changing the width and height parameters of the components; the logic relation among the components can be configured on line, and the functions of the components including linkage, action and refreshing are realized;
s4, interface analysis engine: according to the dynamic execution characteristics of javascript and dom, the data which are stored in the database can be analyzed and executed at the front end; and separating foreground display and background data processing by using the asynchronous access characteristic of ajax.
Compared with the prior art, the invention has the following beneficial effects: the method creatively and objectionably displays the control elements on the interface, fully disassembles and subdivides the relationship and the model between the components and the elements, greatly improves the flexibility of layout and display, greatly shortens the report development period, saves the report development cost, and more fully exerts the subjective activity of analysts.
Drawings
FIG. 1 is a schematic diagram of a big data visualization display technology architecture adopted by the method of the present invention
FIG. 2 is a diagram illustrating component management according to the present invention.
FIG. 3 is a diagram illustrating data source management according to the present invention.
Detailed Description
The technical scheme of the invention is specifically explained below with reference to the accompanying drawings.
As shown in fig. 1, the present invention provides a system for visually presenting parameter information of a power distribution network, and the scheme of the present invention generally includes: the system comprises an interface designer, an interface analysis engine, component management, report management, data source management and a query engine.
The first step is as follows: component management (as shown in FIG. 2)
The component is taken as any element in the report, and the life cycle is complete. The method comprises three states of initialization, operation and destruction of the component.
Component initialization: inheriting the characteristics of the parent class through prototype from the component creating process, and initializing variables and data inherited from the parent class through an initBase method. And then requesting data in an ajax mode, wherein the data comprises model data and business data. Model data is the basic attribute information of a component, defined as the smallest non-collapsible element by breaking down smaller components of the component. These elements are organized together according to the definition of the model information, such as title, legend, cues, colors, fonts, scroll bars, etc. Business data is component-specific analytical data that is bound to a component with specific specification requirements.
The components are operated: the component operation comprises click linkage, double-click drilling and click pop-up. And respectively triggering by defining linkcerts, dlinkcerts and link methods.
Destroying the components: a destroy method is defined, which is automatically called by the system when a component is removed.
The second step is that: data source management (as shown in FIG. 3)
And managing data source information of the report, and providing a data acquisition inlet comprising information of a traditional data source, a big data source and the like.
The third step: interface designer
The interface is provided with a layout area, an operation area and a component area.
Layout area: defining a div container object, setting drag-and-drop monitoring, and triggering insert Comp2Page addition action when a component is dragged and dropped to a layout area.
An operation area: the method comprises the operations of interface global information definition, typesetting, previewing, proportion display and the like.
A component area: the components created in the component management are listed.
Based on the html5 and css3 related technologies, the dragging and dynamic construction of the interface display control are realized by using the dynamic execution characteristics of javascript and the current flexible dom operation framework. Based on preset attribute information configured by the components, a user can adjust the display style of the components, the components can be freely placed in the layout area according to coordinate setting, and the sizes of the components are changed by dragging and changing width and height parameters of the components. The logical relation among the components can be configured on line, and the functions of linkage, action, refreshing and the like of the components are realized. The interface information storage comprises layout information and component information. The layout information mainly stores the position and size information of the component and stores the html information. The component information relates to relationship information, presentation logic information and access information and is stored in a multi-field mode.
The fourth step: interface designer
According to the dynamic execution characteristics of javascript and dom, the data stored in the database can be analyzed and executed at the front end. And separating foreground display and background data processing by using the asynchronous access characteristic of ajax.
The above are preferred embodiments of the present invention, and all changes made according to the technical scheme of the present invention that produce functional effects do not exceed the scope of the technical scheme of the present invention belong to the protection scope of the present invention.
Claims (1)
1. The utility model provides a visual system that shows to distribution network parameter class information which characterized in that: providing a visual analysis engine which comprises an interface designer, an interface analysis engine, component management, report management, data source management and a query engine;
s1, component management: the component is taken as any element in the report form, and has a complete life cycle which comprises three states of initialization, operation and destruction of the component;
component initialization: inheriting the characteristics of a parent class through prototype in the component creating process, and initializing variables and data inherited from the parent class through an initBase method; then requesting data in an ajax mode, wherein the data comprises model data and business data, the model data is basic attribute information of the assembly, is a smaller component obtained by decomposing the assembly and is defined as minimum non-detachable elements, and the minimum non-detachable elements are organized together according to the definition of the model information; the service data is specific analysis data of the component and is bound with the component;
the components are operated: the operation of the components comprises click linkage, double-click drilling and click pop-up; triggering is carried out by defining linkcerts, dlinkcerts and link methods respectively;
destroying the components: defining a destroy method, and automatically calling the method by the system when the component is removed;
s2, data source management: managing data source information of the report, and providing a data acquisition inlet comprising traditional data source and big data source information;
s3, interface designer: the interface designer comprises an interface setting layout area, an operation area and a component area; the interface is provided with a layout area: defining a div container object, setting drag-and-drop monitoring, and triggering insert Comp2Page adding action when a component is dragged and dropped into a layout area; the operation area is as follows: the method comprises the steps of interface global information definition, typesetting, previewing and proportion display operation; the component area is as follows: listing the components created in the component management;
based on the html5 and css3 related technologies, the dragging and dynamic construction of the interface display control are realized by using the dynamic execution characteristics of javascript and a frame of dom; based on preset attribute information configured by the components, a user can adjust the display style of the components, the components can be freely placed in the interface setting layout area according to coordinate setting, and the sizes of the components are changed by dragging and changing the width and height parameters of the components; the logic relation among the components can be configured on line, and the functions of the components including linkage, action and refreshing are realized;
s4, interface analysis engine: according to the dynamic execution characteristics of javascript and dom, the data which are stored in the database can be analyzed and executed at the front end; and separating foreground display and background data processing by using the asynchronous access characteristic of ajax.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710264546.1A CN107122185B (en) | 2017-04-21 | 2017-04-21 | Visual display system for parameter information of power distribution network |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710264546.1A CN107122185B (en) | 2017-04-21 | 2017-04-21 | Visual display system for parameter information of power distribution network |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107122185A CN107122185A (en) | 2017-09-01 |
| CN107122185B true CN107122185B (en) | 2020-08-14 |
Family
ID=59725258
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710264546.1A Active CN107122185B (en) | 2017-04-21 | 2017-04-21 | Visual display system for parameter information of power distribution network |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107122185B (en) |
Families Citing this family (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108153886B (en) * | 2017-12-28 | 2021-02-02 | 北京恒泰实达科技股份有限公司 | User-defined visual display method of real-time data in web application |
| CN110162354B (en) * | 2018-02-13 | 2022-05-13 | 北京嘀嘀无限科技发展有限公司 | Method, system and computer equipment for configuring and displaying components |
| CN108762748A (en) * | 2018-05-22 | 2018-11-06 | 郑州云海信息技术有限公司 | A kind of method for exhibiting data and system based on data center |
| CN109829125A (en) * | 2019-03-01 | 2019-05-31 | 国网吉林省电力有限公司白城供电公司 | Show the platform of user management of dispatching of power netwoks operation data |
| CN112631571A (en) * | 2020-11-25 | 2021-04-09 | 浙江蓝卓工业互联网信息技术有限公司 | Linkage method and device for components in web editor |
Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101430710A (en) * | 2008-11-14 | 2009-05-13 | 中国科学院软件研究所 | Data visualization engine system |
| CN101620591A (en) * | 2009-08-12 | 2010-01-06 | 国网电力科学研究院 | Method for designing module report form layout based on cell mode |
| CN102819434A (en) * | 2012-07-24 | 2012-12-12 | 国家电网公司 | Method and device for showing power information communication scheduling report |
| CN103605516A (en) * | 2013-11-12 | 2014-02-26 | 国家电网公司 | Flexible Web display frame model architecture designing method |
| CN103761288A (en) * | 2014-01-14 | 2014-04-30 | 国家电网公司 | Visual chart custom generation system and visual chart custom generation method |
| CN103778201A (en) * | 2014-01-10 | 2014-05-07 | 国网信通亿力科技有限责任公司 | Large-screen visualization display system and method based on procedural model configuration |
| US20140282184A1 (en) * | 2013-03-15 | 2014-09-18 | International Business Machines Corporation | Generating an insight view while maintaining report context |
| CN104281447A (en) * | 2014-09-01 | 2015-01-14 | 国家电网公司 | Report form fast generating and issuing system and method |
| CN104866599A (en) * | 2015-06-01 | 2015-08-26 | 北京京东尚科信息技术有限公司 | Production method and system of visual report |
| CN106293661A (en) * | 2015-05-22 | 2017-01-04 | 阿里巴巴集团控股有限公司 | The generation of pictorial statement, generation processing method and processing device |
| CN106407170A (en) * | 2016-09-30 | 2017-02-15 | 上海冰穹网络科技有限公司 | Rapid generation method and system for data report |
-
2017
- 2017-04-21 CN CN201710264546.1A patent/CN107122185B/en active Active
Patent Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101430710A (en) * | 2008-11-14 | 2009-05-13 | 中国科学院软件研究所 | Data visualization engine system |
| CN101620591A (en) * | 2009-08-12 | 2010-01-06 | 国网电力科学研究院 | Method for designing module report form layout based on cell mode |
| CN102819434A (en) * | 2012-07-24 | 2012-12-12 | 国家电网公司 | Method and device for showing power information communication scheduling report |
| US20140282184A1 (en) * | 2013-03-15 | 2014-09-18 | International Business Machines Corporation | Generating an insight view while maintaining report context |
| CN103605516A (en) * | 2013-11-12 | 2014-02-26 | 国家电网公司 | Flexible Web display frame model architecture designing method |
| CN103778201A (en) * | 2014-01-10 | 2014-05-07 | 国网信通亿力科技有限责任公司 | Large-screen visualization display system and method based on procedural model configuration |
| CN103761288A (en) * | 2014-01-14 | 2014-04-30 | 国家电网公司 | Visual chart custom generation system and visual chart custom generation method |
| CN104281447A (en) * | 2014-09-01 | 2015-01-14 | 国家电网公司 | Report form fast generating and issuing system and method |
| CN106293661A (en) * | 2015-05-22 | 2017-01-04 | 阿里巴巴集团控股有限公司 | The generation of pictorial statement, generation processing method and processing device |
| CN104866599A (en) * | 2015-06-01 | 2015-08-26 | 北京京东尚科信息技术有限公司 | Production method and system of visual report |
| CN106407170A (en) * | 2016-09-30 | 2017-02-15 | 上海冰穹网络科技有限公司 | Rapid generation method and system for data report |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107122185A (en) | 2017-09-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107122185B (en) | Visual display system for parameter information of power distribution network | |
| US8640089B2 (en) | Automated construction and deployment of complex event processing applications and business activity monitoring dashboards | |
| CN106599039B (en) | Statistical representation method supporting free combination nesting of relational database data | |
| DE102018124420A1 (en) | SYSTEMS AND METHOD FOR FACILITATING THE GRAPHIC DISPLAY DESIGN WORKFLOW IN A PROCESS CONTROL SYSTEM | |
| US20170154026A1 (en) | Interaction relationship building and explorer for dashboard | |
| CN103678468B (en) | The system and method for improved consumption model for profiling | |
| KR102038092B1 (en) | Apparatus and Method for automatic generation of Electric Design Drawings | |
| CN113642920B (en) | Quick construction method for digital application in industrial manufacturing field | |
| CN110086665A (en) | A kind of network topological diagram methods of exhibiting based on jTopo | |
| CN104036040A (en) | Method and device for generating report | |
| CN111881662A (en) | Form generation method, device, processing equipment and storage medium | |
| CN110442510A (en) | A kind of page properties acquisition methods, device and computer equipment, storage medium | |
| CN112241265A (en) | Visual page processing method and equipment | |
| Baker et al. | Visualizing software systems | |
| CN111796815A (en) | Application of full-automatic visual software building platform | |
| CN105677448A (en) | Online simulation method and system based on webpage programmable controller | |
| CN112241263A (en) | Visual page processing method and equipment | |
| CN114116089A (en) | Data visualization method, device, equipment and storage medium | |
| CN104699863A (en) | Webpage data display system | |
| CN108984175B (en) | Object-oriented power grid SVG single line diagram display method suitable for mobile equipment | |
| CN103473041A (en) | Visualized data processing method and system | |
| CN104793927A (en) | Interface editing method and device | |
| CN113515275A (en) | WYSIWYG cloud industrial configuration software system and development method thereof | |
| CN113268496A (en) | Client list screening method and device | |
| CN105241011B (en) | Air-conditioning group control system development device and method |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |