CN112015509A - Data visualization large screen construction method, electronic device and storage medium - Google Patents
Data visualization large screen construction method, electronic device and storage medium Download PDFInfo
- Publication number
- CN112015509A CN112015509A CN202010896583.6A CN202010896583A CN112015509A CN 112015509 A CN112015509 A CN 112015509A CN 202010896583 A CN202010896583 A CN 202010896583A CN 112015509 A CN112015509 A CN 112015509A
- Authority
- CN
- China
- Prior art keywords
- large screen
- data visualization
- container
- components
- containers
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000013079 data visualisation Methods 0.000 title claims abstract description 98
- 238000010276 construction Methods 0.000 title claims abstract description 15
- 238000000034 method Methods 0.000 claims abstract description 36
- 230000008859 change Effects 0.000 claims description 7
- 238000012544 monitoring process Methods 0.000 claims description 7
- 238000004590 computer program Methods 0.000 claims description 6
- 238000012800 visualization Methods 0.000 claims description 3
- 239000000126 substance Substances 0.000 claims 1
- 238000013461 design Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 238000009877 rendering Methods 0.000 description 4
- 238000010586 diagram Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000004458 analytical method Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 238000013507 mapping Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 238000007796 conventional method Methods 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000008676 import Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 238000012216 screening Methods 0.000 description 1
Images
Classifications
-
- 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
-
- 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/445—Program loading or initiating
- G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
- G06F9/4451—User profiles; Roaming
-
- 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/455—Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines
- G06F9/45533—Hypervisors; Virtual machine monitors
- G06F9/45558—Hypervisor-specific management and integration aspects
-
- 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/455—Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines
- G06F9/45533—Hypervisors; Virtual machine monitors
- G06F9/45558—Hypervisor-specific management and integration aspects
- G06F2009/45562—Creating, deleting, cloning virtual machine instances
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the invention relates to the technical field of data visualization, and discloses a method for constructing a large data visualization screen, electronic equipment and a storage medium. According to the invention, a plurality of containers are created according to the size of a data visualization large screen; configuring components in containers, wherein the components are completely packaged and stored in a component library in advance, the sizes of the components are matched with those of the containers, and the number of the configured components in each container is one; and displaying the components configured in the containers on a data visualization large screen, so as to realize the efficient construction of the data visualization large screen.
Description
Technical Field
The embodiment of the invention relates to the technical field of data visualization, in particular to a method for constructing a large data visualization screen, electronic equipment and a storage medium.
Background
With the vigorous development of big data technology in the information era, the demand of data visualization is more vigorous, and especially in some monitoring centers, dispatching centers, tourist service centers and other places, the data displayed on a large screen by the data visualization cannot visually monitor the current situation, and can help related personnel to analyze the relation and the law behind the data, so that the data visualization system is an important tool for assisting decision making. In the conventional method for constructing the data visualization large screen, a developer establishes a webpage according to a layout design drawing of the data visualization large screen given by an art designer, and imports data to be displayed into the webpage for display.
The inventors found that at least the following problems exist in the related art: when the layout of the data visualization large screen is updated or the data visualization large screen for displaying data is changed, the layout design drawing needs to be redesigned by an art designer, a large amount of manpower is consumed, and the efficiency for constructing the data visualization large screen is low.
Disclosure of Invention
The embodiment of the invention aims to provide a method for constructing a data visualization large screen, electronic equipment and a storage medium, so that the data visualization large screen can be constructed efficiently.
In order to solve the technical problem, an embodiment of the present invention provides a method for constructing a data visualization large screen, including: creating a plurality of containers according to the size of the data visualization large screen; configuring components in containers, wherein the components are completely packaged and stored in a component library in advance, the sizes of the components are matched with those of the containers, and the number of the configured components in each container is one; and displaying the components configured in the containers on a data visualization large screen.
An embodiment of the present invention also provides an electronic device, including: at least one processor; and a memory communicatively coupled to the at least one processor; the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to execute the construction method of the data visualization large screen.
The embodiment of the invention also provides a computer readable storage medium, which stores a computer program, and the computer program is executed by a processor to realize the method for constructing the data visualization large screen.
Compared with the prior art, the configured components are completely packaged and stored in the component library, when the data visualization large screen is constructed, the components placed in each container are directly selected from the component library to complete the configuration of the components, and finally the configured components are displayed on the data visualization large screen, so that the construction of the data visualization large screen can be completed, the components do not need to be configured in style, the operation is simple, the requirement of professional technology is not met, any user can construct the large screen, the large screen construction time is shortened, and the construction efficiency is improved. In addition, the components in the component library are matched with the created containers in size, and only one component is accommodated in each container, so that incomplete display of the components due to size mismatching is avoided, the components in the component library can be directly placed in the containers, the size of the components does not need to be adjusted by a user, and the efficiency of constructing the data visualization large screen is further improved.
In addition, a number of containers are created according to the size of the data visualization large screen, including: dividing the data visualization large screen into a plurality of same rectangular areas according to the size of the data visualization large screen; containers are created from the rectangular regions. The sizes of the created containers are in proportional relation with the large screen, and the sizes of the containers can be adjusted integrally conveniently when the sizes of the constructed large screen are changed.
In addition, creating a container from the rectangular area includes: a container is created based on the position and size of each rectangular area.
In addition, after creating a plurality of containers according to the size of the data visualization large screen, the method further comprises the following steps: merging the N containers into a new container; configuring an assembly within a container, comprising: adjusting the size of the components in the component library according to the size of the new container; selecting the components in the container from the components after the size adjustment. The size of the container can be changed by combining the containers, and the adjustment mode of the size of the container is simplified.
In addition, after creating a plurality of containers according to the size of the data visualization large screen, the method further comprises the following steps: creating a large screen header; wherein, big screen head includes: a global component; the global component is used for switching display contents of the data visualization large screen. By the method, the display content of the large screen can be switched by using the global component, so that the display content is richer.
In addition, after creating the large screen head, the method further comprises the following steps: monitoring whether parameters of the global component change or not; and if the change occurs, reconfiguring the components in the container according to the changed parameters of the global components. In this way, the components in the container are directly reconfigured according to the changed parameters of the global components, data do not need to be manually imported, and a complex configuration process is omitted.
In addition, the parameters of the global component include: the region to which it belongs, the time dimension, the start time and the end time.
In addition, a number of containers are created according to the size of the data visualization large screen, including: setting the length-width resolution of a data visualization large screen and the initial value of the number of containers; the container is created according to the length-width resolution and the number initial value.
Drawings
One or more embodiments are illustrated by way of example in the accompanying drawings, which correspond to the figures in which like reference numerals refer to similar elements and which are not to scale unless otherwise specified.
Fig. 1 is a flowchart of a construction method of a data visualization large screen according to a first embodiment of the present invention;
FIG. 2 is a schematic diagram of the layout of a container according to a first embodiment of the invention;
FIG. 3 is a schematic view of an assembly according to a first embodiment of the invention;
FIG. 4 is a schematic view of another assembly according to a first embodiment of the invention;
FIG. 5 is a flowchart of a method of constructing a data visualization large screen according to a second embodiment of the present invention;
FIG. 6 is a schematic view of a large screen head according to a second embodiment of the present invention;
FIG. 7 is a schematic diagram of an initialization setup interface of a data visualization large screen according to a second embodiment of the present invention;
fig. 8 is a schematic structural diagram of an electronic device in a third embodiment according to the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present invention more apparent, the embodiments of the present invention will be described in detail with reference to the accompanying drawings. However, it will be appreciated by those of ordinary skill in the art that in various embodiments of the invention, numerous technical details are set forth in order to provide a better understanding of the present application. However, the technical solution claimed in the present application can be implemented without these technical details and various changes and modifications based on the following embodiments.
The following embodiments are divided for convenience of description, and should not constitute any limitation to the specific implementation manner of the present invention, and the embodiments may be mutually incorporated and referred to without contradiction.
The first embodiment of the invention relates to a method for constructing a large data visualization screen, which comprises the following steps: creating a plurality of containers according to the size of the data visualization large screen; configuring components in containers, wherein the components are completely packaged and stored in a component library in advance, the sizes of the components are matched with those of the containers, and the number of the configured components in each container is one; and displaying the components configured in the containers on the data visualization large screen, thereby realizing the efficient construction of the data visualization large screen. The implementation details of the construction method of the data visualization large screen of the present embodiment are specifically described below, and the following description is only provided for the convenience of understanding, and is not necessary for implementing the present solution.
The method for constructing a data visualization large screen according to the embodiment is shown in fig. 1, and includes:
Specifically, one container can contain one component, if N components need to be displayed on a display page of the large data visualization screen, the number of the created containers is also N when the containers are created, and the created N containers can be used for fully covering the whole large data visualization screen, so that all display parts of the large screen are ensured to be used for displaying data, and the utilization rate of the large screen display parts is improved.
When a plurality of containers are created, the data visualization large screen can be divided into a plurality of same rectangular areas according to the size of the data visualization large screen, and the containers can be created according to the divided rectangular areas. The number of created containers can be set by using an initialization setting interface of a data visualization large screen, as shown in fig. 7, a plurality of large screen attributes and parameters are set on the initialization setting interface, a user can fill the resolution of the data visualization large screen to be created in an input frame corresponding to the large screen resolution, and fill the number of rectangular areas to be created in an input frame corresponding to the large screen size, such as 6 × 3, which indicates that 6 rectangular areas are set in the length direction, and 3 rectangular areas are set in the width direction. After the parameters are determined, the system automatically divides the large screen into 6 x 3 rectangular areas, each rectangular area is used as a container, and the creation of a plurality of containers is completed.
After creating several containers of the same size, the containers can be merged according to the need, and at least 2 containers are merged into a new container, for example, as shown in fig. 2, the size of each container before merging is the same as that of the container in the upper right corner of fig. 2, the container in the upper left corner of fig. 2 is merged by two containers in the horizontal direction, and the container in the lower left corner is merged by four containers in the vicinity of the container. When at least two containers are combined, the containers can be dragged and combined by adopting a third-party plug-in vue-grid-layout, and the at least two containers are combined, so that the sizes of the containers can be freely adjusted, and the purpose of large-screen multiple structural layout is achieved. After creating the container, the relationship of the container to the large screen is saved in the background database by id binding.
In practical application, a main container can be established according to the size of a display interface of a data visualization large screen, the size of the main container is the same as that of the display interface, then the main container is divided into M × N sub containers with the same specification according to the number of rectangular areas needing to be divided, and then the sub containers can be combined according to requirements. After creating the child containers, one component may be configured in each child container.
At step 102, components within a container are configured.
Specifically, when configuring a component within a container, as shown in FIG. 2, the option "please select a business component" may be clicked on, and the interface displays the names of a plurality of configurable components, such as "tourist location weather", "tourist pictures", etc., each component's name summarizing the meaning of the data presented by the component. The user selects the name of the desired component to determine the components configured within the container and the data exposed within the container. And selecting the data to be displayed in each container according to the requirement by the user, and adjusting the layout of the containers, thereby realizing the highly customized large-screen configuration.
All the components selected by the user are completely packaged and pre-stored in the component library, as shown in fig. 3 and 4, the components are diversified in style, including various types such as charts, maps and multimedia, and the data display form is rich. In addition, the data presented by each component has a specific meaning, such as data in FIG. 3 presenting tourist location weather, data in FIG. 4 presenting passenger information, and so on. In addition, because the components are completely packaged, the user does not need to configure the parameters of the components such as styles, custom animations and the like, and therefore the user without the relevant knowledge of webpage construction can also rapidly configure the components.
In addition, the size of the assembly is matched to the size of the container. The matching setting mode is that after the data visualization large screen is divided into a plurality of (M multiplied by N) same rectangular areas according to the size length multiplied by the width (srResX multiplied by srResY), the size of the length and the width of the rectangular areas is taken as a standard size and is recorded as 1 multiplied by 1, the pixel values of the length and the width of the standard size can be calculated according to the size of the data visualization large screen and the number of the divided rectangular areas with the length and the width, and the pixel value of the length of the standard sizeWidth pixel valueThe aspect ratio of the components in the component library to the rectangular region is the same, and assuming that the standard size of the 1 × 1 component is set to length × width (C × D), a matching ratio of the size of the 1 × 1 container to the size of the 1 × 1 component can be obtainedOrBecause the component uses the relative value setting style of the CSS in the development stage, the self-adaptation of the large-screen component can be realized according to the matching proportion obtained by the calculation.
After configuration is confirmed, the current container layout is converted into a corresponding description configuration file, and the description configuration file is stored in a background database in a JSON format in a key value pair mode. The configuration file is mainly divided into two parts, wherein the first part records the name and the corresponding id of the current container, and the second part records the layout position information and the rendering key information of each component in the container. The position information is represented by four fields of left, top, w and h, and respectively represents the distance between the component and the left frame and the upper frame of the container and the width and height of the component. Since the large screen container is divided into a plurality of small blocks in a modularized manner, the length and width of the large screen container are all n based on a standard container of 1 × 1, and when left is 2, top is 0, w is 2, and h is 3, the length of the current component from the left side of the container is 2n, the distance from the top of the container is 0, the length of the component is 2n, and the height of the component is 3 n. In addition, the rendering key information records the names of the components and the id corresponding to the names, so that the corresponding components can be quickly found in the component library through the information, and the corresponding JS file is found in the mapping file of the component service.
And 103, displaying the components configured in the containers on a data visualization large screen.
And the rendering engine rapidly constructs a data visualization large screen by using the configuration file, finds the JS file corresponding to the component in the mapping file of the component service according to the layout configuration file, and injects the JS file into a large screen page. When a large-screen Document Object Model (DOM) structure is constructed, the scaled size (font-size value) is injected into the top-level DOM of the sub-container, and the final large screen can be obtained.
Compared with the prior art, the configured components are completely packaged and stored in the component library, when the data visualization large screen is constructed, the components placed in each container are directly selected from the component library to complete the configuration of the components, and finally the configured components are displayed on the data visualization large screen, so that the construction of the data visualization large screen can be completed, the components do not need to be configured in style, the operation is simple, the requirement of professional technology is not met, any user can construct the large screen, the large screen construction time is shortened, and the construction efficiency is improved. In addition, the components in the component library are matched with the created containers in size, and only one component is accommodated in each container, so that incomplete display of the components due to size mismatching is avoided, the components in the component library can be directly placed in the containers, the size of the components does not need to be adjusted by a user, and the efficiency of constructing the data visualization large screen is further improved.
The second embodiment of the present invention relates to a method for constructing a data visualization large screen, and in the second embodiment of the present invention, after creating a plurality of containers according to the size of the data visualization large screen, the method further includes: creating a large screen header; wherein, big screen head includes: a global component; the global component is used for switching the display content of the data visualization large screen, so that the display content of the large screen can be switched by utilizing the global component, and the display content is richer.
The method for constructing the data visualization large screen according to the embodiment is shown in fig. 5, and includes:
Specifically, when a data visualization large screen is constructed, an upper part and a lower part can be constructed, the upper part is a large screen head part and displays basic information and global components, the lower part is a large screen container for loading visualization components such as charts and the like, the container can be switched through a pull-down frame of the head part, the purpose of multi-page display is achieved, the switched content is the components displayed on each page configured by a user according to needs, the data dimension diversity is rich, and the displayed data themes are gathered clearly.
The created large screen header is shown in fig. 6, and the parameters contained in the large screen header include the current time "09 month by 2019, 24 days 16:25: 40", the large screen name "integrated detection analysis big data platform", and the global component. The global component is used for switching display contents of the data visualization large screen. For example, according to the large screen header shown in FIG. 6, the parameters of the global component include: region of interest (general analysis (whole), time dimension (by day), start time and end time (2019-09-23), region of interest (Xinjiang Uygur autonomous region). "belonging region" represents the source of the large screen data; the time dimension represents the time granularity of data screening, and a user can select multiple granularity queries of 'day', 'week', 'month', 'quarter', 'year' and 'holiday'; "start time" and "end time" represent the starting and ending time points at which large screen data can be queried for presentation, with no expiration time being defaulted by the system when the user has not selected an expiration time.
In practical application, the attribute and the parameter of the large screen are set through an initialization setting interface of the data visualization large screen, the initialization setting interface is shown in fig. 7, and the set parameters include: "large screen name", "belonging area", "welcome word", "large screen resolution", "large screen size", "time dimension", "start time", "end time", "automatic switching time", and the like. The rule of the large screen size set here is to set based on the layout of the containers to be set, and as shown in fig. 7, the layout of the containers in the large screen represents that the large screen is 3840px and 1080px in width, and the layout of the containers in the large screen is 6 × 3, that is, 6 containers with standard sizes are set in the length direction and 3 containers with standard sizes are set in the width direction. After the user initializes the web page on a large screen and sets basic attributes, the system stores the attributes and attribute values in a relevant background database in a key value pair mode.
At step 502, components within a container are configured.
And 503, displaying the components configured in the containers on a data visualization large screen.
And step 504, monitoring whether the parameters of the global component of the large-screen head change or not, and if so, re-determining the data displayed by the data visualization large screen according to the changed parameters of the global component.
Specifically, the functions of the global component include: and switching pages of the large screen and refreshing data displayed by the components in the large screen, wherein different functions are realized based on parameters of different global components. Furthermore, when the page of the large screen is switched, the display interfaces which are preset and stored in the database are called, each display interface comprises a plurality of containers, each container is configured with a component, a plurality of different display interfaces are stored in the database in advance, and each display interface is configured by a user through the steps 501 to 503 of creating the container and configuring the components. That is to say, when it is monitored that the parameters of the global components change, the display interfaces corresponding to the changed parameters are obtained in the database, and because the layout of the containers and the components configured in each container in different display interfaces are different, the display interfaces are switched to realize the display of different types of components. On the other hand, when the data displayed by the component is refreshed, the third party data stored in the database needs to be pulled, and the data displayed by the component is refreshed according to the third party data. The database is pre-stored with a plurality of groups of third party data corresponding to the same component, such as data describing the number of visitors in different time periods, and when the time parameter of the global component is changed, the data of the number of visitors displayed by the component is refreshed according to the changed time parameter. In summary, whether the data displayed on the data visualization large screen needs to be updated is determined by monitoring whether the parameters of the global component change, and if the parameters of the global component change, the display interface is reconfigured or the data displayed by the components in the container are refreshed according to the changed parameters of the global component. When a display interface is reconfigured or data displayed by components in a container are refreshed, the changed parameters of the global components can be used as data matched with the URL parameter request, and the components are re-rendered according to the data acquired from the background database, so that the effect of data linkage is achieved.
In practical application, the monitoring mode of the global component may be that a VUE framework is adopted to construct a large screen, Vuex is used to manage global component variables, a watch mechanism is used to set a corresponding monitoring relationship between a container and the monitored global component, for example, when a start time parameter of the global component is changed, a first container acquires data again, the first container monitors the start time parameter in the global component, and if the start time parameter is changed, a data request is sent to acquire data again.
The overall process of constructing the large data visualization screen is specifically described as follows by using a specific example:
firstly, setting the attribute and the parameter of a large screen in an initialization setting interface of a data visualization large screen, wherein the set parameter comprises a large screen name, a region to which the large screen belongs, a welcome word, a large screen resolution, a large screen size, a time dimension, a starting time, an ending time, an automatic switching time and the like. Therefore, the setting of basic attributes such as pixel values of the large screen and parameters of the head of the large screen is realized.
Secondly, a single or a plurality of large-screen main containers are created, each created large-screen main container is a display interface, each main container comprises a plurality of sub containers, and required components can be configured in the sub containers. In addition, each main container is provided with a container name, so that the corresponding display interface can be quickly found when the display interface is switched.
And then, dragging and combining the sub-containers contained in each main container, realizing the layout of the sub-containers in the main container, and configuring components in each sub-container.
And finally, the rendering engine rapidly constructs the data visualization large screen according to the configuration, so that the data visualization large screen is efficiently constructed.
After the data visualization large screen is constructed, the switching of the large screen display interface and the refreshing of the data displayed by the components in the large screen can be realized by changing the parameters of the global components in the head of the large screen, so that the display content is richer.
In this embodiment, a large-screen head is also created when constructing a large-screen for data visualization, and the large-screen head includes: a global component; the global component is used for switching the display content of the data visualization large screen, the purpose of multi-page display is achieved, the data dimension diversity is rich, and the displayed data theme is gathered clearly.
The steps of the above methods are divided for clarity, and the implementation may be combined into one step or split some steps, and the steps are divided into multiple steps, so long as the same logical relationship is included, which are all within the protection scope of the present patent; it is within the scope of the patent to add insignificant modifications to the algorithms or processes or to introduce insignificant design changes to the core design without changing the algorithms or processes.
A third embodiment of the present invention relates to an electronic device, as shown in fig. 8, including at least one processor 801; and a memory 802 communicatively coupled to the at least one processor 801; the memory 802 stores instructions executable by the at least one processor 801, and the instructions are executed by the at least one processor 801, so that the at least one processor 801 can execute the method for constructing the data visualization large screen in any of the above method embodiments.
The memory 802 and the processor 801 are coupled by a bus, which may include any number of interconnecting buses and bridges that couple one or more of the various circuits of the processor 801 and the memory 802 together. The bus may also connect various other circuits such as peripherals, voltage regulators, power management circuits, and the like, which are well known in the art, and therefore, will not be described any further herein. A bus interface provides an interface between the bus and the transceiver. The transceiver may be one element or a plurality of elements, such as a plurality of receivers and transmitters, providing a means for communicating with various other apparatus over a transmission medium. The data processed by the processor 801 is transmitted over a wireless medium through an antenna, which receives the data and transmits the data to the processor 801.
The processor 801 is responsible for managing the bus and general processing and may also provide various functions including timing, peripheral interfaces, voltage regulation, power management, and other control functions. And memory 802 may be used to store data used by processor 801 in performing operations.
A fourth embodiment of the present invention relates to a computer-readable storage medium storing a computer program. The computer program realizes the above-described method embodiments when executed by a processor.
That is, as can be understood by those skilled in the art, all or part of the steps in the method for implementing the embodiments described above may be implemented by a program instructing related hardware, where the program is stored in a storage medium and includes several instructions to enable a device (which may be a single chip, a chip, or the like) or a processor (processor) to execute all or part of the steps of the method described in the embodiments of the present application. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and other various media capable of storing program codes.
It will be understood by those of ordinary skill in the art that the foregoing embodiments are specific embodiments for practicing the invention, and that various changes in form and details may be made therein without departing from the spirit and scope of the invention in practice.
Claims (10)
1. A construction method of a data visualization large screen is characterized by comprising the following steps:
creating a plurality of containers according to the size of the data visualization large screen;
configuring components in the container, wherein the components are completely packaged and stored in a component library in advance, the size of each component is matched with that of the container, and the number of the configured components in each container is one;
and displaying the components configured in the containers on a data visualization large screen.
2. The method for constructing the data visualization large screen according to claim 1, wherein the creating of the plurality of containers according to the size of the data visualization large screen comprises:
dividing the data visualization large screen into a plurality of same rectangular areas according to the size of the data visualization large screen;
and creating a container according to the rectangular area.
3. The method for constructing the data visualization large screen according to claim 2, wherein the creating a container according to the rectangular area comprises:
and creating the container according to the position and the size of each rectangular area.
4. The method for constructing a data visualization large screen according to claim 1, wherein after creating a plurality of containers according to the size of the data visualization large screen, the method further comprises:
merging the N containers into a new container;
the configuring of the assembly within the container comprises:
adjusting the size of the components in the component library according to the size of the new container;
selecting a component within the container among the resized components.
5. The method for constructing a data visualization large screen according to claim 1, wherein after creating a plurality of containers according to the size of the data visualization large screen, the method further comprises:
creating a large screen header; wherein the large screen head comprises: a global component; the global component is used for switching the display content of the data visualization large screen.
6. The method for constructing a data visualization large screen according to claim 5, further comprising, after the creating of the large screen head:
monitoring whether the parameters of the global component are changed or not;
and if the change occurs, reconfiguring the components in the container according to the changed parameters of the global components.
7. The method for constructing the data visualization large screen according to claim 5, wherein the parameters of the global component comprise: the region to which it belongs, the time dimension, the start time and the end time.
8. The method for constructing the data visualization large screen according to claim 1, wherein the creating of the plurality of containers according to the size of the data visualization large screen comprises:
setting the length-width resolution of the data visualization large screen and the initial value of the number of containers;
creating the container according to the length-width resolution and the number initial value.
9. An electronic device, comprising:
at least one processor; and the number of the first and second groups,
a memory communicatively coupled to the at least one processor; wherein the content of the first and second substances,
the memory stores instructions executable by the at least one processor to enable the at least one processor to perform a method of constructing a visualization large screen as recited in any one of claims 1 to 8.
10. A computer-readable storage medium storing a computer program, wherein the computer program, when executed by a processor, implements the method for constructing a large visualization screen according to any one of claims 1 to 8.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010896583.6A CN112015509A (en) | 2020-08-31 | 2020-08-31 | Data visualization large screen construction method, electronic device and storage medium |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010896583.6A CN112015509A (en) | 2020-08-31 | 2020-08-31 | Data visualization large screen construction method, electronic device and storage medium |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112015509A true CN112015509A (en) | 2020-12-01 |
Family
ID=73503997
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010896583.6A Pending CN112015509A (en) | 2020-08-31 | 2020-08-31 | Data visualization large screen construction method, electronic device and storage medium |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112015509A (en) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110908766A (en) * | 2019-12-04 | 2020-03-24 | 天津大海云科技有限公司 | Method for large-screen customized dynamic configuration of display content |
CN113064566A (en) * | 2021-02-25 | 2021-07-02 | 苏州奖多多科技有限公司 | Electronic screen display method, system and medium |
CN113110839A (en) * | 2021-04-21 | 2021-07-13 | 上海星融汽车科技有限公司 | Control display method and system and electronic equipment |
CN113253959A (en) * | 2021-05-26 | 2021-08-13 | 智慧泉城智能科技有限公司 | Front-end screen projection method adaptive to different large screen resolutions |
CN113626020A (en) * | 2021-08-04 | 2021-11-09 | 苏州思萃融合基建技术研究所有限公司 | User-defined large screen design management system based on digital twin technology |
CN114461951A (en) * | 2022-02-08 | 2022-05-10 | 北京致远互联软件股份有限公司 | Special portal application system based on large-screen display |
CN114489916A (en) * | 2022-03-08 | 2022-05-13 | 京东城市(北京)数字科技有限公司 | Method and device for loading visual large-screen page component |
CN114995817A (en) * | 2022-08-03 | 2022-09-02 | 杭州乾冠数字物联技术有限公司 | Web page large-screen data processing method based on Vuex |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108256126A (en) * | 2018-02-28 | 2018-07-06 | 成都康赛信息技术有限公司 | Visualize the data configuration method of data large-size screen monitors |
CN109410698A (en) * | 2018-09-19 | 2019-03-01 | 浙江省测绘科学技术研究院 | Data large-size screen monitors method for visualizing and system |
CN110263281A (en) * | 2019-06-17 | 2019-09-20 | 北京亚鸿世纪科技发展有限公司 | The adaptive device and method of page resolution in a kind of exploitation of data visualization |
CN110531976A (en) * | 2019-09-02 | 2019-12-03 | 浪潮云信息技术有限公司 | The method of charting is matched in modularization in a kind of visualization large-size screen monitors |
CN110908766A (en) * | 2019-12-04 | 2020-03-24 | 天津大海云科技有限公司 | Method for large-screen customized dynamic configuration of display content |
CN111208998A (en) * | 2019-12-27 | 2020-05-29 | 深圳力维智联技术有限公司 | Method and device for automatically laying out data visualization large screen and storage medium |
CN111522565A (en) * | 2020-04-21 | 2020-08-11 | 北京邮电大学 | Real-time data updating visualization large-screen method and system based on componentization |
-
2020
- 2020-08-31 CN CN202010896583.6A patent/CN112015509A/en active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108256126A (en) * | 2018-02-28 | 2018-07-06 | 成都康赛信息技术有限公司 | Visualize the data configuration method of data large-size screen monitors |
CN109410698A (en) * | 2018-09-19 | 2019-03-01 | 浙江省测绘科学技术研究院 | Data large-size screen monitors method for visualizing and system |
CN110263281A (en) * | 2019-06-17 | 2019-09-20 | 北京亚鸿世纪科技发展有限公司 | The adaptive device and method of page resolution in a kind of exploitation of data visualization |
CN110531976A (en) * | 2019-09-02 | 2019-12-03 | 浪潮云信息技术有限公司 | The method of charting is matched in modularization in a kind of visualization large-size screen monitors |
CN110908766A (en) * | 2019-12-04 | 2020-03-24 | 天津大海云科技有限公司 | Method for large-screen customized dynamic configuration of display content |
CN111208998A (en) * | 2019-12-27 | 2020-05-29 | 深圳力维智联技术有限公司 | Method and device for automatically laying out data visualization large screen and storage medium |
CN111522565A (en) * | 2020-04-21 | 2020-08-11 | 北京邮电大学 | Real-time data updating visualization large-screen method and system based on componentization |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110908766A (en) * | 2019-12-04 | 2020-03-24 | 天津大海云科技有限公司 | Method for large-screen customized dynamic configuration of display content |
CN113064566A (en) * | 2021-02-25 | 2021-07-02 | 苏州奖多多科技有限公司 | Electronic screen display method, system and medium |
CN113110839A (en) * | 2021-04-21 | 2021-07-13 | 上海星融汽车科技有限公司 | Control display method and system and electronic equipment |
CN113253959A (en) * | 2021-05-26 | 2021-08-13 | 智慧泉城智能科技有限公司 | Front-end screen projection method adaptive to different large screen resolutions |
CN113626020A (en) * | 2021-08-04 | 2021-11-09 | 苏州思萃融合基建技术研究所有限公司 | User-defined large screen design management system based on digital twin technology |
CN114461951A (en) * | 2022-02-08 | 2022-05-10 | 北京致远互联软件股份有限公司 | Special portal application system based on large-screen display |
CN114489916A (en) * | 2022-03-08 | 2022-05-13 | 京东城市(北京)数字科技有限公司 | Method and device for loading visual large-screen page component |
CN114995817A (en) * | 2022-08-03 | 2022-09-02 | 杭州乾冠数字物联技术有限公司 | Web page large-screen data processing method based on Vuex |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112015509A (en) | Data visualization large screen construction method, electronic device and storage medium | |
US10984177B2 (en) | System and method providing responsive editing and viewing, integrating hierarchical fluid components and dynamic layout | |
US10210144B2 (en) | Creation and display of a webpage with alternative layouts for different webpage widths | |
US8176417B2 (en) | Constructing and maintaining web sites | |
US8392828B2 (en) | Open theme builder and API | |
US8261179B2 (en) | Web page hot spots | |
US20050193334A1 (en) | Layout system, layout apparatus, layout program, template selection program, storage medium having stored therein layout program, and storage medium having stored therein template selection program, as well as layout method | |
CN111984351A (en) | Page adaptation method, electronic device and computer-readable storage medium | |
US7200615B2 (en) | Viewing tabular data on small handheld displays and mobile phones | |
CN111459501B (en) | SVG-based Web configuration picture storage and display system, method and medium | |
US10089120B2 (en) | Widgets in digital dashboards | |
US20120038664A1 (en) | Managing occluding objects in layouts of graphic objects | |
CN109683978A (en) | A kind of method, apparatus and electronic equipment of the rendering of streaming layout interface | |
US20160314502A1 (en) | System and method for streamlining the design and development process of multiple advertising units | |
CN112711731A (en) | Data point burying method, device, equipment and storage medium | |
CA3032201A1 (en) | Geospatial mapping system | |
US8185818B2 (en) | Mixed techniques for HTML crosstab rendering | |
KR101546359B1 (en) | Web page making system and method for maintaining compatibility of web browser and font | |
CN115691772A (en) | Operation visualization system and corresponding computer device and storage medium | |
EP2557505A1 (en) | Web display program conversion system, web display program conversion method, and program for web display program conversion | |
CN113449226A (en) | Table creating method | |
CN111459476A (en) | Component display method, component display system and storage medium | |
CN117891448B (en) | Visual component editing method, system, equipment and medium for constructing page | |
CN104182398A (en) | Server and information browsing method | |
US12045305B2 (en) | Method and apparatus for generating web page using blocks |
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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20201201 |