CN113626030A - Method and system for quickly building data visualization large screen - Google Patents
Method and system for quickly building data visualization large screen Download PDFInfo
- Publication number
- CN113626030A CN113626030A CN202110722835.8A CN202110722835A CN113626030A CN 113626030 A CN113626030 A CN 113626030A CN 202110722835 A CN202110722835 A CN 202110722835A CN 113626030 A CN113626030 A CN 113626030A
- Authority
- CN
- China
- Prior art keywords
- component
- composite
- large screen
- composite component
- data visualization
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
Abstract
The invention provides a method and a system for quickly building a data visualization large screen, which comprise 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. The construction method can improve the construction efficiency of the visual large screen, and is simpler and more convenient to operate.
Description
Technical Field
The invention relates to the technical field of data visualization, in particular to a method and a system for quickly building a large data visualization screen.
Background
In the process of digital transformation, the demand scene of data visualization is widely existed.
In order to construct a data visualization large screen with high efficiency, rapidness and accurate indexes, a political and enterprise unit with a certain scale needs to select components and configure data for each piece of content, so that the efficiency is very low, if the quantity is large, the workload is very huge, and enterprises solving the problems can win competitive keys in a new round of manufacturing revolution. Therefore, how to build a large data visualization screen with high efficiency and high quality is a problem to be solved.
Disclosure of Invention
The invention solves the main problem of how to build a visual large screen with high efficiency and high quality.
The invention provides a method for quickly building a data visualization large screen, which is characterized by comprising the following steps of:
selecting a plurality of basic components to be combined and then locked according to business requirements to form a composite component;
iteratively repeating the previous 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 respective 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, thereby constructing the visual large screen.
Further, the composite component is an integral component.
Further, the composite component selected from the composite component library as the corresponding theme further comprises:
and selecting an industry class and a business class when selecting the theme composite component, and positioning to the composite component of a specific type through the industry class and the business class.
Further, the information of the data source is the information of the data source displayed by the corresponding theme component.
Further, the basic component library comprises an icon class component, a character class component, a media class component, an index class component, a table class component and a 3D component.
Further, the types of base components in the composite component library are repeating, and/or, not repeating.
Further, the adjusting of the layout of the composite component and the base component on the large screen further comprises:
and previewing the large screen after adjusting the layout each time, finishing the construction of the visual large screen if the layout meets the composite requirement, and continuously adjusting the layout until the layout meets the requirement if the layout does not meet the composite requirement.
Further, before configuring the data sources for the unlocked composite components and/or the selected base components respectively, the method further includes:
adjusting the component style of the unlocked composite component, and/or the selected base component.
Further, the component style includes: picture identification, text size, component color, and component size.
According to another aspect of the invention, the invention further discloses a data visualization large-screen quick construction system which comprises a large screen, a graph editing module, a graph processing module, a composite component library, a database and a large-screen controller, wherein the visualization large-screen quick construction system is used for executing the data visualization large-screen quick construction method in operation.
The invention provides a theme template library, a composite component library and a basic component library, wherein the main template library consists of a plurality of theme templates of business types and industry types, and each theme template is built by a plurality of composite components and/or a plurality of basic components. The provided theme template library, the composite component library and the basic component library can greatly improve the construction efficiency of a large screen.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments of the invention and together with the description, serve to explain the principles of the invention.
FIG. 1 is a diagram illustrating the relationship between a composite component and a single base component in a composite component library according to an embodiment of the present invention.
Fig. 2 is a schematic view of a visualization large screen built by using a composite component library in the embodiment of the invention.
Detailed Description
Various exemplary embodiments of the present invention will be described in detail below with reference to the accompanying drawings. It should be noted that: the relative arrangement of the components and steps, the numerical expressions and numerical values set forth in these embodiments do not limit the scope of the present invention unless specifically stated otherwise.
Meanwhile, it should be understood that the sizes of the respective portions shown in the drawings are not drawn in an actual proportional relationship for the convenience of description.
The following description of at least one exemplary embodiment is merely illustrative in nature and is in no way intended to limit the invention, its application, or uses.
In order to make the objects, technical solutions and advantages of the present invention more apparent, the present invention is described in further detail below with reference to specific embodiments and the accompanying drawings.
Techniques, methods, and apparatus known to those of ordinary skill in the relevant art may not be discussed in detail but are intended to be part of the specification where appropriate.
In all examples shown and discussed herein, any particular value should be construed as merely illustrative, and not limiting. Thus, other examples of the exemplary embodiments may have different values.
It should be noted that: like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, further discussion thereof is not required in subsequent figures.
In a first embodiment, as shown in fig. 1, a schematic diagram of a relationship between a composite component and a single basic component in a composite component library is shown, and the step of building a data visualization large screen by using the composite component library includes:
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 integrated composite components, wherein the plurality of composite components form a composite component library; selecting a composite component with a corresponding theme from a composite component library, selecting an industry class and a service class at the same time, positioning to a specific service type through the industry class and the service class, and selecting a basic component with a corresponding type from a basic component library, or selecting only the composite component or only the basic component; unlocking the composite component of the respective theme; respectively configuring data sources for the unlocked composite components and/or the selected basic components; and modifying and storing the stored information of the data source, wherein the information of the data source refers to the information of the data source for display, and simultaneously adjusting the layout of the composite assembly and the basic assembly on the large screen, so that the visual large screen is built.
The composite component library provides a series of composite components of different business themes, such as: business management topics, sales topics, financial topics, personnel analysis topics libraries, and other topics. The composite components of different business themes contain different types of basic components, such as chart type components, including: single components of line graphs, pie graphs, pictograms, radar graphs, scatter graphs, funnel graphs, maps and other generic graphs; and (3) text components: the system comprises a text box, a ticker, hyperlinks and real-time; a media class component: including pictures, picture frames, carousel pictures, ifames, videos, and medias; an index-type component: the card turner, the annular graph, the progress bar, the instrument panel, the character cloud and the color block; table class component: tabs, forms, input boxes, buttons, drop-down boxes, and time selectors; 3D components, etc.
The basic component library also includes the different types of basic components, such as diagram type components, including: single components of line graphs, pie graphs, pictograms, radar graphs, scatter graphs, funnel graphs, maps and other generic graphs; and (3) text components: the system comprises a text box, a ticker, hyperlinks and real-time; a media class component: including pictures, picture frames, carousel pictures, ifames, videos, and medias; an index-type component: the card turner, the annular graph, the progress bar, the instrument panel, the character cloud and the color block; table class component: tabs, forms, input boxes, buttons, drop-down boxes, and time selectors; 3D components, etc.
And if a certain enterprise needs to establish a quality monitoring signboard, the component of the proper quality monitoring theme type can be directly selected under the business theme classification to be copied, a data source is changed, and then the components on the large screen are arranged in a dragging mode until the requirements are met, so that the construction of the large quality monitoring screen is completed, and the method is very efficient.
The copying is to copy the data of the whole theme type component into one copy for storing again, and then edit the stored data through a visual editor, wherein each time the editing and modification of the component is actually the modification of the component data. Meanwhile, the composite component is selected to copy one data of the composite component, and the composite component in the original composite component library is not modified, so that the independence and the completeness between the composite components in the composite component library and the composite components in the visual large screen can be ensured.
As shown in fig. 2, the composite component is an integral component formed by combining and locking a plurality of base components, the component comprises a plurality of base components, the composite component can greatly improve the construction efficiency of a large screen, and the composite component at least comprises 4 base components. In the case that no composite component exists, when a large visual screen containing corresponding functions is constructed, 4 components are selected and then laid out in such a position relation in a dragging mode.
The single assemblies required when the multifunctional visual large screen is built are many, the single assemblies are respectively dragged to be distributed, the workload is very huge, the composite assembly in the embodiment can save the workload, a plurality of composite assemblies can be combined, the combined new composite assembly is stored in a composite assembly library, the composite assembly can be directly introduced into the composite assembly library when the visual large screen is built, and the workload of repeated building is saved. Meanwhile, the number of the composite assemblies is not limited, the composite assemblies are derived and expanded from the basic assemblies, and the building efficiency of the whole visual platform is improved due to the existence of the composite assemblies.
According to another aspect of the invention, the invention further discloses a data visualization large-screen quick construction system, which comprises a large screen, a graph editing module, a graph processing module, a composite component library, a basic component library, a database and a large-screen controller, wherein the visualization large-screen quick construction system is used for executing the data visualization large-screen quick construction method in operation.
According to the invention, by providing the composite component library and the basic component library, different theme templates exist in the composite component library, and the corresponding theme template comprises a plurality of composite components and/or basic components, the construction efficiency of a large screen can be greatly improved.
The above description is only exemplary of the present invention and should not be taken as limiting the invention, as any modification, equivalent replacement, or improvement made within the spirit and scope of the present invention should be included in the present invention.
It should also be noted that the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other identical elements in the process, method, article, or apparatus that comprises the element.
Claims (10)
1. A method for quickly building a data visualization large screen is characterized by comprising the following steps:
selecting a plurality of basic components to be combined and then locked according to business requirements to form a composite component;
iteratively repeating the previous 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 respective 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, thereby constructing the visual large screen.
2. The method for rapidly building the data visualization large screen as claimed in claim 1, wherein the composite component is an integral component.
3. The data visualization large screen quick construction method according to claim 1, wherein the composite component selected from the composite component library as the corresponding theme further comprises:
and selecting an industry class and a business class when selecting the theme composite component, and positioning to the composite component of a specific type through the industry class and the business class.
4. The data visualization large screen quick construction method according to claim 1, characterized in that:
the information of the data source is the information of the data source displayed by the corresponding theme component.
5. The data visualization large-screen quick construction method according to claim 1, wherein the basic component library comprises an icon component, a character component, a media component, an index component, a table component and a 3D component.
6. The data visualization large screen quick construction method according to claim 1, wherein the types of the basic components in the composite component library are repetitive and/or are not repetitive.
7. The method for rapidly building a data visualization large screen according to claim 1, wherein the method for adjusting the layout of the composite component and the base component on the large screen further comprises the following steps:
and previewing the large screen after adjusting the layout each time, finishing the construction of the visual large screen if the layout meets the requirement, and continuously adjusting the layout until the layout meets the requirement if the layout does not meet the requirement.
8. The method for rapidly building a data visualization large screen according to claim 1, wherein before configuring the data sources for the unlocked composite components and/or the selected basic components respectively, the method further comprises:
adjusting the component style of the unlocked composite component, and/or the selected base component.
9. The data visualization large screen quick construction method according to claim 1, wherein the assembly style comprises the following steps: picture identification, text size, component color, and component size.
10. A data visualization large-screen quick construction system is characterized by comprising a large screen, a graph editing module, a graph processing module, a composite component library, a basic component library, a database and a large-screen controller, wherein the visualization large-screen quick construction system is used for executing the data visualization large-screen quick construction method as claimed in any one of claims 1 to 9 when in operation.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110722835.8A CN113626030A (en) | 2021-06-28 | 2021-06-28 | Method and system for quickly building data visualization large screen |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110722835.8A CN113626030A (en) | 2021-06-28 | 2021-06-28 | Method and system for quickly building data visualization large screen |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113626030A true CN113626030A (en) | 2021-11-09 |
Family
ID=78378504
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110722835.8A Pending CN113626030A (en) | 2021-06-28 | 2021-06-28 | Method and system for quickly building data visualization large screen |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113626030A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114416194A (en) * | 2021-12-17 | 2022-04-29 | 卓米私人有限公司 | Picture loading method and device based on ImageView aggregation function component |
Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102681841A (en) * | 2012-02-01 | 2012-09-19 | 中兴通讯（香港）有限公司 | Method and system for developing mobile phone application |
| CN105260821A (en) * | 2015-09-23 | 2016-01-20 | 国网河南省电力公司电力科学研究院 | Method for rapidly constructing energy efficiency evaluation service for high-energy-consumption electricity enterprise |
| CN108681454A (en) * | 2018-05-23 | 2018-10-19 | 成都淞幸科技有限责任公司 | A kind of webpage visualization component development method |
| CN109117119A (en) * | 2018-07-02 | 2019-01-01 | 成都四方伟业软件股份有限公司 | A kind of polymorphic component fusion method |
| CN110032420A (en) * | 2019-04-18 | 2019-07-19 | 合肥天毅网络传媒有限公司 | A kind of front end webpage design system and method |
| CN111522565A (en) * | 2020-04-21 | 2020-08-11 | 北京邮电大学 | Real-time data updating visualization large-screen method and system based on componentization |
| CN111562912A (en) * | 2020-04-08 | 2020-08-21 | 北京邮电大学 | Front-end component development method and system for data visualization |
| CN111680339A (en) * | 2020-04-14 | 2020-09-18 | 众能联合数字技术有限公司 | Material assembling platform based on blocks or building blocks |
| CN112214218A (en) * | 2020-10-12 | 2021-01-12 | 上海赛可出行科技服务有限公司 | High-performance and high-efficiency Sketch component library generation and management scheme and system |
| CN112328252A (en) * | 2020-12-03 | 2021-02-05 | 江苏赛融科技股份有限公司 | Online design data visualization large-screen method based on web page |
| CN112925520A (en) * | 2021-03-30 | 2021-06-08 | 平安科技（深圳）有限公司 | Method and device for building visual page and computer equipment |
| US11037342B1 (en) * | 2016-07-31 | 2021-06-15 | Splunk Inc. | Visualization modules for use within a framework for displaying interactive visualizations of event data |
-
2021
- 2021-06-28 CN CN202110722835.8A patent/CN113626030A/en active Pending
Patent Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102681841A (en) * | 2012-02-01 | 2012-09-19 | 中兴通讯（香港）有限公司 | Method and system for developing mobile phone application |
| CN105260821A (en) * | 2015-09-23 | 2016-01-20 | 国网河南省电力公司电力科学研究院 | Method for rapidly constructing energy efficiency evaluation service for high-energy-consumption electricity enterprise |
| US11037342B1 (en) * | 2016-07-31 | 2021-06-15 | Splunk Inc. | Visualization modules for use within a framework for displaying interactive visualizations of event data |
| CN108681454A (en) * | 2018-05-23 | 2018-10-19 | 成都淞幸科技有限责任公司 | A kind of webpage visualization component development method |
| CN109117119A (en) * | 2018-07-02 | 2019-01-01 | 成都四方伟业软件股份有限公司 | A kind of polymorphic component fusion method |
| CN110032420A (en) * | 2019-04-18 | 2019-07-19 | 合肥天毅网络传媒有限公司 | A kind of front end webpage design system and method |
| CN111562912A (en) * | 2020-04-08 | 2020-08-21 | 北京邮电大学 | Front-end component development method and system for data visualization |
| CN111680339A (en) * | 2020-04-14 | 2020-09-18 | 众能联合数字技术有限公司 | Material assembling platform based on blocks or building blocks |
| CN111522565A (en) * | 2020-04-21 | 2020-08-11 | 北京邮电大学 | Real-time data updating visualization large-screen method and system based on componentization |
| CN112214218A (en) * | 2020-10-12 | 2021-01-12 | 上海赛可出行科技服务有限公司 | High-performance and high-efficiency Sketch component library generation and management scheme and system |
| CN112328252A (en) * | 2020-12-03 | 2021-02-05 | 江苏赛融科技股份有限公司 | Online design data visualization large-screen method based on web page |
| CN112925520A (en) * | 2021-03-30 | 2021-06-08 | 平安科技（深圳）有限公司 | Method and device for building visual page and computer equipment |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114416194A (en) * | 2021-12-17 | 2022-04-29 | 卓米私人有限公司 | Picture loading method and device based on ImageView aggregation function component |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US6557002B1 (en) | Data management system for storing structural element data management program | |
| US6526423B2 (en) | System and method for creating, generating and processing user-defined generic specs | |
| US7760405B2 (en) | Apparatus and method for integrating print preview with data modeling document editing | |
| CN101916244A (en) | Filter and classification according to form | |
| US20210125144A1 (en) | Bill of material conversion method, electronic apparatus and non-transitory computer-readable storage medium | |
| CN110543303B (en) | Visual service platform | |
| US20150193735A1 (en) | Project Management System Providing Digital Form-Based Inspections in the Field | |
| US9135234B1 (en) | Collaborative generation of digital content with interactive reports | |
| JPH11232338A (en) | Device and method for preparing process flow and computer readable recording medium for recording process flow preparation program | |
| CN112560422A (en) | Chart processing method, device, equipment and medium | |
| CN113626030A (en) | Method and system for quickly building data visualization large screen | |
| KR100443151B1 (en) | Method and apparatus for providing comprehensive information of a building including geographic information system of it with computer network | |
| JPH07146898A (en) | Equipment resource management system and graphical data base access system | |
| JP2001222613A (en) | Method and device for displaying commercial area and medium | |
| JPH08305724A (en) | Device for managing design supporting information document | |
| CN1963849A (en) | Conformity method of managing system of data of product | |
| US11768591B2 (en) | Dynamic graphical containers | |
| CN114417789A (en) | Data reference method and device, electronic equipment and storage medium | |
| JPH09204465A (en) | Organization chart output device | |
| JP3548588B2 (en) | Document management system | |
| JP3695410B2 (en) | Production technology management method and apparatus therefor | |
| JPH081645B2 (en) | Design drawing management method | |
| JP2023077980A (en) | Information processing apparatus, information processing method, and program | |
| JP2005165476A (en) | Facility data management system and method | |
| CN117608524A (en) | Project demand information architecture management system based on graphical mode |
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 |