Automatic chart generation method and system based on Java Spring and Vue, medium and equipment

Abstract

The invention provides an automatic chart generation method and system based on Java Spring and Vue, a medium and equipment. The automatic chart generation method comprises the steps that chart information is acquired through a front-end interface; transmitting the obtained chart information to a rear end through a front-end interface; and the rear end generates a chart based on the obtained chart information, and sends the generated chart to the target receiving end. According to the method, the powerful back-end function of the Java Spring framework and the Vue.js framework are utilized to construct a flexible front-end interface, and the functions of chart template uploading, data binding, picture generation, automatic sending and the like are achieved.

Description

Technical Field

[0001] The present invention relates to the technical field of information management, and in particular to an automatic chart generation method, system, medium and device based on Java Spring and Vue. Background Art

[0002] In today's information age, data has become an important basis for corporate decision-making. How to transform massive amounts of data into intuitive and easy-to-understand charts is a challenge facing companies. Traditional manual chart generation methods have the following drawbacks and cannot effectively cope with the challenges of data explosion and rapid changes in business needs:

[0003] Inefficiency: Manually generating charts is time-consuming and laborious, especially when the amount of data is huge, the chart types are numerous, and the chart design is complex, the efficiency is extremely low;

[0004] High error rate: Manual operation is prone to errors, which affects the accuracy and credibility of chart data;

[0005] Difficult to meet dynamic needs: Faced with rapidly changing business needs, manually generated charts are difficult to respond quickly and cannot show data changes and trends in a timely manner;

[0006] Lack of personalized customization: Manually generated charts often fail to meet users’ personalized needs and cannot be customized according to specific scenarios.

[0007] Therefore, there is an urgent need for an efficient, automated, and customizable chart generation method to solve the above problems and meet the needs of enterprise data visualization and analysis. Summary of the invention

[0008] The main purpose of the present invention is to solve the technical problems in the prior art of low efficiency of chart generation, high error rate, difficulty in meeting dynamic needs, lack of personalized customization, and inability to effectively cope with data explosion and rapid changes in business needs.

[0009] The first aspect of the present invention provides an automatic chart generation method based on Java Spring and Vue, comprising:

[0010] Get chart information through the front-end interface;

[0011] The acquired chart information is transmitted to the back end through the front end interface, so that the back end generates a chart based on the acquired chart information and sends the generated chart to the target receiving end.

[0012] Optionally, in a first implementation of the first aspect of the present invention, obtaining chart information through a front-end interface includes:

[0013] Build responsive user interfaces based on Vue;

[0014] Chart information is obtained based on a user interface, the chart information including: a chart template file, a data source, and chart parameters; wherein the chart parameters include: chart color, font, size, chart title, axis label, and legend.

[0015] Optionally, in a second implementation of the first aspect of the present invention, the backend generates a chart based on the acquired chart information, including:

[0016] The Java Spring framework obtains the chart template file, data source, chart parameter information, and performs data verification and processing;

[0017] Use AWT technology to generate chart images based on chart template files and data sources, and support multiple chart types, including: bar charts, line charts, pie charts, scatter charts, and heat maps;

[0018] Personalize charts based on chart parameters.

[0019] Optionally, in a third implementation of the first aspect of the present invention, sending the generated chart to a target receiving end includes: obtaining a set time period, and sending the generated chart to the target receiving end periodically based on the set time period to realize automated chart reporting.

[0020] The second aspect of the present invention provides an automatic chart generation system based on Java Spring and Vue, comprising:

[0021] Obtain chart information module, used to obtain chart information through the front-end interface;

[0022] The transmission module is used to transmit the acquired chart information to the back end through the front end interface;

[0023] The chart generation module is used to generate a chart based on the acquired chart information and send the generated chart to a target receiving end.

[0024] Optionally, in a first implementation of the second aspect of the present invention, the module for obtaining chart information includes:

[0025] Build responsive user interfaces based on Vue;

[0026] Chart information is obtained based on a user interface, the chart information including: a chart template file, a data source, and chart parameters; wherein the chart parameters include: chart color, font, size, chart title, axis label, and legend.

[0027] Optionally, in a second implementation of the second aspect of the present invention, the chart generating module includes:

[0028] The Java Spring framework obtains the chart template file, data source, chart parameter information, and performs data verification and processing;

[0029] Use AWT technology to generate chart images based on chart template files and data sources, and support multiple chart types, including: bar charts, line charts, pie charts, scatter charts, and heat maps;

[0030] Personalize charts based on chart parameters.

