CN114138222B - Automatic construction method and system for large data visualization screen - Google Patents
Automatic construction method and system for large data visualization screen Download PDFInfo
- Publication number
- CN114138222B CN114138222B CN202111504050.XA CN202111504050A CN114138222B CN 114138222 B CN114138222 B CN 114138222B CN 202111504050 A CN202111504050 A CN 202111504050A CN 114138222 B CN114138222 B CN 114138222B
- Authority
- CN
- China
- Prior art keywords
- visual
- user
- large screen
- module
- construction method
- 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
- 238000010276 construction Methods 0.000 title claims abstract description 34
- 238000013079 data visualisation Methods 0.000 title claims abstract description 22
- 230000000007 visual effect Effects 0.000 claims abstract description 81
- 238000013507 mapping Methods 0.000 claims abstract description 10
- 238000000034 method Methods 0.000 claims abstract description 10
- 230000011218 segmentation Effects 0.000 claims abstract description 6
- 230000003993 interaction Effects 0.000 claims description 10
- 238000012795 verification Methods 0.000 claims description 10
- 230000006870 function Effects 0.000 claims description 8
- 230000000875 corresponding effect Effects 0.000 claims description 7
- 230000001276 controlling effect Effects 0.000 claims description 3
- 230000008859 change Effects 0.000 abstract description 6
- 239000002131 composite material Substances 0.000 description 9
- 238000012423 maintenance Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000005336 cracking Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000018109 developmental process Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 239000012634 fragment Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1423—Digital output to display device ; Cooperation and interconnection of the display device with other functional units controlling a plurality of local displays, e.g. CRT and flat panel display
- G06F3/1446—Digital output to display device ; Cooperation and interconnection of the display device with other functional units controlling a plurality of local displays, e.g. CRT and flat panel display display composed of modules, e.g. video walls
-
- 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)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Multimedia (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention relates to an automatic construction method and system for a data visualization large screen, wherein the automatic construction method comprises the following steps: acquiring the overall actual resolution of the large screen; obtaining visual content input by a user and an importance degree ranking table; acquiring UI background input by a user; performing size matching on the visual module; modularized segmentation is carried out on the UI background and the large-screen pixel points, and a spliced position relation mapping table is obtained; and positioning and splicing the visual modules, and outputting a visual result. Compared with the prior art, the method has the advantages of flexible construction, free change, good visual effect and the like.
Description
Technical Field
The invention relates to the technical field of data visualization, in particular to a method and a system for automatically constructing a large data visualization screen.
Background
In the web development field, much knowledge is required to be involved from 0 to 1, and when all the knowledge is completed by a single person, the time and the labor are consumed, and the later maintenance cost is high. Chinese patent CN113626030a discloses a method and system for quickly constructing a large screen for data visualization, comprising: selecting and combining a plurality of basic components according to service requirements and locking to form a composite component; iteratively repeating the steps to obtain a plurality of composite components, wherein the composite components form a composite component library; selecting composite components of the corresponding subject matter from a composite component library and/or selecting corresponding types of base components from a base component library; unlocking the composite component of the corresponding theme; respectively configuring data sources for the unlocked composite components and/or the selected basic components; and modifying and storing the information of the data source, and simultaneously adjusting the layout of the composite assembly and the basic assembly on the large screen, so as to build the visual large screen. Although the patent can realize the rapid construction of a large screen, the patent still depends on a manual mode, and has low automation degree and low working efficiency.
Disclosure of Invention
The invention aims to overcome the defects of the prior art and provide the automatic construction method and system for the large data visualization screen, which are flexible to construct, free to change and good in visualization effect.
The aim of the invention can be achieved by the following technical scheme:
the automatic construction method of the data visualization large screen comprises the following steps:
step 1: acquiring the overall actual resolution of the large screen;
step 2: obtaining visual content input by a user and an importance degree ranking table;
step 3: acquiring UI background input by a user;
step 4: performing size matching on the visual module;
step 5: modularized segmentation is carried out on the UI background and the large-screen pixel points, and a spliced position relation mapping table is obtained;
step 6: and positioning and splicing the visual modules, and outputting a visual result.
Preferably, the step 4 specifically includes:
and automatically dividing the visual modules according to the quantity and the importance degree of visual contents input by a user, wherein the allocated size of each visual module is in direct proportion to the importance degree of the visual module, and all the visual modules are matched with the whole actual resolution of the large screen after being spliced.
Preferably, the step 5 specifically includes:
firstly, matching a UI background with a large screen resolution;
secondly, the visual modules are expanded from the center of the large screen to two sides according to the importance degree sequence;
and finally, constructing a splicing position relation mapping table of the positions of the visual module, the UI background and the large-screen pixel points.
Preferably, the automatic construction method further comprises:
step 7: acquiring a verification result of the user, if the verification is passed, executing the step 8, otherwise, returning to the step 5;
step 8: and adding interaction functions matched with each visual module.
Preferably, the automatic construction method is realized based on a Django framework.
An automatic data visualization large screen construction system, the automatic construction system comprising:
the control end is used for replacing the visual content of the controlled end;
the command control unit is used for receiving the instruction of the control end and controlling the controlled end according to the instruction;
the controlled end acquires the instruction information issued by the command control unit in real time, and changes the visual content or performs corresponding actions according to the instruction information.
Preferably, the control end is provided with a visual content switching module, and the module user obtains visual content input by the user and obtains attribute information of the visual content.
Preferably, the control end is provided with a mode switching module, which is used for determining that the large screen construction mode is a custom mode or an automatic mode according to user selection.
Preferably, the automatic construction method of the large data visualization screen is embedded in the command control unit, and specifically comprises the following steps:
step 1: acquiring the overall actual resolution of the large screen;
step 2: obtaining visual content input by a user and an importance degree ranking table;
step 3: acquiring UI background input by a user;
step 4: performing size matching on the visual module;
step 5: modularized segmentation is carried out on the UI background and the large-screen pixel points, and a spliced position relation mapping table is obtained;
step 6: positioning and splicing the visual modules, and outputting a visual result;
step 7: acquiring a verification result of the user, if the verification is passed, executing the step 8, otherwise, returning to the step 5;
step 8: and adding interaction functions matched with each visual module.
Preferably, the control end is provided with a remote refreshing module, and the module is used for acquiring a remote refreshing instruction of the user, and if the remote refreshing instruction of the user is received, the updated visual content is sent to the command control unit.
Compared with the prior art, the invention has the following beneficial effects:
1. flexible construction, free change: the traditional large screen one-edition is an integral page, the content, layout and style of the large screen one-edition are fixed once confirmed, the integral page needs to be changed again or the individual modules need to be changed again, the engineering amount is large, the involved area is wide, and the subsequent maintenance is troublesome; the method and the system for automatically constructing the data visualization large screen are flexible in construction mode, low in modification cost, flexible and convenient in response to the change of layout and content, and provide two modes of automatic construction and custom construction.
2. The visual effect is good: according to the method and the system for automatically constructing the data visualization large screen, the visual modules, the large screen pixel points and the UI background are in one-to-one correspondence, and then the visual modules are positioned and spliced, and as the background UI is an integral, the visual effect after seamless splicing is the same as the integral, the cracking sense is avoided, and the visual effect is good.
Drawings
FIG. 1 is a schematic flow chart of the method for automatically constructing a large visual screen in the invention.
Detailed Description
The following description of the embodiments of the present invention will be made clearly and fully with reference to the accompanying drawings, in which it is evident that the embodiments described are some, but not all embodiments of the invention. All other embodiments, which can be made by those skilled in the art based on the embodiments of the present invention without making any inventive effort, shall fall within the scope of the present invention.
The data visualization large screen automatic construction method has a flow shown in figure 1 and comprises the following steps:
step 1: acquiring the overall actual resolution of the large screen;
step 2: obtaining visual content input by a user and an importance degree ranking table;
step 3: acquiring UI background input by a user;
step 4: the size matching is carried out on the visual module, specifically:
automatically dividing the visual modules according to the quantity and importance degree of visual contents input by a user, wherein the allocated size of each visual module is in direct proportion to the importance degree of the visual module, and all the visual modules are matched with the whole actual resolution of a large screen after being spliced;
step 5: the UI background and the large-screen pixel point are subjected to modularized segmentation to obtain a spliced position relation mapping table, wherein the spliced position relation mapping table specifically comprises the following steps:
firstly, matching a UI background with a large screen resolution;
secondly, the visual modules are expanded from the center of the large screen to two sides according to the importance degree sequence;
finally, constructing a splicing position relation mapping table of the positions of the visual module, the UI background and the large-screen pixel points;
step 6: positioning and splicing the visual modules, and outputting a visual result;
step 7: acquiring a verification result of the user, if the verification is passed, executing the step 8, otherwise, returning to the step 5;
step 8: and adding interaction functions matched with each visual module.
The automatic construction method is realized based on a Django framework, html+javascript+css is used as a front-end coding language, asynchronous data interaction is realized through Ajax, a python language is used for logic processing in the background, and a database is an open-source relational database postgresql.
The embodiment also relates to a data visualization large screen automatic construction system, which comprises
The control end is used for replacing the visual content of the controlled end;
the command control unit is used for receiving the instruction of the control end and controlling the controlled end according to the instruction;
the controlled end acquires the instruction information issued by the command control unit in real time, and changes the visual content or performs corresponding actions according to the instruction information.
The control end is provided with a visual content switching module, and a user of the module obtains visual content input by the user and obtains attribute information of the visual content; the control end is also provided with a mode switching module which is used for determining that the large screen construction mode is a custom mode or an automatic mode according to the selection of a user.
The automatic construction method of the large visual data screen embedded in the command control unit specifically comprises the following steps:
step 1: acquiring the overall actual resolution of the large screen;
step 2: obtaining visual content input by a user and an importance degree ranking table;
step 3: acquiring UI background input by a user;
step 4: performing size matching on the visual module;
step 5: modularized segmentation is carried out on the UI background and the large-screen pixel points, and a spliced position relation mapping table is obtained;
step 6: positioning and splicing the visual modules, and outputting a visual result;
step 7: acquiring a verification result of the user, if the verification is passed, executing the step 8, otherwise, returning to the step 5;
step 8: and adding interaction functions matched with each visual module.
The control end is also provided with a remote refreshing module which is used for acquiring a remote refreshing instruction of the user, and if the remote refreshing instruction of the user is received, the updated visual content is sent to the command control unit.
The data visualization large-screen automatic construction system not only can be used for independently switching the visual modules, but also can be used for carrying out user-defined mode batch switching, and also can be used for carrying out full-screen page switching and remote control refreshing. The control function can be operated through the mobile phone, the PC and the pad, multi-terminal flexible interaction is realized, and intelligent remote control is realized.
The data visualization large screen automatic construction system takes a command control unit as a core, a control end sends an instruction to the command control unit, the command control unit receives the instruction and changes instruction issue information at the same time, and a control end (an integrated webpage formed by splicing) looks up the instruction information issued by the command control unit in real time, changes visual contents or performs corresponding actions according to the instruction information. The control end is provided with user-defined mode information and a mode control unit, so that the requirement of switching the large screen content by one key of a user is met. For the switchable independent visual modules, each available resource can display the resource information and the resource state (whether the resource is normally available) before switching, so that the control of the resource by a controller is clear at a glance. Meanwhile, the content displayed by the control end is standardized through the data uniformity of the command control unit, the control end can be opened to see the real-time display content of the controlled end, and the content of the control end can be changed in real time after the remote control operation, so that the purpose that the user of the control end can see the content and get the content is achieved.
The method and the system for automatically constructing the data visualization large screen change the construction work of the traditional large-resolution data visualization large screen page, utilize the modular idea to divide the large screen into zero, split the module fragments into whole, have flexible modular structure configuration, simultaneously provide two modes of automation and self definition, and conveniently change and modify the cutting and splicing methods, so that the autonomy and maintainability of the whole construction process are greatly improved, and the construction difficulty is greatly reduced. The matched multi-terminal remote interaction control function can realize the self-defined remote interaction of a module level, a mode level, a scene level and a page level, meets the visual requirement of various data, and can be used for the display scenes of various data large screens. Meanwhile, the remote control function can be applied to large screen control in the embodiment, can be applied to remote control and intelligent interaction of webpages formed by modular splicing, is convenient to construct, and has the characteristics of high expansibility, high portability and high scene adaptability.
While the invention has been described with reference to certain preferred embodiments, it will be understood by those skilled in the art that various changes and substitutions of equivalents may be made and equivalents will be apparent to those skilled in the art without departing from the scope of the invention. Therefore, the protection scope of the invention is subject to the protection scope of the claims.
Claims (7)
1. The automatic construction method of the data visualization large screen is characterized by comprising the following steps of:
step 1: acquiring the overall actual resolution of the large screen;
step 2: obtaining visual content input by a user and an importance degree ranking table;
step 3: acquiring UI background input by a user;
step 4: performing size matching on the visual module;
step 5: modularized segmentation is carried out on the UI background and the large-screen pixel points, and a spliced position relation mapping table is obtained;
step 6: positioning and splicing the visual modules, and outputting a visual result;
the step 4 specifically comprises the following steps:
automatically dividing the visual modules according to the quantity and importance degree of visual contents input by a user, wherein the allocated size of each visual module is in direct proportion to the importance degree of the visual module, and all the visual modules are matched with the whole actual resolution of a large screen after being spliced;
the step 5 specifically comprises the following steps:
firstly, matching a UI background with a large screen resolution;
secondly, the visual modules are expanded from the center of the large screen to two sides according to the importance degree sequence;
and finally, constructing a splicing position relation mapping table of the positions of the visual module, the UI background and the large-screen pixel points.
2. The automatic construction method of a data visualization large screen according to claim 1, wherein the automatic construction method further comprises:
step 7: acquiring a verification result of the user, if the verification is passed, executing the step 8, otherwise, returning to the step 5;
step 8: and adding interaction functions matched with each visual module.
3. The automatic data visualization large screen construction method according to claim 1, wherein the automatic construction method is realized based on a Django framework.
4. An automated build system for use in the data visualization large screen automated build method of claim 1, the automated build system comprising:
the control end is used for replacing the visual content of the controlled end;
the command control unit is used for receiving the instruction of the control end and controlling the controlled end according to the instruction;
the controlled end acquires the instruction information issued by the command control unit in real time, and changes the visual content or performs corresponding actions according to the instruction information.
5. The system according to claim 4, wherein the control terminal is provided with a visual content switching module, and the module obtains visual content input by a user and obtains attribute information of the visual content.
6. The system of claim 4, wherein the control terminal is provided with a mode switching module for determining the large screen construction mode as a custom mode or an automatic mode according to user selection.
7. The system of claim 4, wherein the control terminal is provided with a remote refresh module for obtaining a remote refresh command of the user, and if the remote refresh command of the user is received, the updated visual content is sent to the command control unit.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111504050.XA CN114138222B (en) | 2021-12-10 | 2021-12-10 | Automatic construction method and system for large data visualization screen |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111504050.XA CN114138222B (en) | 2021-12-10 | 2021-12-10 | Automatic construction method and system for large data visualization screen |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN114138222A CN114138222A (en) | 2022-03-04 |
| CN114138222B true CN114138222B (en) | 2023-11-14 |
Family
ID=80385593
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111504050.XA Active CN114138222B (en) | 2021-12-10 | 2021-12-10 | Automatic construction method and system for large data visualization screen |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114138222B (en) |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101087433A (en) * | 2006-06-05 | 2007-12-12 | 深圳创维－Rgb电子有限公司 | A method for displaying image of multi-picture combined TV wall |
| CN107135404A (en) * | 2017-03-31 | 2017-09-05 | 广州市鼎科信息科技有限公司 | A kind of large-size screen monitors cloud interaction systems |
| CN108961263A (en) * | 2018-05-29 | 2018-12-07 | 郑州易通众联电子科技有限公司 | A kind of visualized graphs quickly apply the method and system with transmission |
| CN109410698A (en) * | 2018-09-19 | 2019-03-01 | 浙江省测绘科学技术研究院 | Data large-size screen monitors method for visualizing and system |
| CN111736823A (en) * | 2020-08-27 | 2020-10-02 | 北京安帝科技有限公司 | Data visualization method and device and computer readable medium |
| CN112015501A (en) * | 2020-07-15 | 2020-12-01 | 深圳市金蝶天燕云计算股份有限公司 | Visual page generation method and device, computer equipment and storage medium |
| CN112130943A (en) * | 2020-09-09 | 2020-12-25 | 中盈优创资讯科技有限公司 | Method for self-defining visual layout design |
| CN112799620A (en) * | 2021-01-15 | 2021-05-14 | 北京天华星航科技有限公司 | Big data visualization system |
| CN113127784A (en) * | 2021-04-29 | 2021-07-16 | 平安国际智慧城市科技股份有限公司 | Large-screen data visual display method and device, storage medium and computer equipment |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP5351198B2 (en) * | 2011-03-23 | 2013-11-27 | シャープ株式会社 | Multi display system |
| US11256524B2 (en) * | 2013-02-19 | 2022-02-22 | Quick Eye Technologies Inc. | Data structures for visualization of hierarchical data |
-
2021
- 2021-12-10 CN CN202111504050.XA patent/CN114138222B/en active Active
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101087433A (en) * | 2006-06-05 | 2007-12-12 | 深圳创维－Rgb电子有限公司 | A method for displaying image of multi-picture combined TV wall |
| CN107135404A (en) * | 2017-03-31 | 2017-09-05 | 广州市鼎科信息科技有限公司 | A kind of large-size screen monitors cloud interaction systems |
| CN108961263A (en) * | 2018-05-29 | 2018-12-07 | 郑州易通众联电子科技有限公司 | A kind of visualized graphs quickly apply the method and system with transmission |
| CN109410698A (en) * | 2018-09-19 | 2019-03-01 | 浙江省测绘科学技术研究院 | Data large-size screen monitors method for visualizing and system |
| CN112015501A (en) * | 2020-07-15 | 2020-12-01 | 深圳市金蝶天燕云计算股份有限公司 | Visual page generation method and device, computer equipment and storage medium |
| CN111736823A (en) * | 2020-08-27 | 2020-10-02 | 北京安帝科技有限公司 | Data visualization method and device and computer readable medium |
| CN112130943A (en) * | 2020-09-09 | 2020-12-25 | 中盈优创资讯科技有限公司 | Method for self-defining visual layout design |
| CN112799620A (en) * | 2021-01-15 | 2021-05-14 | 北京天华星航科技有限公司 | Big data visualization system |
| CN113127784A (en) * | 2021-04-29 | 2021-07-16 | 平安国际智慧城市科技股份有限公司 | Large-screen data visual display method and device, storage medium and computer equipment |
Non-Patent Citations (2)
| Title |
|---|
| 基于Hadoop和Django大数据可视化分析Web系统;吴义;《中国优秀硕士学位论文全文数据库 信息科技辑》;I139-322 * |
| 面向大屏的图表展示系统设计与实现;王宁;《中国优秀硕士学位论文全文数据库 信息科技辑》;I138-904 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN114138222A (en) | 2022-03-04 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101739251A (en) | Method and system for generating interface control | |
| CN106296779A (en) | A kind of threedimensional model rendering indication method and system | |
| US20210247967A1 (en) | Design interface object manipulation based on aggregated property values | |
| CN106846431B (en) | Unified Web graph drawing system supporting multiple expression forms | |
| CN108287718A (en) | Special efficacy edit methods based on game engine and device | |
| CN113552988A (en) | Interface focus control method and device, electronic equipment and storage medium | |
| US10467782B2 (en) | Interactive hierarchical bar chart | |
| CN113326044A (en) | Development method, system and storage medium based on control library | |
| KR101186965B1 (en) | Computerization processing system for procedure paper in nuclear power plant and method therefor | |
| CN116069319A (en) | Form rendering method and device, electronic equipment and storage medium | |
| CN114780005A (en) | Graph drawing method, graph drawing device, electronic device, and storage medium | |
| CN114706584A (en) | Data visualization display manufacturing system | |
| CN114138222B (en) | Automatic construction method and system for large data visualization screen | |
| CN114398071A (en) | Control logic configuration implementation method and system of control system | |
| CN112184881B (en) | Multi-level overall process monitoring method for power equipment | |
| CN112256163B (en) | Screen configuration method, device and system for spliced display screen | |
| CN102194402A (en) | Programmable device for graph control of light-emitting diode (LED) display screen | |
| CN116610394A (en) | Template and module-based data visualization page configuration method, system and device | |
| CN107908393B (en) | Method for designing SCADA real-time model picture | |
| CN110955334A (en) | Workshop site three-dimensional effect graph construction and display system and method | |
| CN115630926A (en) | Workshop equipment management method, device, equipment and storage medium | |
| CN109445776A (en) | Mixing picture method and device | |
| CN103809973A (en) | Graphic control interface design system and graphic control interface design operation method thereof | |
| CN110912750B (en) | WEB-based data acquisition management method and device | |
| US11803179B2 (en) | SCADA web HMI system |
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 |