CN107122185A - One kind shows method for the visualization of distribution network parameters category information - Google Patents
One kind shows method for the visualization of distribution network parameters category information Download PDFInfo
- Publication number
- CN107122185A CN107122185A CN201710264546.1A CN201710264546A CN107122185A CN 107122185 A CN107122185 A CN 107122185A CN 201710264546 A CN201710264546 A CN 201710264546A CN 107122185 A CN107122185 A CN 107122185A
- Authority
- CN
- China
- Prior art keywords
- component
- data
- interface
- information
- assembly
- 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.)
- Granted
Links
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
Show method for the visualization of distribution network parameters category information the present invention relates to one kind.This method proposes that a kind of visualized for distribution network parameters category information shows technology, it is innovative displaying interface control element and objectification, fully disassemble and segment the relation and model between component and element, the layout being greatly enhanced and the flexibility showed, greatly shorten the form construction cycle, form development cost is saved, the subjective initiative of the analysis personnel more given full play to.
Description
Technical field
The invention belongs to field of computer technology, and in particular to one kind visualizes the side of showing for distribution network parameters category information
Method.
Background technology
As State Grid Corporation of China continues to increase the input to distribution network construction, distribution network planning Correlative data analysis demand
It is more and more.User's variety analysis demand can not be met by showing technology or market ripe by traditional BI.Due to
The personalized and variation of scene is analyzed, the complete construction cycle reached the standard grade from customized development to deployment is resulted in the need for, it is impossible to meet
The requirement of the effectual property of data analysis.
The content of the invention
Show method for the visualization of distribution network parameters category information it is an object of the invention to provide one kind, this method can be real
Now to the release quickly of Electric Power Network Planning data analysis form；Business personnel or data analyst, without installing software, can lead to
Cross browser Configuration Online, What You See Is What You Get.
To achieve the above object, the technical scheme is that：One kind shows for the visualization of distribution network parameters category information
There is provided a visual analyzing engine, including interface device, interface analytics engine, assembly management, Report Server Management, data for method
Source control, query engine, the visualization show method and are implemented as follows,
S1, assembly management：By component as any one element inside form, with complete life cycle, the Life Cycle
Phase includes the initialization, operation, three states of destruction of component；
Assembly initialization：The characteristic of parent is inherited by prototype from building component process, it is initial by initBase methods
Change from parent and inherit the variable come and data；Then the request data by way of ajax, data include model data and industry
Business data, the model data is the base attribute information of component, by the smaller part of schematic diagram illustrating, is defined as most
The small element that can not be disassembled, those elements are organized together according to the definition of model information；The business datum is component tool
The analyze data of body, is bound with component；
Assembly operating：Assembly operating includes click linkage, double-click and drills through, click on ejection, click on linkage；Pass through definition
LinkCharts, dlinkCharts, link method are triggered；
Component is destroyed：Destroy methods are defined, when component is removed, system calls this method automatically；
S2, data source control：There is provided data acquisition entrance, including traditional data for the data origin information of data source managerial report
Source and big data data source information；
S3, interface device：Interface device includes interface and sets layout area, operating space and component area；The interface sets cloth
Area of office：Div container objects are defined, set drag and drop to monitor, when thering is component to be dragged and dropped into layout area, triggering
InsertComp2Page additions are acted；The operating space：Including the definition of interface global information, typesetting, preview, show ratio behaviour
Make；The component area：Enumerated on the basis of assembly management；
Based on html5 and css3 correlation techniques, using javascript Dynamic Executions characteristic and dom framework, interface is realized
Dilatory, the dynamic construction of displaying control；Preset attribute information based on component Configuration, user can show pattern to component
Be adjusted, component can set layout area to be set according to coordinate and freely put at interface, by the dilatory width for changing component with
The wide high parameters of height, change the size of component；The logical relation of inter-module, can be configured online, realize that component includes
Linkage, action, the function of refreshing；
S4, interface analytics engine：, can be stored good from database according to javasript and dom Dynamic Execution special efficacys
Data, parsing execution is carried out in front end；Using the characteristic of the asynchronous access of ajax, separation foreground shows and back-end data processing.
Compared to prior art, the invention has the advantages that：The inventive method it is innovative displaying interface control
Part element and objectification, fully disassemble and segment the relation and model between component and element, the layout being greatly enhanced and
The flexibility showed, greatly shortens the form construction cycle, saves form development cost, the analysis personnel more given full play to
Subjective initiative.
Brief description of the drawings
Fig. 1 is that the big data visualization that the inventive method is used shows Technical Architecture figure
Fig. 2 is that invention components manage schematic diagram.
Fig. 3 is data source control schematic diagram of the present invention.
Embodiment
Below in conjunction with the accompanying drawings, technical scheme is specifically described.
As shown in figure 1, the present invention is a kind of to show method for the visualization of distribution network parameters category information, the present invention program is overall
On include：Interface device, interface analytics engine, assembly management, Report Server Management, data source control, query engine.Implement
Step is as follows：
The first step：Assembly management（As shown in Figure 2）
Component as any one element inside form, with complete life cycle.Initialization including component, fortune
Row, three states of destruction.
Assembly initialization：The characteristic of parent is inherited by prototype from building component process, passes through initBase methods
Initialize from parent and inherit the variable come and data.Then the request data by way of ajax, data include model data
And business datum.Model data is the base attribute information of component, by the smaller part of schematic diagram illustrating, is defined as most
The small element that can not be disassembled.These elements are organized together according to the definition of model information, for example title, legend, prompting, face
The information such as color, font, scroll bar.Business datum is the specific analyze data of component, is carried out with specific code requirement and component
Binding.
Assembly operating：Assembly operating includes click linkage, double-click and drills through, click on ejection, click on linkage.Definition
LinkCharts, dlinkCharts, link method are triggered.
Component is destroyed：Destroy methods are defined, when component is removed, system calls this method automatically.
Second step：Data source control（As shown in Figure 3）
There is provided data acquisition entrance, including traditional data source and big data data for the data origin information of data source managerial report
The information such as source.
3rd step：Interface device
Interface sets layout area, operating space and component area.
It is laid out area：Div container objects are defined, set drag and drop to monitor, when thering is component to be dragged and dropped into layout area, triggering
InsertComp2Page additions are acted.
Operating space：Including the definition of interface global information, typesetting, preview, show ratio etc. operation.
Component area：Enumerated on the basis of assembly management.
Based on html5 and css3 correlation techniques, javascript Dynamic Executions characteristic and current flexible operating dom are utilized
Framework, realize the dilatory of showing interface control, dynamic construction.Preset attribute information based on component Configuration, user can be with
The pattern that shows of component is adjusted, component can set according to coordinate in layout area and freely put, component is changed by dilatory
Width and the wide high parameters of height, change component size.The logical relation of inter-module, can be configured online, be realized
The functions such as linkage, action, the refreshing of component.Interface information storage includes layout information, module information.Wherein layout information is main
The position of storage assembly, size information, store html information.Module information is related to relation information, shows logic letter
Breath, access information, are stored with multiword segmented mode.
4th step：Interface device
According to javasript and dom Dynamic Execution special efficacys, can from database stored good data, front end carry out
Parsing is performed.Using the characteristic of the asynchronous access of ajax, separation foreground shows and back-end data processing.
Above is presently preferred embodiments of the present invention, all changes made according to technical solution of the present invention, produced function is made
During with scope without departing from technical solution of the present invention, protection scope of the present invention is belonged to.
Claims (1)
1. one kind shows method for the visualization of distribution network parameters category information, it is characterised in that：One visual analyzing engine is provided,
Including interface device, interface analytics engine, assembly management, Report Server Management, data source control, query engine, the visualization
Show method to be implemented as follows,
S1, assembly management：By component as any one element inside form, with complete life cycle, the Life Cycle
Phase includes the initialization, operation, three states of destruction of component；
Assembly initialization：The characteristic of parent is inherited by prototype from building component process, it is initial by initBase methods
Change from parent and inherit the variable come and data；Then the request data by way of ajax, data include model data and industry
Business data, the model data is the base attribute information of component, by the smaller part of schematic diagram illustrating, is defined as most
The small element that can not be disassembled, those elements are organized together according to the definition of model information；The business datum is component tool
The analyze data of body, is bound with component；
Assembly operating：Assembly operating includes click linkage, double-click and drills through, click on ejection, click on linkage；Pass through definition
LinkCharts, dlinkCharts, link method are triggered；
Component is destroyed：Destroy methods are defined, when component is removed, system calls this method automatically；
S2, data source control：There is provided data acquisition entrance, including traditional data for the data origin information of data source managerial report
Source and big data data source information；
S3, interface device：Interface device includes interface and sets layout area, operating space and component area；The interface sets cloth
Area of office：Div container objects are defined, set drag and drop to monitor, when thering is component to be dragged and dropped into layout area, triggering
InsertComp2Page additions are acted；The operating space：Including the definition of interface global information, typesetting, preview, show ratio behaviour
Make；The component area：Enumerated on the basis of assembly management；
Based on html5 and css3 correlation techniques, using javascript Dynamic Executions characteristic and dom framework, interface is realized
Dilatory, the dynamic construction of displaying control；Preset attribute information based on component Configuration, user can show pattern to component
Be adjusted, component can set layout area to be set according to coordinate and freely put at interface, by the dilatory width for changing component with
The wide high parameters of height, change the size of component；The logical relation of inter-module, can be configured online, realize that component includes
Linkage, action, the function of refreshing；
S4, interface analytics engine：, can be stored good from database according to javasript and dom Dynamic Execution special efficacys
Data, parsing execution is carried out in front end；Using the characteristic of the asynchronous access of ajax, separation foreground shows and back-end data processing.
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 true CN107122185A (en) | 2017-09-01 |
| CN107122185B 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) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108153886A (en) * | 2017-12-28 | 2018-06-12 | 北京恒泰实达科技股份有限公司 | User-defined visual methods of exhibiting of the real time data in web applications |
| 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 |
| CN110162354A (en) * | 2018-02-13 | 2019-08-23 | 北京嘀嘀无限科技发展有限公司 | Method, system and computer equipment for configuring and displaying components |
| 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 (12)
| 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 |
| US20150040053A1 (en) * | 2013-03-15 | 2015-02-05 | 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 |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108153886A (en) * | 2017-12-28 | 2018-06-12 | 北京恒泰实达科技股份有限公司 | User-defined visual methods of exhibiting of the real time data in web applications |
| CN110162354A (en) * | 2018-02-13 | 2019-08-23 | 北京嘀嘀无限科技发展有限公司 | Method, system and computer equipment for configuring and displaying components |
| 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 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107122185B (en) | 2020-08-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107122185A (en) | One kind shows method for the visualization of distribution network parameters category information | |
| US10459938B1 (en) | Punchcard chart visualization for machine data search and analysis system | |
| CN104267947B (en) | A kind of editor's method of pop-up picture and pop-up picture editor's device | |
| US10475218B2 (en) | Graph expansion mini-view | |
| CN108345456A (en) | Page code generation method, device, computer equipment and storage medium | |
| US10853380B1 (en) | Framework for displaying interactive visualizations of event data | |
| US20180004823A1 (en) | System and method for data profile driven analytics | |
| 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 | |
| CN104408170A (en) | Business data analysis system | |
| CN110442510A (en) | A kind of page properties acquisition methods, device and computer equipment, storage medium | |
| US10861202B1 (en) | Sankey graph visualization for machine data search and analysis system | |
| CN107704243A (en) | Construction method and device, the computer equipment and storage medium of front-end interface | |
| CN103488475B (en) | Multidimensional data analysis system and multidimensional data analysis method | |
| CN111881662A (en) | Form generation method, device, processing equipment and storage medium | |
| US9501462B2 (en) | Form object having form representation and grid representation of form | |
| CN109583591A (en) | Method and system for simplified knowledge engineering | |
| CN103109264A (en) | Creating a configuration file template | |
| CN103678468A (en) | System and method for analyzing and displaying multidimensional data | |
| CN106910107A (en) | One kind promotion page configuration method and system | |
| CN107273133A (en) | A kind of method of monitoring of tools graphic definition | |
| TWI570579B (en) | An information retrieving method utilizing webpage visual features and webpage language features and a system using thereof | |
| CN110413765A (en) | A kind of interactive system and its method of mass data set analysis and displaying | |
| Kerracher et al. | Visual Techniques to Support Exploratory Analysis of Temporal Graph Data. | |
| Qi et al. | STBins: Visual tracking and comparison of multiple data sequences using temporal binning |
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 |