CN114138222A - Automatic construction method and system for data visualization large screen - Google Patents

Automatic construction method and system for data visualization large screen Download PDF

Info

Publication number
CN114138222A
CN114138222A CN202111504050.XA CN202111504050A CN114138222A CN 114138222 A CN114138222 A CN 114138222A CN 202111504050 A CN202111504050 A CN 202111504050A CN 114138222 A CN114138222 A CN 114138222A
Authority
CN
China
Prior art keywords
visual
screen
user
data visualization
module
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
Application number
CN202111504050.XA
Other languages
Chinese (zh)
Other versions
CN114138222B (en
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.)
Shanghai Data Center of China Life Insurance Co Ltd
Original Assignee
Shanghai Data Center of China Life Insurance 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 Shanghai Data Center of China Life Insurance Co Ltd filed Critical Shanghai Data Center of China Life Insurance Co Ltd
Priority to CN202111504050.XA priority Critical patent/CN114138222B/en
Publication of CN114138222A publication Critical patent/CN114138222A/en
Application granted granted Critical
Publication of CN114138222B publication Critical patent/CN114138222B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/1423Digital 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/1446Digital 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
    • 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

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 a method and a system for automatically constructing a large data visualization screen, wherein the method for automatically constructing the large data visualization screen comprises the following steps: acquiring the integral actual resolution of the large screen; acquiring visual contents input by a user and an importance degree ranking table; acquiring a UI background input by a user; carrying out size matching on the visual module; modularizing and dividing the UI background and the large-screen pixel points to obtain a splicing position relation mapping table; 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 visualization effect and the like.

Description