[0031] Optionally, in a third implementation of the second aspect of the present invention, sending the generated chart to the target receiving end includes: obtaining a set time period, and sending the generated chart to the target receiving end periodically based on the set time period to realize automated chart reporting.

[0032] A third aspect of the present invention provides a computer-readable storage medium storing a computer program, wherein the computer program, when executed by a processor, implements the steps of the above-mentioned method for automatic chart generation based on Java Spring and Vue.

[0033] A fourth aspect of the present invention provides an electronic device, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the computer program implements the steps of the above-mentioned method for automatic chart generation based on Java Spring and Vue when executed by the processor.

[0034] Compared with the prior art, the present invention has the following beneficial effects:

[0035] 1. Automatically generate charts, greatly reducing manual operation time, improving work efficiency, and reducing chart generation costs;

[0036] 2. Automatically generate charts, reducing the risk of human error and improving the accuracy and credibility of chart data;

[0037] 3. Support custom chart styles to meet the personalized needs of different users and generate charts that meet specific scenarios and styles;

[0038] 4. The architecture is flexible and scalable, and can be adjusted and improved according to business needs, such as supporting more chart types, data sources, analysis functions, etc.;

[0039] 5. The front-end and back-end separation design improves the maintainability of the code and facilitates later maintenance and updates.

[0040] 6. Based on the generated charts, data analysis functions can be provided, such as trend analysis, comparative analysis, etc., to help users better understand the data. BRIEF DESCRIPTION OF THE DRAWINGS

[0041] Other features, objects and advantages of the present invention will become more apparent from the detailed description of non-limiting embodiments made with reference to the following drawings:

[0042] Figure 1 A first flow chart of an automatic chart generation method based on Java Spring and Vue provided in an embodiment of the present invention.

[0043] Figure 2 A first flow chart of an automatic chart generation method based on Java Spring and Vue provided in an embodiment of the present invention.

[0044] Figure 3 A structural schematic diagram of an automatic chart generation system based on Java Spring and Vue provided in an embodiment of the present invention.

[0045] Figure 4 A schematic diagram of the structure of an electronic device provided by an embodiment of the present invention. DETAILED DESCRIPTION

[0046] The present invention is described in detail below in conjunction with specific embodiments. The following embodiments will help those skilled in the art to further understand the present invention, but are not intended to limit the present invention in any form. It should be noted that, for those of ordinary skill in the art, several changes and improvements can also be made without departing from the concept of the present invention. These all belong to the protection scope of the present invention.

[0047] The embodiment of the present invention provides a method, system, medium and device for automatic chart generation based on Java Spring and Vue, which obtains chart information through a front-end interface; transmits the obtained chart information to a back-end through the front-end interface; the back-end generates a chart based on the obtained chart information, and sends the generated chart to a target receiving end. The technical problems of low chart generation efficiency, high error rate, difficulty in meeting dynamic requirements, lack of personalized customization, and inability to effectively cope with data explosion and rapid changes in business requirements in the prior art are solved.

[0048] The terms "first", "second", "third", "fourth", etc. (if any) in the specification and claims of the present invention and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments described herein can be implemented in an order other than that illustrated or described herein. In addition, the terms "including" or "having" and any variations thereof are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units that are clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0049] For ease of understanding, the specific process of the embodiment of the present invention is described below. Figure 1 The first embodiment of the automatic chart generation method based on Java Spring and Vue in the embodiment of the present invention includes:

[0050] 101. Obtain chart information through the front-end interface;

[0051] In this embodiment, a responsive user interface is built based on Vue;

[0052] Chart information is obtained based on a user interface, the chart information including: a chart template file, a data source, and chart parameters; wherein the chart parameters include: chart color, font, size, chart title, axis label, and legend.

[0053] 102. Transmit the acquired chart information to the back end through the front end interface;

[0054] 103. The back end generates a chart based on the acquired chart information, and sends the generated chart to a target receiving end.

[0055] In this embodiment, the Java Spring framework obtains the chart template file, data source, chart parameter information, and performs data verification and processing;

[0056] Use AWT technology to generate chart images based on chart template files and data sources, and support multiple chart types, including: bar charts, line charts, pie charts, scatter charts, and heat maps;

[0057] Personalize charts based on chart parameters.

[0058] Get the set time period, and send the generated chart to the target receiving end based on the set time period to realize automated chart reporting.

[0059] This embodiment uses the powerful back-end functions of the Java Spring framework and the Vue.js framework to build a flexible front-end interface to achieve functions such as chart template uploading, data binding, image generation, and automatic sending.

