CN112149395A - Chart generation method and device - Google Patents
Chart generation method and device Download PDFInfo
- Publication number
- CN112149395A CN112149395A CN202011034865.1A CN202011034865A CN112149395A CN 112149395 A CN112149395 A CN 112149395A CN 202011034865 A CN202011034865 A CN 202011034865A CN 112149395 A CN112149395 A CN 112149395A
- Authority
- CN
- China
- Prior art keywords
- chart
- components
- generating
- component
- vue
- 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
- 238000000034 method Methods 0.000 title claims abstract description 45
- 238000004590 computer program Methods 0.000 claims description 15
- 238000004458 analytical method Methods 0.000 claims description 10
- 238000004806 packaging method and process Methods 0.000 claims description 5
- 238000010586 diagram Methods 0.000 description 20
- 238000012545 processing Methods 0.000 description 9
- 238000004891 communication Methods 0.000 description 6
- 230000006870 function Effects 0.000 description 6
- 238000013079 data visualisation Methods 0.000 description 5
- 238000011161 development Methods 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 238000013499 data model Methods 0.000 description 2
- 235000012489 doughnuts Nutrition 0.000 description 2
- 238000001914 filtration Methods 0.000 description 2
- 238000004519 manufacturing process Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000000750 progressive effect Effects 0.000 description 2
- 230000000712 assembly Effects 0.000 description 1
- 238000000429 assembly Methods 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 230000008878 coupling Effects 0.000 description 1
- 238000010168 coupling process Methods 0.000 description 1
- 238000005859 coupling reaction Methods 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 239000011521 glass Substances 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 239000000203 mixture Substances 0.000 description 1
- 230000008520 organization Effects 0.000 description 1
- 238000012856 packing Methods 0.000 description 1
- 238000012216 screening Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
- G06F40/18—Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- General Engineering & Computer Science (AREA)
- Stored Programmes (AREA)
Abstract
The invention provides a chart generation method and a chart generation device, wherein the chart generation method comprises the following steps: configuring Vue graph components and Echarts graph components; generating a chart component library according to the Vue chart components and the Echarts chart components after configuration; and generating a corresponding chart according to the chart component library and the data of the chart to be generated. The chart generation method and device provided by the invention have the advantages of simple chart configuration, high chart generation efficiency, customized chart style, support of single-page and multi-chart, and intelligent AI chart generation.
Description
Technical Field
The invention relates to the technical field of computers, in particular to a chart generation method and device.
Background
In the prior art, when a chart is generated by big data, complicated data type conversion and complex configuration items are often required to be performed, styles cannot be completely unified, and compatibility is poor.
The more common charting components currently in use on the market are ECharts, Highcharts, AntV-f2, and the like. By creating a graphical chart, the extracted data is visualized, and various attributes and variables of the data are presented. Common pie charts, histograms, scatter plots, histograms, etc., are the most primitive statistical charts, the most basic and common. From the technical point of view, a chart usually involves a plurality of modules, each module encapsulates its own interface in consideration of loose coupling, and finally, the interfaces of different modules need to be combined to obtain the data required by the chart. From the perspective of repeated wheel manufacturing, chart assemblies are large, implementation cost and integration cost are high, for example, skin consistency is high, and a plurality of configuration items are required to be arranged during implementation.
In summary, the above is provided. How to provide a chart component which can improve the chart development efficiency and save the development cost and has light weight is an urgent problem to be solved.
Disclosure of Invention
The chart generation method and device provided by the invention have the advantages of simple configuration, high chart generation efficiency, self-defined chart styles and support of single page and multiple charts.
In order to achieve the above object, the present invention provides a chart generation method, including:
configuring Vue graph components and Echarts graph components;
generating a chart component library according to the Vue chart components and the Echarts chart components after configuration;
and generating a corresponding chart according to the chart component library and the data of the chart to be generated.
Preferably, the configuration Vue schema component and the Echarts schema component include:
and configuring basic attributes and special attributes of the graphs contained in the Vue graph component and the Echarts graph component respectively.
Preferably, the generating a chart component library according to the Vue chart components and the Echarts chart components after configuration comprises:
packaging the Vue chart component and the title, filter term and chart of each chart in the Echarts chart component into an independent component;
the chart component library is generated from a plurality of independent components.
Preferably, the generating a chart corresponding to the chart component library according to the chart component library and the data to be generated into the chart includes:
and selecting the corresponding chart in the chart component library by utilizing an AI intelligent analysis method according to the variable number contained in the data of the chart to be generated so as to generate the chart corresponding to the data of the chart to be generated.
In a second aspect, the present invention provides a chart generating apparatus, comprising:
a chart component configuration unit for configuring Vue chart components and Echarts chart components;
the component library generating unit is used for generating a chart component library according to the Vue chart components and the Echarts chart components after configuration;
and the chart generating unit is used for generating a corresponding chart according to the chart component library and the data of the chart to be generated.
Preferably, the chart component configuring unit is specifically configured to configure the basic attributes and the unique attributes of the charts included in the Vue chart component and the Echarts chart component, respectively.
Preferably, the component library generating unit includes:
an independent component generation module, which is used for packaging the title, the filter item and the chart of each chart in the Vue chart component and the Echarts chart component into an independent component;
and the component library generating module is used for generating the chart component library according to a plurality of independent components.
Preferably, the chart generating unit is specifically configured to select, by using an AI intelligent analysis method, a corresponding chart in the chart component library according to the number of variables included in the data of the chart to be generated, so as to generate the chart corresponding to the data of the chart to be generated.
In a third aspect, the present invention provides an electronic device, comprising a memory, a processor, and a computer program stored on the memory and executable on the processor, wherein the processor implements the steps of the graph generation method when executing the program.
In a fourth aspect, the invention provides a computer-readable storage medium having stored thereon a computer program which, when executed by a processor, performs the steps of the chart generation method.
As can be seen from the above description, in the graph generating method and apparatus provided in the embodiments of the present invention, firstly, Vue graph components and Echarts graph components are configured; then, generating a chart component library according to the Vue chart components and the Echarts chart components which are configured; and finally, generating a corresponding chart according to the chart component library and the data of the chart to be generated. The chart generation method and device have the advantages of being simple in chart configuration, high in chart generation efficiency, capable of customizing the chart style, supporting single-page and multi-chart, and capable of generating charts intelligently through AI.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below, and it is obvious that the drawings in the following description are some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to these drawings without creative efforts.
FIG. 1 is a first schematic diagram of a chart generation system according to an embodiment of the present disclosure;
FIG. 2 is a second schematic diagram of a chart generation system according to an embodiment of the present application;
FIG. 3 is a schematic flow chart diagram illustrating a chart generation method provided in an embodiment of the present invention;
FIG. 4 is a flow chart illustrating step 100 according to an embodiment of the present invention;
FIG. 5 is a flowchart of step 200 in an embodiment of the present invention;
FIG. 6 is a flowchart of step 300 in an embodiment of the present invention;
FIG. 7 is a flowchart illustrating a method for generating a graph according to an embodiment of the present invention;
FIG. 8 is a diagram illustrating the composition of a chart component library according to an embodiment of the present invention;
FIG. 9 is a diagram illustrating data sources in an embodiment of the present invention;
FIG. 10 is a schematic structural diagram of a pointer map generating apparatus according to an embodiment of the present invention;
FIG. 11 is a schematic structural diagram of a component library generating unit according to an embodiment of the present invention;
fig. 12 is a schematic structural diagram of an electronic device in an embodiment of the invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present invention clearer, 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, but not all, embodiments of the present invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
The present application provides a chart generation system, referring to fig. 1, the system may be a server a1, the server a1 may be communicatively connected to a plurality of data receivers B1 to generate charts, the server a1 may be communicatively connected to a plurality of databases, respectively, or as shown in fig. 2, the databases may be disposed in the server a 1. The data receiving end B1, which is intended to generate the chart, is used to receive the message of the client. After receiving the data, the server a1 sends the data to the corresponding subsystem, and performs mapping processing on the data.
It is understood that client C1 may include a smartphone, a tablet electronic device, a network set-top box, a portable computer, a desktop computer, a Personal Digital Assistant (PDA), an in-vehicle device, a smart wearable device, and the like. Wherein, intelligence wearing equipment can include intelligent glasses, intelligent wrist-watch, intelligent bracelet etc..
In practical applications, the part for generating the chart can be executed on the side of the server a1 as described above, i.e., the architecture shown in fig. 1 or fig. 2, and all the operations can be completed in the client C1 device. The selection may be specifically performed according to the processing capability of the client device, the limitation of the user usage scenario, and the like. This is not a limitation of the present application. If all the operations are completed in the client device, the client device may further include a processor configured to perform operations such as processing of the graph generation result.
The client C1 device may have a communication module (i.e., a communication unit) to communicate with a remote server for data transmission. The server may comprise a chart generation side server, and in other implementations may comprise an intermediate platform server, such as a third party server platform server communicatively linked to the chart generation server. The server may comprise a single computer device, or may comprise a server cluster formed by a plurality of servers, or a server structure of a distributed device.
The server and client devices may communicate using any suitable network protocol, including network protocols not yet developed at the filing date of this application. The network protocols may include, for example, TCP/IP protocol, UDP/IP protocol, HTTP protocol, HTTPS protocol, and the like. Of course, the network Protocol may also include, for example, an RPC Protocol (Remote Procedure Call Protocol) used above the above Protocol, a REST Protocol (Representational State Transfer Protocol), and the like.
It should be noted that the embodiments and features of the embodiments in the present application may be combined with each other without conflict. The present application will be described in detail below with reference to the embodiments with reference to the attached drawings.
An embodiment of the present invention provides a specific implementation of a graph generating method, and referring to fig. 3, the method specifically includes the following steps:
step 100: vue schema components and Echarts schema components are configured.
It can be understood that echarts (enterprise charts) is a pure Javascript chart library, is compatible with most current browsers and mobile devices, and the stratum depends on a lightweight Canvas class library ZRender, so that the method has better support for visualization of big data and can provide an intuitive, vivid and interactive data visualization chart. It provides conventional line graphs, histograms, scatter plots, pie charts, K-line graphs, box plots for statistics, maps for geographical data visualization, thermodynamic diagrams, line graphs, relationship graphs for relationship data visualization, treemap, asahi, parallel coordinates for multi-dimensional data visualization, as well as funnel graphs for BI, dashboards, and supports mashups between graphs.
Vue is a set of progressive front-end mvvm (model View model) framework for building user interfaces, which differs from other heavyweight frameworks in that Vue is designed with bottom-up incremental development to build with data-driven and simplest ideas.
Step 200: and generating a chart component library according to the Vue chart components and the Echarts chart components after configuration.
It should be noted that the chart component library in step 200 may perform addition, deletion, query and filtering of chart types; assisting the user in quickly locking the required chart types; in addition, the data format of each chart group is configurable, and the chart groups have basic attributes and special attributes of the charts, so that a developer is prevented from directly generating complicated configuration items, and common charts are easily generated.
Step 300: and generating a corresponding chart according to the chart component library and the data of the chart to be generated.
According to the data of the pre-generated chart, the corresponding component is selected from the chart component library, and the corresponding chart is generated by combining the data, and preferably, the data can be subjected to multi-dimensional omnibearing analysis (including 3D analysis).
As can be seen from the above description, in the graph generating method provided in the embodiment of the present invention, firstly, Vue graph components and Echarts graph components are configured; then, generating a chart component library according to the Vue chart components and the Echarts chart components which are configured; and finally, generating a corresponding chart according to the chart component library and the data of the chart to be generated. The chart generation method provided by the application has the advantages of simple chart configuration, high chart generation efficiency, customized chart styles, support for single-page and multi-chart generation and intelligent AI generation.
In one embodiment, referring to fig. 4, step 100 comprises:
step 101: and configuring basic attributes and special attributes of the graphs contained in the Vue graph component and the Echarts graph component respectively.
Specifically, the basic attributes in step 101 refer to the style of the chart, including the color, size, wheel base, and the like of the chart itself, and the specific attributes include the functions of screening, collecting, and setting top, and the like of the chart itself.
In one embodiment, referring to fig. 5, step 200 comprises:
step 201: packaging the Vue chart component and the title, filter term and chart of each chart in the Echarts chart component into an independent component;
step 202: the chart component library is generated from a plurality of independent components.
In step 201 and step 202, the title, the filter item and the chart (column chart, line chart, pie chart, etc.) of each chart are combined and packaged into an independent component in the form of codes, and then, each independent component exists together to form a component library.
In one embodiment, referring to fig. 6, step 300 includes:
step 301: and selecting the corresponding chart in the chart component library by utilizing an AI intelligent analysis method according to the variable number contained in the data of the chart to be generated so as to generate the chart corresponding to the data of the chart to be generated.
For example, it is recognized that the data to be generated into the chart has only two variables of time and value, and a column chart or a line chart can be matched; identifying that the data source is a plurality of scalars, a pie chart or a circle chart is recommended.
To further illustrate the present solution, the present application provides a specific application example of the graph generating method, and the specific application example specifically includes the following contents, see fig. 7.
S1: and generating a chart component library according to the configured Vue chart components and the Echarts chart components.
Specifically, based on Vue and echarts packaged chart components, the organization and management data visualization system provides attribute descriptions of all chart type operations and chart types: firstly, forming a unified chart component library, wherein the chart component library can be used for adding, deleting, inquiring and filtering chart types; and can assist users to lock the required chart type quickly; further, referring to fig. 8, the chart types in the chart database include: bar charts, pie charts, donuts, line charts, etc., each type of chart having basic attributes as well as characteristic attributes.
Secondly, the data format of each chart group is configurable, and the chart groups have basic attributes and special attributes of the charts, so that a developer is prevented from directly generating fussy configuration items, and common charts are easily generated.
It can be understood that by directly encapsulating the inside of the diagram components, each diagram component has a basic attribute and a specific attribute, and the packing problem of Echarts is internally processed, each diagram only introduces a corresponding module, and the finally generated code volume is ensured to be minimum.
S2: and generating a corresponding chart according to the chart component library and the data of the chart to be generated.
Based on a chart component library, through inputting a data model and through AI intelligent analysis, the appropriate chart type is automatically identified, for example, a column chart or a line chart can be matched by identifying that a data source only has two variables of time and value; identifying that the data source is a plurality of scalars, the user is recommended to use a pie chart or a donut chart. Meanwhile, the data model can be analyzed in a multi-dimensional and all-around mode (including 3D analysis). Referring to fig. 9, the data to be generated into the chart may be entered from an API interface, may be static data, or may be obtained from a public network database.
From the above description, the chart generation method provided in this specific application example first configures Vue chart components and Echarts chart components; then, generating a chart component library according to the Vue chart components and the Echarts chart components which are configured; and finally, generating a corresponding chart according to the chart component library and the data of the chart to be generated. The chart generation method provided by the application has the advantages of simple chart configuration, high chart generation efficiency, customized chart styles, support for single-page and multi-chart generation and intelligent AI generation.
Based on the same inventive concept, embodiments of the present application further provide a chart generation apparatus, which can be used to implement the methods described in the above embodiments, such as the following embodiments. Because the principle of solving the problem of the graph generating device is similar to that of the graph generating method, the graph generating device can be implemented by the graph generating method, and repeated details are not repeated. As used hereinafter, the term "unit" or "module" may be a combination of software and/or hardware that implements a predetermined function. While the system described in the embodiments below is preferably implemented in software, implementations in hardware, or a combination of software and hardware are also possible and contemplated.
An embodiment of the present invention provides a specific implementation of a chart generating apparatus capable of implementing a chart generating method, and referring to fig. 10, the chart generating apparatus specifically includes the following contents:
a chart component configuration unit 10 for configuring Vue chart components and Echarts chart components;
the component library generating unit 20 is configured to generate a graph component library according to the Vue graph components and the Echarts graph components after configuration;
the chart generating unit 30 is configured to generate a corresponding chart according to the chart component library and the data to be generated into the chart.
Preferably, the chart component configuring unit 10 is specifically configured to configure the basic attributes and the unique attributes of the charts included in the Vue chart components and the Echarts chart components respectively.
Preferably, referring to fig. 11, the component library generating unit 20 includes:
an independent component generation module 201, configured to encapsulate the Vue chart component and the title, the filter item, and the chart of each of the Echarts chart components into an independent component;
the component library generating module 202 is configured to generate the chart component library according to a plurality of independent components.
Preferably, the chart generating unit 30 is specifically configured to select a corresponding chart in the chart component library according to the number of variables included in the data of the chart to be generated by using an AI intelligent analysis method, so as to generate the chart corresponding to the data of the chart to be generated.
As can be seen from the above description, the chart generating apparatus according to the embodiment of the present invention first configures Vue chart components and Echarts chart components; then, generating a chart component library according to the Vue chart components and the Echarts chart components which are configured; and finally, generating a corresponding chart according to the chart component library and the data of the chart to be generated. The chart generation device provided by the application has the advantages of simple chart configuration, high chart generation efficiency, customized chart styles, support for single-page and multi-chart generation and intelligent AI generation.
An embodiment of the present application further provides a specific implementation manner of an electronic device, which is capable of implementing all steps in the graph generating method in the foregoing embodiment, and referring to fig. 12, the electronic device specifically includes the following contents:
a processor (processor)1201, a memory (memory)1202, a communication Interface 1203, and a bus 1204;
the processor 1201, the memory 1202 and the communication interface 1203 complete communication with each other through the bus 1204; the communication interface 1203 is configured to implement information transmission between related devices, such as a server-side device, a message receiving device, and a client device.
The processor 1201 is configured to call the computer program in the memory 1202, and the processor executes the computer program to implement all the steps in the chart generating method in the above embodiments, for example, the processor executes the computer program to implement the following steps:
step 100: configuring Vue graph components and Echarts graph components;
step 200: generating a chart component library according to the Vue chart components and the Echarts chart components after configuration;
step 300: and generating a corresponding chart according to the chart component library and the data of the chart to be generated.
Embodiments of the present application also provide a computer-readable storage medium capable of implementing all steps in the chart generating method in the above embodiments, where the computer-readable storage medium stores thereon a computer program, and the computer program, when executed by a processor, implements all steps of the chart generating method in the above embodiments, for example, when the processor executes the computer program, the processor implements the following steps:
step 100: configuring Vue graph components and Echarts graph components;
step 200: generating a chart component library according to the Vue chart components and the Echarts chart components after configuration;
step 300: and generating a corresponding chart according to the chart component library and the data of the chart to be generated.
The embodiments in the present specification are described in a progressive manner, and the same and similar parts among the embodiments are referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, for the hardware + program class embodiment, since it is substantially similar to the method embodiment, the description is simple, and the relevant points can be referred to the partial description of the method embodiment.
The foregoing description has been directed to specific embodiments of this disclosure. Other embodiments are within the scope of the following claims. In some cases, the actions or steps recited in the claims may be performed in a different order than in the embodiments and still achieve desirable results. In addition, the processes depicted in the accompanying figures do not necessarily require the particular order shown, or sequential order, to achieve desirable results. In some embodiments, multitasking and parallel processing may also be possible or may be advantageous.
Although the present application provides method steps as in an embodiment or a flowchart, more or fewer steps may be included based on conventional or non-inventive labor. The order of steps recited in the embodiments is merely one manner of performing the steps in a multitude of orders and does not represent the only order of execution. When an actual apparatus or client product executes, it may execute sequentially or in parallel (e.g., in the context of parallel processors or multi-threaded processing) according to the embodiments or methods shown in the figures.
The present invention is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
The principle and the implementation mode of the invention are explained by applying specific embodiments in the invention, and the description of the embodiments is only used for helping to understand the method and the core idea of the invention; meanwhile, for a person skilled in the art, according to the idea of the present invention, there may be variations in the specific embodiments and the application scope, and in summary, the content of the present specification should not be construed as a limitation to the present invention.
Claims (10)
1. A chart generation method, comprising:
configuring Vue graph components and Echarts graph components;
generating a chart component library according to the Vue chart components and the Echarts chart components after configuration;
and generating a corresponding chart according to the chart component library and the data of the chart to be generated.
2. The chart generation method of claim 1, wherein configuring Vue chart components and Echarts chart components comprises:
and configuring basic attributes and special attributes of the graphs contained in the Vue graph component and the Echarts graph component respectively.
3. The method of generating charts in claim 1 wherein the generating a chart component library from the Vue chart components and the Echarts chart components after configuration comprises:
packaging the Vue chart component and the title, filter term and chart of each chart in the Echarts chart component into an independent component;
the chart component library is generated from a plurality of independent components.
4. The method of claim 1, wherein generating the chart corresponding to the chart component library and the data to be generated according to the chart component library comprises:
and selecting the corresponding chart in the chart component library by utilizing an AI intelligent analysis method according to the variable number contained in the data of the chart to be generated so as to generate the chart corresponding to the data of the chart to be generated.
5. A chart generating apparatus, comprising:
a chart component configuration unit for configuring Vue chart components and Echarts chart components;
the component library generating unit is used for generating a chart component library according to the Vue chart components and the Echarts chart components after configuration;
and the chart generating unit is used for generating a corresponding chart according to the chart component library and the data of the chart to be generated.
6. The chart generating apparatus according to claim 5, wherein the chart component configuring unit is specifically configured to configure basic attributes and unique attributes of the charts included in the Vue chart components and the Echarts chart components, respectively.
7. The chart generating apparatus according to claim 5, wherein the component library generating unit includes:
an independent component generation module, which is used for packaging the title, the filter item and the chart of each chart in the Vue chart component and the Echarts chart component into an independent component;
and the component library generating module is used for generating the chart component library according to a plurality of independent components.
8. The chart generating apparatus according to claim 5, wherein the chart generating unit is specifically configured to select a corresponding chart in the chart component library by using an AI intelligence analysis method according to the number of variables included in the data of the chart to be generated, so as to generate the chart corresponding to the data of the chart to be generated.
9. An electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the steps of the chart generation method of any one of claims 1 to 4 are implemented when the program is executed by the processor.
10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the steps of the graph generation method according to any one of claims 1 to 4.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011034865.1A CN112149395A (en) | 2020-09-27 | 2020-09-27 | Chart generation method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011034865.1A CN112149395A (en) | 2020-09-27 | 2020-09-27 | Chart generation method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112149395A true CN112149395A (en) | 2020-12-29 |
Family
ID=73894731
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011034865.1A Pending CN112149395A (en) | 2020-09-27 | 2020-09-27 | Chart generation method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112149395A (en) |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108492346A (en) * | 2018-03-19 | 2018-09-04 | 苏州思必驰信息科技有限公司 | Realize the method and device of chart components |
| CN108628608A (en) * | 2018-04-16 | 2018-10-09 | 朗新科技股份有限公司 | A kind of method and device 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 |
| CN110781653A (en) * | 2019-10-14 | 2020-02-11 | 苏宁云计算有限公司 | Method, apparatus, computer device and storage medium for drawing svg chart using vue |
| CN111562912A (en) * | 2020-04-08 | 2020-08-21 | 北京邮电大学 | Front-end component development method and system for data visualization |
-
2020
- 2020-09-27 CN CN202011034865.1A patent/CN112149395A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108492346A (en) * | 2018-03-19 | 2018-09-04 | 苏州思必驰信息科技有限公司 | Realize the method and device of chart components |
| CN108628608A (en) * | 2018-04-16 | 2018-10-09 | 朗新科技股份有限公司 | A kind of method and device 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 |
| CN110781653A (en) * | 2019-10-14 | 2020-02-11 | 苏宁云计算有限公司 | Method, apparatus, computer device and storage medium for drawing svg chart using vue |
| CN111562912A (en) * | 2020-04-08 | 2020-08-21 | 北京邮电大学 | Front-end component development method and system for data visualization |
Non-Patent Citations (1)
| Title |
|---|
| 江婷等: "基于组件化的数据可视化系统设计与实现", 《智能物联技术》 * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11188310B2 (en) | Automatically generating an interface description in an interface description language | |
| CN106302008B (en) | Data-updating method and device | |
| CN111555922A (en) | Method, device, equipment and storage medium for active adaptive access of Internet of things equipment | |
| CN107241227B (en) | Configuration and generation method of network data report | |
| CN112286513A (en) | Visual design method and device based on component metadata | |
| AU2017254506B2 (en) | Method, apparatus, computing device and storage medium for data analyzing and processing | |
| CN111611518B (en) | Automatic visual display page publishing method and system based on Html5 | |
| US20170146980A1 (en) | Method and system of dynamically configuring functions of machine | |
| CN108038212B (en) | Data interaction method, device, system, equipment and storage medium | |
| CN104077120A (en) | Image and text processing method, system and server | |
| CN109636301A (en) | Workflow configuration method, system, terminal and the readable storage medium storing program for executing of financial business | |
| CN111581083A (en) | Interface testing method and device, electronic equipment and storage medium | |
| CN110633959A (en) | Method, device, equipment and medium for creating approval task based on graph structure | |
| CN114254033A (en) | Data processing method and system based on BS architecture | |
| CN112699111B (en) | Report generation method and device, electronic equipment and computer readable medium | |
| CN114398115A (en) | Visual pipeline generation method and device, storage medium and electronic equipment | |
| CN112149395A (en) | Chart generation method and device | |
| CN107147732A (en) | Image processing method, device, client and service end | |
| CN113536748A (en) | Method and device for generating chart data | |
| Kumar et al. | A generic visualization framework based on a data driven approach for the analytics data | |
| CN108153845B (en) | Method and device for exporting background image data | |
| CN108804088B (en) | Protocol processing method and device | |
| CN113886482B (en) | Automatic data storage method, device and equipment for graph database | |
| CN114296696A (en) | Business function operation method and device, storage medium and electronic equipment | |
| CN112860725A (en) | SQL automatic generation method and device, storage medium and electronic equipment |
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 |
Application publication date: 20201229 |
|
| RJ01 | Rejection of invention patent application after publication |