Automatic construction method and system for data visualization large screen
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 field of web development, from 0 to 1, much knowledge is needed, and if 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 a system for quickly building a data visualization large screen, which comprises the following steps: selecting and combining a plurality of basic components according to business requirements and locking to form a composite component; iteratively repeating the steps to obtain a plurality of composite components, wherein the plurality of composite components form a composite component library; selecting a composite component of a corresponding theme from a composite component library and/or selecting a base component of a corresponding type from a base component library; unlocking the composite component of the corresponding theme; respectively configuring data sources for the unlocked composite component and/or the selected basic component; 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, thereby constructing the visual large screen. Although the patent can realize the quick construction of a large screen, the patent still depends on a manual mode, the automation degree is low, and the working efficiency is low.
Disclosure of Invention
The invention aims to overcome the defects in the prior art and provide a method and a system for automatically constructing a large data visualization screen, which are flexible in construction, free in modification and good in visualization effect.
The purpose of the invention can be realized by the following technical scheme:
an automatic construction method for a large data visualization screen comprises the following steps:
step 1: acquiring the integral actual resolution of the large screen;
step 2: acquiring visual contents input by a user and an importance degree ranking table;
and step 3: acquiring a UI background input by a user;
and 4, step 4: carrying out size matching on the visual module;
and 5: modularizing and dividing the UI background and the large-screen pixel points to obtain a splicing position relation mapping table;
step 6: and positioning and splicing the visual modules, and outputting a visual result.
Preferably, the step 4 specifically includes:
the visual modules are automatically divided according to the quantity and the importance degree of the visual contents input by the user, the distributed 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 integral actual resolution of the large screen after being spliced.
Preferably, the step 5 specifically comprises:
firstly, matching a UI background with a large-screen resolution;
secondly, the visual modules are arranged in sequence according to the importance degree and expanded from the center of the large screen to the two sides;
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:
and 7: obtaining the verification result of the user, if the verification is passed, executing the step 8, otherwise, returning to the step 5;
and 8: and adding an interactive function matched with each visual module.
Preferably, the automatic construction method is realized based on a Django framework.
An automatic construction system for a large data visualization screen, 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;
and 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 a user of the module acquires the visual content input by the user and acquires the attribute information of the visual content.
Preferably, the control end is provided with a mode switching module for determining that the large screen building mode is a user-defined mode or an automatic mode according to user selection.
Preferably, the method for automatically constructing the large data visualization screen embedded in the command control unit specifically comprises the following steps:
step 1: acquiring the integral actual resolution of the large screen;
step 2: acquiring visual contents input by a user and an importance degree ranking table;
and step 3: acquiring a UI background input by a user;
and 4, step 4: carrying out size matching on the visual module;
and 5: modularizing and dividing the UI background and the large-screen pixel points to obtain a splicing position relation mapping table;
step 6: positioning and splicing the visual modules, and outputting a visual result;
and 7: obtaining the verification result of the user, if the verification is passed, executing the step 8, otherwise, returning to the step 5;
and 8: and adding an interactive function matched with each visual module.
Preferably, the control end is provided with a remote refreshing module, the remote refreshing module is used for acquiring a remote refreshing instruction of a 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:
the construction is flexible, and the change is free: the traditional large screen is an integral page, the content, the layout and the style of the traditional large screen are fixed once confirmed, the whole page needs to be changed again or the single module needs to be changed, the engineering quantity is large, the related range is wide, and the subsequent maintenance is troublesome; the data visualization large-screen automatic construction method and the system have the advantages of flexible construction mode, low modification cost, flexible and convenient response to the change of the layout and the content, and automatic construction and custom construction.
Secondly, the visualization effect is good: according to the data visualization large-screen automatic construction method and system, the visual modules, the large-screen pixel points and the UI backgrounds are in one-to-one correspondence, and then the visual modules are positioned and spliced, because the background UI is a whole, the visual effect after seamless splicing is the same as that of the whole, the crack feeling cannot exist, and the visualization effect is good.
Drawings
Fig. 1 is a schematic flow chart of an automatic visual large-screen construction method according to the present invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are some, not all, embodiments of the present invention. All other embodiments, which can be obtained by a person skilled in the art without any inventive step based on the embodiments of the present invention, shall fall within the scope of protection of the present invention.
A data visualization large screen automatic construction method is shown in a flow chart of fig. 1, and comprises the following steps:
step 1: acquiring the integral actual resolution of the large screen;
step 2: acquiring visual contents input by a user and an importance degree ranking table;
and step 3: acquiring a UI background input by a user;
and 4, step 4: carrying out size matching on the visual module, specifically comprising the following steps:
automatically dividing the visual modules according to the quantity and the importance degree of the visual contents input by a user, wherein the distributed 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 integral actual resolution of the large screen after being spliced;
and 5: the method comprises the following steps of carrying out modularized segmentation on UI background and large-screen pixel points to obtain a splicing position relation mapping table, and specifically comprising the following steps:
firstly, matching a UI background with a large-screen resolution;
secondly, the visual modules are arranged in sequence according to the importance degree and expanded from the center of the large screen to the two sides;
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;
and 7: obtaining the verification result of the user, if the verification is passed, executing the step 8, otherwise, returning to the step 5;
and 8: and adding an interactive function matched with each visual module.
The automatic construction method is realized based on a Django framework, html + javascript + css are used as a front-end coding language, asynchronous data interaction is realized through Ajax, a background uses a python language to perform logic processing, and the 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;
and 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 acquires visual content input by a user and acquires attribute information of the visual content; the control end is also provided with a mode switching module for determining the large screen construction mode to be a user-defined mode or an automatic mode according to user selection.
The method for automatically constructing the large visual data screen embedded in the command control unit specifically comprises the following steps:
step 1: acquiring the integral actual resolution of the large screen;
step 2: acquiring visual contents input by a user and an importance degree ranking table;
and step 3: acquiring a UI background input by a user;
and 4, step 4: carrying out size matching on the visual module;
and 5: modularizing and dividing the UI background and the large-screen pixel points to obtain a splicing position relation mapping table;
step 6: positioning and splicing the visual modules, and outputting a visual result;
and 7: obtaining the verification result of the user, if the verification is passed, executing the step 8, otherwise, returning to the step 5;
and 8: and adding an interactive function 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 a 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 independently switch visual modules, but also can switch user-defined modes in batch, and can also switch full-screen pages and refresh in remote control. The control function can be operated through a mobile phone, a PC and a pad, multi-end flexible interaction and intelligent remote control are achieved.
The data visualization large-screen automatic construction system takes a command control unit as a core, a control end sends a command to the command control unit, the command control unit receives the command and changes command issuing information at the same time, a controlled end (a spliced whole webpage) checks the command information issued by the command control unit in real time, and changes visual contents or performs corresponding actions according to the command information. The control end is provided with user-defined mode information and a mode control unit, and the requirement of switching large-screen contents by one key of a user is met. For the switchable independent visual module, each available resource can display resource information and resource state (whether the available resource is normally available) before switching, so that a controller can control the resource clearly. Meanwhile, the content displayed by the control end is standardized through the data uniformity of the command control unit, the real-time display content of the controlled end can be seen by opening the control end, the content of the control end can be changed in real time after remote control operation, and the purpose that a user of the control end can see and obtain the content is achieved.
The method and the system for automatically constructing the data visualization large screen in the embodiment change the construction work of the traditional large-resolution data visualization large screen page, utilize the modularized thought to divide the whole large screen into parts, and then combine the module fragments into a whole, have flexible modularized structure configuration, provide two modes of automation and customization, and provide a cutting and splicing method with convenient change and modification, so that the autonomy and maintainability of the whole construction flow are greatly improved, and the construction difficulty is greatly reduced. The matched multi-terminal remote interaction control function can realize self-defined remote interaction at a module level, a mode level, a scene level and a page level, meet the visual requirement of various data and can be used for the display scene of various data large screens. Meanwhile, the remote control function can be applied to large-screen control in the embodiment, can also be applied to remote control and intelligent interaction of webpages formed by modular splicing, is convenient to construct, and has the characteristics of strong expansibility, strong portability and strong scene adaptability.
While the invention has been described with reference to specific embodiments, the invention is not limited thereto, and various equivalent modifications and substitutions can be easily made by those skilled in the art within the technical scope of the invention. Therefore, the protection scope of the present invention shall be subject to the protection scope of the claims.