[0060] See also Figure 2 Another embodiment of the automatic chart generation method based on Java Spring and Vue in the embodiment of the present invention includes:

[0061] 201. Build a responsive user interface based on Vue.js, providing intuitive graphical operations to facilitate users to upload image template files and edit chart-related information, such as data source selection, chart type selection, style customization, etc.

[0062] In this embodiment, the interactive operation includes: the interface provides interactive operations such as dragging, selecting, and configuring, which facilitates users to customize chart designs, such as adjusting chart size, color, font, adding annotations, etc.

[0063] Template library management: Provides a preset template library, users can select preset templates or upload custom templates to simplify the chart design process.

[0064] It supports multiple data source associations. Users can select data sources such as databases, Excel files, CSV files, etc. to easily associate data with charts.

[0065] 202. The Java Spring framework receives information such as template files, data sources, chart parameters, etc. transmitted by the front end, and performs data verification and processing;

[0066] 203. Use AWT (Abstract Window Toolkit) technology to generate chart images based on template files and data sources, and support multiple chart types, such as bar charts, line charts, pie charts, scatter plots, heat maps, etc.

[0067] In this embodiment, users are supported to customize chart styles, such as color, font, size, chart title, axis label, legend, etc., to meet the personalized needs of users.

[0068] 204. Provide a scheduled sending function, which can automatically send the generated chart to the specified mailbox or group according to the time period set by the user, so as to realize automated chart reporting.

[0069] This embodiment can improve work efficiency, accuracy and credibility of chart data; separate the front-end and back-end design to improve code maintainability and facilitate later maintenance and updating.

[0070] The above describes the automatic chart generation method based on Java Spring and Vue in the embodiment of the present invention. The following describes the automatic chart generation system based on Java Spring and Vue in the embodiment of the present invention. Figure 3 In one embodiment of the present invention, an automatic chart generation system based on Java Spring and Vue includes:

[0071] A chart information acquisition module 301 is used to acquire chart information through a front-end interface;

[0072] In this embodiment, the chart information acquisition module 301 includes: acquiring chart information based on the user interface, the chart information including: chart template file, data source and chart parameters; wherein the chart parameters include: chart color, font, size, chart title, axis label and legend.

[0073] The transmission module 302 is used to transmit the acquired chart information to the back end through the front end interface;

[0074] The chart generation module 303 is used to generate a chart based on the acquired chart information and send the generated chart to a target receiving end.

[0075] In this embodiment, the transmission module 303 includes:

[0076] The chart information receiving submodule 3031 is used for the Java Spring framework to obtain the chart template file, data source, chart parameter information, and perform data verification and processing;

[0077] The chart generation submodule 3032 is used to generate chart images according to the chart template file and the data source using the AWT technology, and supports multiple chart types, including: bar chart, line chart, pie chart, scatter chart and heat map;

[0078] The personalized customization submodule 3033 is used to customize the chart based on the chart parameters.

[0079] The automatic sending submodule 3034 is used to obtain a set time period and send the generated chart to the target receiving end based on the set time period to realize an automated chart report.

[0080] This embodiment adopts Java Spring and Vue.js technology stack to achieve front-end and back-end separation, improve development efficiency and code maintainability; use AWT library to realize chart generation, support multiple chart types and custom styles, and meet the diverse needs of users; provide a scheduled sending function, which can automatically send the generated chart according to the time period set by the user to realize automated chart reporting; support users to customize chart styles, such as color, font, size, chart title, axis label, legend, etc., to meet the personalized needs of users; support multiple data source associations, such as databases, files, APIs, etc., to improve data acquisition capabilities and facilitate the association of data with charts.

[0081] above Figure 3 The automatic chart generation system based on Java Spring and Vue in the embodiment of the present invention is described in detail from the perspective of modular functional entities. The electronic device in the embodiment of the present invention is described in detail from the perspective of hardware processing.

[0082] Figure 4 7 is a schematic diagram of the structure of an electronic device provided by an embodiment of the present invention. The electronic device 700 may have relatively large differences due to different configurations or performances, and may include one or more processors (central processing units, CPU) 710 (for example, one or more processors) and a memory 720, and one or more storage media 730 (for example, one or more mass storage devices) storing application programs 733 or data 732. Among them, the memory 720 and the storage medium 730 can be temporary storage or permanent storage. The program stored in the storage medium 730 may include one or more modules (not shown in the figure), and each module may include a series of instruction operations in the electronic device 700. Furthermore, the processor 710 can be configured to communicate with the storage medium 730 to execute a series of instruction operations in the storage medium 730 on the electronic device 700.