Claims (10)

1. An automatic construction method for a large data visualization screen is characterized by comprising the following steps:
step 1: acquiring the integral actual resolution of the large screen;
step 2: acquiring visual contents input by a user and an importance degree ranking table;
and step 3: acquiring a UI background input by a user;
and 4, step 4: carrying out size matching on the visual module;
and 5: modularizing and dividing the UI background and the large-screen pixel points to obtain a splicing position relation mapping table;
step 6: and positioning and splicing the visual modules, and outputting a visual result.
2. The method for automatically constructing the large data visualization screen according to claim 1, wherein the step 4 specifically comprises:
the visual modules are automatically divided according to the quantity and the importance degree of the visual contents input by the user, the distributed 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 integral actual resolution of the large screen after being spliced.
3. The method for automatically constructing the large data visualization screen according to claim 1, wherein the step 5 specifically comprises:
firstly, matching a UI background with a large-screen resolution;
secondly, the visual modules are arranged in sequence according to the importance degree and expanded from the center of the large screen to the two sides;
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.
4. The method for automatically constructing the large data visualization screen according to claim 1, wherein the method for automatically constructing the large data visualization screen further comprises the following steps:
and 7: obtaining the verification result of the user, if the verification is passed, executing the step 8, otherwise, returning to the step 5;
and 8: and adding an interactive function matched with each visual module.
5. The automatic construction method for the data visualization large screen according to claim 1, wherein the automatic construction method is implemented based on a Django framework.
6. The large-screen automatic construction system for data visualization is characterized by comprising the following steps:
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;
and 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.
7. The automatic construction system of the data visualization large screen according to claim 6, wherein the control end is provided with a visual content switching module, and the module enables a user to acquire visual content input by the user and acquire attribute information of the visual content.
8. The automatic construction system of the data visualization large screen according to claim 6, wherein the control end is provided with a mode switching module for determining whether the large screen construction mode is a custom mode or an automatic mode according to user selection.
9. The data visualization large-screen automatic construction system according to claim 6, wherein the command control unit is embedded with a data visualization large-screen automatic construction method, specifically:
step 1: acquiring the integral actual resolution of the large screen;
step 2: acquiring visual contents input by a user and an importance degree ranking table;
and step 3: acquiring a UI background input by a user;
and 4, step 4: carrying out size matching on the visual module;
and 5: modularizing and dividing the UI background and the large-screen pixel points to obtain a splicing position relation mapping table;
step 6: positioning and splicing the visual modules, and outputting a visual result;
and 7: obtaining the verification result of the user, if the verification is passed, executing the step 8, otherwise, returning to the step 5;
and 8: and adding an interactive function matched with each visual module.
10. The automatic construction system of the data visualization large screen according to claim 6, wherein the control end is provided with a remote refreshing module, the remote refreshing module is used for acquiring a remote refreshing instruction of a user, and if the remote refreshing instruction of the user is received, the updated visual content is sent to the command control unit.
CN202111504050.XA 2021-12-10 2021-12-10 Automatic construction method and system for large data visualization screen Active CN114138222B (en)

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 true CN114138222A (en) 2022-03-04
CN114138222B 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 (11)

* Cited by examiner, † Cited by third party
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
US20120242893A1 (en) * 2011-03-23 2012-09-27 Sharp Kabushiki Kaisha Multi-display system
US20160004544A1 (en) * 2013-02-19 2016-01-07 Quick Eye Technologies Inc., Data visualization techniques
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

Patent Citations (11)

* Cited by examiner, † Cited by third party
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
US20120242893A1 (en) * 2011-03-23 2012-09-27 Sharp Kabushiki Kaisha Multi-display system
US20160004544A1 (en) * 2013-02-19 2016-01-07 Quick Eye Technologies Inc., Data visualization techniques
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)

* Cited by examiner, † Cited by third party
Title
吴义: "基于Hadoop和Django大数据可视化分析Web系统", 《中国优秀硕士学位论文全文数据库 信息科技辑》, pages 139 - 322 *
王宁: "面向大屏的图表展示系统设计与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》, pages 138 - 904 *

Also Published As

Publication number Publication date
CN114138222B (en) 2023-11-14

Similar Documents

Publication Publication Date Title
CN108924626B (en) Picture generation method, device, equipment and storage medium
CN102012906B (en) Three-dimensional scene management platform based on SaaS architecture and editing and browsing method
CN106408631B (en) Three-dimensional macro methods of exhibiting and system
JPH1091412A (en) Device for selecting display parts and its method
CN101739251A (en) Method and system for generating interface control
CN111680230B (en) Display method and device of search result page, electronic equipment and storage medium
CN103971311A (en) Reasoning drill method and system based on man-machine coordination
CN112817651A (en) Canvas-based graph generation method and Canvas-based graph generation system
CN113326044A (en) Development method, system and storage medium based on control library
CN114706584A (en) Data visualization display manufacturing system
CN108733441A (en) A kind of rendering method for visualizing and system suitable for large scale electric network symbolic device
CN114138222B (en) Automatic construction method and system for large data visualization screen
CN102194402A (en) Programmable device for graph control of light-emitting diode (LED) display screen
CN101377922A (en) Method for generating and displaying OSD
CN112417346A (en) Rendering method, rendering device, electronic equipment and storage medium
CN116610394A (en) Template and module-based data visualization page configuration method, system and device
CN107908393B (en) Method for designing SCADA real-time model picture
CN109445776A (en) Mixing picture method and device
CN110912750B (en) WEB-based data acquisition management method and device
CN107229479A (en) Novel on-vehicle system framework
CN115426520A (en) Method, device and equipment for arranging live scenes in live broadcast room
KR101333269B1 (en) Mobile Communication Terminal and Display Method for the Same
US11803179B2 (en) SCADA web HMI system
CN114168028A (en) Wisdom hotel television system UI customization device
KR101196985B1 (en) Method for displating an user interface picture in potable terminal

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