[0083] The electronic device 700 may also include one or more power supplies 740, one or more wired or wireless network interfaces 750, one or more input and output interfaces 750, and / or one or more operating systems 731, such as Windows Serve, Mac OS X, Unix, Linux, FreeBSD, etc. It will be appreciated by those skilled in the art that Figure 4 The structure of the electronic device shown does not constitute a limitation on the electronic device, and may include more or less components than shown in the figure, or combine some components, or arrange the components differently.

[0084] The present invention also provides a computer-readable storage medium, which may be a non-volatile computer-readable storage medium or a volatile computer-readable storage medium. Instructions are stored in the computer-readable storage medium. When the instructions are executed on a computer, the computer executes the steps of automatic chart generation based on JavaSpring and Vue.

[0085] Those skilled in the art can clearly understand that, for the convenience and brevity of description, the specific working process of the above-described system, device, or unit can refer to the corresponding process in the aforementioned method embodiment and will not be repeated here.

[0086] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present invention is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product. The computer software product is stored in a storage medium, including a number of instructions to enable a computer device (which can be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present invention. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (ROM), random access memory (RAM), disk or optical disk and other media that can store program codes.

[0087] As described above, the above embodiments are only used to illustrate the technical solutions of the present invention, rather than to limit the same. Although the present invention has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that the technical solutions described in the aforementioned embodiments may still be modified, or some of the technical features thereof may be replaced by equivalents. However, these modifications or replacements do not deviate the essence of the corresponding technical solutions from the spirit and scope of the technical solutions of the embodiments of the present invention.

Claims

1. An automatic chart generation method based on Java Spring and Vue, characterized in that: include: Get chart information through the front-end interface; The obtained chart information is transmitted to the back end through the front end interface; The backend generates a chart based on the acquired chart information and sends the generated chart to the target receiving end.

2. The automatic chart generation method based on Java Spring and Vue according to claim 1 is characterized in that: The obtaining of chart information through the front-end interface includes: Build responsive user interfaces based on Vue; Chart information is obtained based on a user interface, the chart information including: a chart template file, a data source, and chart parameters; wherein the chart parameters include: chart color, font, size, chart title, axis label, and legend.

3. The automatic chart generation method based on Java Spring and Vue according to claim 1 is characterized in that: The backend generates a chart based on the acquired chart information, including: The Java Spring framework obtains the chart template file, data source, chart parameter information, and performs data verification and processing; Use AWT technology to generate chart images based on chart template files and data sources, and support multiple chart types, including: bar charts, line charts, pie charts, scatter charts, and heat maps; Personalize charts based on chart parameters.

4. The automatic chart generation method based on Java Spring and Vue according to claim 1 is characterized in that: The sending of the generated chart to the target receiving end includes: obtaining a set time period, and sending the generated chart to the target receiving end regularly based on the set time period, so as to realize an automated chart report.

5. An automatic chart generation system based on Java Spring and Vue, characterized in that: include: Obtain chart information module, used to obtain chart information through the front-end interface; The transmission module is used to transmit the acquired chart information to the back end through the front end interface; The chart generation module is used to generate a chart based on the acquired chart information and send the generated chart to a target receiving end.

6. The automatic chart generation system based on Java Spring and Vue according to claim 5 is characterized in that: The module for obtaining chart information includes: Build responsive user interfaces based on Vue; Chart information is obtained based on a user interface, the chart information including: a chart template file, a data source, and chart parameters; wherein the chart parameters include: chart color, font, size, chart title, axis label, and legend.

7. The automatic chart generation system based on Java Spring and Vue according to claim 5 is characterized in that: The chart generation module includes: The Java Spring framework obtains the chart template file, data source, chart parameter information, and performs data verification and processing; Use AWT technology to generate chart images based on chart template files and data sources, and support multiple chart types, including: bar charts, line charts, pie charts, scatter charts, and heat maps; Personalize charts based on chart parameters.

8. The automatic chart generation system based on Java Spring and Vue according to claim 5, characterized in that: The sending of the generated chart to the target receiving end includes: obtaining a set time period, and sending the generated chart to the target receiving end regularly based on the set time period, so as to realize an automated chart report.

9. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the steps of the automatic diagram generation method based on Java Spring and Vue according to any one of claims 1 to 4 are implemented.

10. An electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein: When the computer program is executed by a processor, the steps of the automatic diagram generation method based on Java Spring and Vue according to any one of claims 1 to 4 are implemented.

Images