Page chart adjustment method, device, electronic device and storage medium

By generating target display configuration information through the large language model service, the problem of insufficient interactive capabilities of the front-end page chart drawing tools is solved, intelligent chart adjustment is implemented, and page performance and user experience are improved.

CN119692303BActive Publication Date: 2025-09-23INDUSTRIAL AND COMMERCIAL BANK OF CHINA
View PDF 2 Cites 0 Cited by

Patent Information

Application Number
CN202411817118.3
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2024-12-11
Publication Date
2025-09-23
Estimated Expiration
2044-12-11

AI Technical Summary

Technical Problem

The existing front-end page chart drawing tools have poor interactive capabilities, making it difficult to adjust the display content of page charts according to functional requirements, resulting in cluttered pages, lags, and high user learning costs.

Method used

Obtain the current chart type and adjustment requirements through the chart display page, use the large language model service for semantic understanding, generate target display configuration information, and adjust the current chart content to reduce page functional components and development workload.

Benefits of technology

It realizes intelligent, flexible and lightweight adjustment of page charts, reduces development costs, improves chart interactivity and page performance, and reduces user learning costs.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN119692303B_ABST
    Figure CN119692303B_ABST
Patent Text Reader

Abstract

The present invention discloses a page chart adjustment method, device, electronic device and storage medium, and relates to the field of artificial intelligence technology. The method includes: obtaining the current chart type and adjustment requirement content through a chart display page, and transmitting the current chart type and adjustment requirement content to a large language model service; generating target display configuration information according to the current chart type and adjustment requirement content through a large language model service, and feeding back the target display configuration information to the chart display page; adjusting the current chart according to the target display configuration information through the chart display page to obtain a target chart. The technical solution of the embodiment of the present invention realizes page chart adjustment without the need to develop too many page functional components, has little impact on the visual effect of the page, has a better page browsing effect, does not generate too much additional learning cost, and the user has a better experience of using the page.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present invention relates to the field of artificial intelligence technology, and in particular to a page chart adjustment method, device, electronic device and storage medium. Background Art

[0002] Charting tools are widely used in front-end applications. By configuring specific parameters, you can draw charts on the page, display them in different styles, and switch between different chart display modes. However, existing front-end charting tools lack interactivity, making it difficult to adjust the display content of pre-drawn charts to meet functional requirements.

[0003] Currently, you can adjust the display content of page charts on the front-end page by adding function buttons to the front-end page. Specifically, for each page chart display content adjustment, a function button is added to the front-end page. This can result in an excessive number of function buttons when adjusting the display content of multiple page charts, leading to excessive development effort and cluttered pages. Rendering too many function button components can also cause page lags. Furthermore, the functions of function button components can be easily confused, resulting in a high learning curve for users. Summary of the Invention

[0004] The present invention provides a page chart adjustment method, device, electronic device and storage medium, which realize page chart adjustment without the need to develop too many page functional components, with little impact on the visual effect of the page, better page browsing effect, and no excessive additional learning cost. The user also has a better experience of using the page.

[0005] According to one aspect of the present invention, a page chart adjustment method is provided, the method comprising:

[0006] Obtain the current chart type and adjustment requirement content through the chart display page, and transmit the current chart type and the adjustment requirement content to the large language model service;

[0007] generating, by the large language model service, target display configuration information corresponding to the adjustment requirement content and the current chart type according to the current chart type and the adjustment requirement content, and feeding back the target display configuration information to the chart display page;

[0008] Through the chart display page, the current display content of the current chart is adjusted according to the target display configuration information to obtain the target display content of the target chart.

[0009] According to another aspect of the present invention, a page chart adjustment device is provided, the device comprising:

[0010] The chart display page is used to obtain the current chart type and the adjustment requirement content, and transmit the current chart type and the adjustment requirement content to the large language model service;

[0011] The large language model service is configured to generate target display configuration information corresponding to the adjustment requirement content and the current chart type according to the current chart type and the adjustment requirement content, and feed the target display configuration information back to the chart display page;

[0012] The chart display page is used to adjust the current display content of the current chart according to the target display configuration information to obtain the target display content of the target chart.

[0013] According to another aspect of the present invention, an electronic device is provided, comprising:

[0014] at least one processor; and

[0015] a memory communicatively connected to the at least one processor; wherein,

[0016] The memory stores a computer program executable by the at least one processor. The computer program is executed by the at least one processor to enable the at least one processor to perform the page graph adjustment method according to any embodiment of the present invention.

[0017] According to another aspect of the present invention, a computer-readable storage medium is provided. The computer-readable storage medium stores computer instructions, and the computer instructions are used to enable a processor to implement the page graph adjustment method according to any embodiment of the present invention when executed.

[0018] According to another aspect of the present invention, a computer program product is provided. The computer program product includes a computer program. When the computer program is executed by a processor, the page graph adjustment method according to any embodiment of the present invention is implemented.

[0019] The technical solution of the embodiment of the present invention obtains different adjustment requirement contents through the chart display page, and realizes the adjustment of the chart in the chart display page. Compared with the method of using a new function button to adjust the display content of the current chart in the chart display page, the page has less new content, the page development amount is less, and the impact on the visual effect of the page is also smaller. In addition, too many page function components will not be rendered, which will not cause page jams, and the page browsing effect is better. At the same time, there is no excessive function confusion, and no excessive additional learning costs will be generated, and the user experience of the page is also better. Through the large language model service, the current chart type and adjustment requirement content are semantically understood, and corresponding target display configuration information is generated. The semantic understanding capability of the large language model service is utilized to realize the conversion of the adjustment requirement content into the target display configuration information of the chart display page, and adjust the current display content of the current chart in the chart display page. In a more intelligent, flexible and lightweight manner, the display content of the page chart generated by the chart drawing tool is adjusted, the interactive capability of the chart drawing tool is expanded, the interactivity and page performance of the chart generated by the chart drawing tool are improved, and the development cost is further reduced.

[0020] It should be understood that the content described in this section is not intended to identify the key or important features of the embodiments of the present invention, nor is it intended to limit the scope of the present invention. Other features of the present invention will become readily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0021] In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the following briefly introduces the drawings required for use in the description of the embodiments. Obviously, the drawings described below are only some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without creative work.

[0022] Figure 1 This is a flow chart of a page chart adjustment method provided according to the first embodiment of the present invention;

[0023] Figure 2 This is a flow chart of a page chart adjustment method provided according to the second embodiment of the present invention;

[0024] Figure 3 This is a schematic diagram of the architecture of a page chart adjustment device provided according to a second embodiment of the present invention;

[0025] Figure 4 is a signaling flow chart of a page chart adjustment method provided according to the second embodiment of the present invention;

[0026] Figure 5This is a schematic structural diagram of a page chart adjustment device provided according to a third embodiment of the present invention;

[0027] Figure 6 It is a structural diagram of an electronic device for implementing the page chart adjustment method according to an embodiment of the present invention. DETAILED DESCRIPTION

[0028] In order to enable those skilled in the art to better understand the solutions of the present invention, the technical solutions in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention. Obviously, the embodiments described are only part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without making creative efforts should fall within the scope of protection of the present invention.

[0029] It should be noted that the terms "first", "second", etc. in the description 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 numbers used in this way can be interchanged where appropriate, so that the embodiments of the present invention described herein can be implemented in an order other than those illustrated or described herein. In addition, the terms "including" and "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 clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0030] Example 1

[0031] Figure 1 This is a flow chart of a page chart adjustment method provided in Example 1 of the present invention. This embodiment of the present invention is applicable to adjusting the displayed content of a chart displayed on a page. The method can be performed by a page chart adjustment device, which can be implemented in hardware and / or software and can be configured in an electronic device that carries the page chart adjustment function, such as a client or server.

[0032] See also Figure 1 The page chart adjustment method shown includes:

[0033] S110 . Obtain the current chart type and adjustment requirement content through the chart display page, and transmit the current chart type and adjustment requirement content to the large language model service.

[0034] The chart display page can be used to display the current chart. The current chart can be the chart being displayed in the chart display page. That is, a chart generated by a chart drawing tool. The current chart can include the current table or the current display chart. The current chart type can be the table type of the current table in the chart display page or the display chart type of the current display chart corresponding to the current table. Exemplarily, the current chart type may include a table, a curve chart, a line chart, a pie chart, or a bar chart, etc. The adjustment requirement content can be the content entered by the user in the adjustment requirement input box. The adjustment requirement content can be used to represent the user's intention to adjust the current chart. Exemplarily, the adjustment requirement content can be "Please show data from the past 10 years."

[0035] In an optional embodiment of the present invention, the chart display page is a chart display page of a financial institution.

[0036] Financial institutions often use larger charts and richer content on their chart display pages. Traditional methods for adjusting chart content are more challenging when this is a frequent task. This solution, by customizing the chart display page to fit the needs of financial institutions, improves the applicability of adjusting chart content.

[0037] Specifically, the chart display page can detect the type of the current chart displayed on the chart display page and obtain the current chart type. The chart display page can also retrieve text content entered by the user. Optionally, a content input component on the chart display page can be used to retrieve the user-entered text content and obtain the adjustment request content. The data transmission interface between the chart display page and the large language model service can be used to transmit the current chart type and adjustment request content to the large language model service.

[0038] For example, the current graph type and adjustment requirement content transmitted to the large language model service is

[0039]

[0040] "continuous_time_graph" is the current chart type, a continuous time graph; "Data from the beginning of this month to date" is the adjustment requirement.

[0041] Optionally, the adjustment requirement input box in the chart display page can be used to obtain the adjustment requirement content. Among them, the adjustment requirement input box can be used to uniformly obtain the adjustment requirement content. The number of adjustment requirement input boxes in the chart display page can be one. Compared with the method of using a new function button to adjust the display content of the current chart in the chart display page, a unified adjustment requirement input box is used to obtain different adjustment requirement contents to adjust the chart in the chart display page. Only one adjustment requirement input box is added, the page has less new content, the page development amount is less, and the impact on the visual effect of the page is smaller; and it will not render too many page function components, will not cause page jams, and the page browsing effect is better; at the same time, there is no excessive function confusion, will not generate too much additional learning cost, and the user experience of the page is better.

[0042] S120 . Generate target display configuration information corresponding to the adjustment requirement content and the current chart type through the large language model service according to the current chart type and the adjustment requirement content, and feed back the target display configuration information to the chart display page.

[0043] The large language model service can be used to perform semantic understanding of the current chart type and adjustment request content, generating adjusted page display configuration information. The large language model service can include a pre-trained large language model. The current chart type can be used to represent the relevant information of the current chart on the chart display page. The adjustment request content can be used to represent the user's adjustment request for the current chart, that is, the specific adjustment content of the current chart. The target display configuration information can be the display configuration information of the current chart after the adjustment.

[0044] Specifically, the large language model service can semantically understand the current chart type and adjustment request content, generating target display configuration information corresponding to the adjustment request content and the current chart type. This target display configuration information can be fed back to the chart display page via a data transmission interface between the large language model service and the chart display page.

[0045] S130 , adjusting the current display content of the current chart according to the target display configuration information through the chart display page to obtain the target display content of the target chart.

[0046] The target display configuration information can be used to adjust and render the display content of a page chart. The target display configuration information can be used to directly generate the target display content of a target chart. The current display content can be the display content of the current chart, i.e., the display content of the page before the page chart content is adjusted. The target chart can be the chart after the current chart is adjusted. The target chart content can be the display content of the target chart, i.e., the display content of the page after the page chart content is adjusted. Exemplarily, the current display content can include current display parameters and the current display parameter format.

[0047] Specifically, through the chart display page, the chart display page can be directly rendered according to the target display configuration information, and the current display content of the current chart can be directly adjusted to the target display content of the target chart.

[0048] The technical solution of the embodiment of the present invention obtains different adjustment requirement contents through the chart display page, and realizes the adjustment of the chart in the chart display page. Compared with the method of using a new function button to adjust the display content of the current chart in the chart display page, the page has less new content, the page development amount is less, and the impact on the visual effect of the page is also smaller. In addition, too many page function components will not be rendered, which will not cause page jams, and the page browsing effect is better. At the same time, there is no excessive function confusion, and no excessive additional learning costs will be generated, and the user experience of the page is also better. Through the large language model service, the current chart type and adjustment requirement content are semantically understood, and corresponding target display configuration information is generated. The semantic understanding capability of the large language model service is utilized to realize the conversion of the adjustment requirement content into the target display configuration information of the chart display page, and adjust the current display content of the current chart in the chart display page. In a more intelligent, flexible and lightweight manner, the display content of the page chart generated by the chart drawing tool is adjusted, the interactive capability of the chart drawing tool is expanded, the interactivity and page performance of the chart generated by the chart drawing tool are improved, and the development cost is further reduced.

[0049] Example 2

[0050] Figure 2A flow chart of a page chart adjustment method provided for the second embodiment of the present invention. Based on the above embodiments, the embodiment of the present invention concretizes "through the large language model service, according to the current chart type and the adjustment requirement content, generating the target display configuration information corresponding to the adjustment requirement content and the current chart type" as "through the large language model service, according to the current chart type, matching the corresponding target chart configuration template from each alternative chart configuration template in the database; through the large language model service, according to the target chart configuration template and the adjustment requirement content, generating the target display configuration information corresponding to the adjustment requirement content and the current chart type", introduces the screening process of the target chart configuration template, and generates the target display configuration information based on the target chart configuration template, which can reduce the computational complexity of the large language model service and improve the generation efficiency and accuracy of the target display configuration information. It should be noted that for the parts not described in detail in the embodiment of the present invention, please refer to the description of other embodiments.

[0051] See also Figure 2 The page chart adjustment method shown includes:

[0052] S210 . Obtain the current chart type and the adjustment requirement content entered in the adjustment requirement input box through the chart display page, and transmit the current chart type and adjustment requirement content to the large language model service.

[0053] S220 , using the large language model service, according to the current chart type, matching the corresponding target chart configuration template from each candidate chart configuration template in the database.

[0054] The database can be used to store alternative chart configuration templates corresponding to alternative chart types. Alternative chart configuration templates can be chart configuration templates pre-stored in the database. Alternative chart configuration templates can be used to quickly filter target chart configuration templates. Exemplarily, an alternative chart configuration template may include alternative chart types, alternative page display parameters, alternative page display formats, and alternative page adjustment parameters. The alternative chart type may be used to characterize the chart type of the alternative chart. Alternative page display parameters may be parameters that are actually required to be displayed for the alternative chart on the chart display page, such as start and end times. Alternative page display formats may be the format of the content displayed for the alternative chart on the chart display page, such as the content structure, color, or font of the alternative page display parameters. Alternative page adjustment parameters may be parameters that are not displayed in the alternative chart but may affect the displayed content, such as the display interval of a bar chart. The target chart configuration template may be an alternative chart configuration template in the database that matches the current chart type. The target chart configuration template can be used to quickly generate target display configuration information. For example, a target chart configuration template may include a target chart type, target page display parameters, a target page display format, and target page adjustment parameters. The target chart type is the current chart type. The target page display parameters may be the parameters that the target chart actually needs to display on the chart display page. The target page display format may be the format of the target chart's content on the chart display page. The target page adjustment parameters may be parameters that are not displayed on the target chart but may affect the displayed content.

[0055] Exemplarily, the candidate chart configuration template (or target chart configuration template) may be:

[0056]

[0057] "continuous_time_graph" is the optional chart type (or target chart type), namely, a continuous time graph; "Start Time" and "End Time" are the optional page display parameters (or target page display parameters); and "YYYY-MM-DD HH:mm:ss" is the page display format for "Start Time" and "End Time."

[0058] Specifically, the large language model service can be used to perform consistency matching between the current chart type and the candidate chart types corresponding to the candidate chart configuration templates in the database. The candidate chart configuration template corresponding to the candidate chart type consistent with the current chart type is determined as the target chart configuration template.

[0059] In an optional embodiment of the present invention, before obtaining the current chart type and the adjustment requirement content entered in the adjustment requirement input box through the chart display page, it also includes: obtaining the alternative chart configuration template corresponding to the alternative chart type through the template configuration page, and storing the alternative chart type and the alternative chart configuration template in the database accordingly.

[0060] The template configuration page can be used to obtain the alternative chart configuration templates corresponding to the alternative chart types. Storing the alternative chart types and the alternative chart configuration templates in the database can facilitate quick screening of the alternative chart configuration templates in the database.

[0061] Optionally, through the template configuration page, the chart configuration template acquisition interface is used to obtain the alternative chart configuration template corresponding to the alternative chart type uploaded by the administrator, and the alternative chart type and the alternative chart configuration template are stored in the database. Exemplarily, the alternative chart configuration template corresponding to the alternative chart type can be in code format.

[0062] Optionally, alternative chart configuration information for an alternative chart type entered by an administrator in at least one template configuration input box is obtained through the template configuration page. An alternative chart configuration template is generated based on the alternative chart configuration information and the form attributes corresponding to the template configuration input box. The alternative chart type and the alternative chart configuration template are stored in a database in a corresponding manner.

[0063] This solution obtains the alternative chart configuration template corresponding to the alternative chart type before obtaining the current chart type and the adjustment requirement content entered in the adjustment requirement input box through the chart display page, and stores the alternative chart type and the alternative chart configuration template in a database accordingly. By pre-storing the alternative chart type and the alternative chart configuration template in correspondence, it is convenient to quickly screen the alternative chart configuration templates in the database, which can improve the screening efficiency of the target chart configuration template and thereby improve the adjustment efficiency of the page chart display content.

[0064] S230. Generate target display configuration information corresponding to the adjustment requirement content and the current chart type through the large language model service according to the target chart configuration template and the adjustment requirement content, and feed back the target display configuration information to the chart display page.

[0065] Specifically, the large language model service can semantically understand the target chart configuration template and adjustment requirements, generating target display configuration information corresponding to the adjustment requirements and the current chart type. This target display configuration information can be fed back to the chart display page via a data transmission interface between the large language model service and the chart display page.

[0066] In an optional embodiment of the present invention, a large language model service is used to generate target display configuration information corresponding to the target chart configuration template and the adjustment requirement content and the current chart type based on the target chart configuration template and the adjustment requirement content, including: format parsing the target chart configuration template through the large language model service to obtain a target template format description of the target chart configuration template; inputting the target template format description and the adjustment requirement content into the large language model through the large language model service, and outputting the adjustment requirement content and the target display configuration information corresponding to the current chart type.

[0067] The target template format description can be used to represent the content of the target chart configuration template. The target template format description can be used to standardize the content and format of the generated target display configuration information. The adjustment requirement content can be used to represent the user's adjustment intent. Combining the target template format description with the adjustment requirement content to generate the target display configuration information not only takes into account the user's adjustment intent but also ensures that the generated target display configuration information can adapt to the format requirements of the chart display page.

[0068] Specifically, the large language model service can identify the format type of the target chart configuration template. Examples include JSON (Java Script Object Notation), XML (Extensible Markup Language), binary file format, CSV (Comma Separated Values), PDF (Portable Document Format), YAML (YAML Ain't Markup Language), or INI (Initialization File), a simple text file format for storing configuration information. Using a template parsing tool corresponding to the target chart configuration template's format type, the target chart configuration template can be format parsed to obtain a target template format description for the target chart configuration template. Semantic understanding of the target template format description and adjustment requirements can be performed to generate target display configuration information corresponding to the adjustment requirements and the current chart type. This target display configuration information can be fed back to the chart display page via a data transmission interface between the large language model service and the chart display page.

[0069] In an optional embodiment of the present invention, the target chart configuration template is format-parsed through a large language model service to obtain a target template format description of the target chart configuration template, including: parsing the target chart configuration template through a large language model service to obtain unit target chart configuration information; combining the target chart configuration information of each unit through the large language model service to obtain target structured chart configuration information; and format-parseing the target structured chart configuration information through a structured output interpreter through the large language model service to obtain a target template format description of the target chart configuration template.

[0070] The unit target chart configuration information can be used to characterize the detailed parameters of the target chart configuration template. It can be understood that the unit target chart configuration information is the result of disassembling the target chart configuration target. Referring to the above example, the unit target chart configuration information can include type: "continuous_time_graph", startTime: "start time, format is YYYY-MM-DDHH:mm:ss" or endTime: "end time, format is YYYY-MM-DD HH:mm:ss", etc. The target structured chart configuration information can be the result of combining the unit target chart configuration information according to the input data format of the structured output interpreter. The structured output interpreter can be used to perform format interpretation or content interpretation on the target chart configuration template.

[0071] Specifically, the target chart configuration template is disassembled using the large language model service to obtain unit target chart configuration information. The unit target chart configuration information is combined according to the input data format of the structured output interpreter to obtain the target structured chart configuration information. The target structured chart configuration information is input into the structured output interpreter, which performs format parsing on the target structured chart configuration information to obtain the target template format description of the target chart configuration template.

[0072] This solution obtains unit target chart configuration information by disassembling the target chart configuration template, obtains target structured chart configuration information by combining the target chart configuration information of each unit, and adopts a structured output interpreter to parse the format of the target structured chart configuration information to generate a target template format description of the target chart configuration template. The introduction of unit target chart configuration information and structured output interpreter can improve the accuracy of the target chart configuration template format parsing.

[0073] This solution uses the large language model service to parse the format of the target chart configuration template, obtain the target template format description of the target chart configuration template, input the target template format description and adjustment requirement content into the large language model, and output the adjustment requirement content and the target display configuration information corresponding to the current chart type. The introduction of the target template format description can improve the format accuracy of the target page display configuration information, thereby ensuring the accuracy and stability of the chart display content adjustment.

[0074] S240 . Adjust the current display content of the current chart according to the target display configuration information through the chart display page to obtain the target display content of the target chart.

[0075] The technical solution of the embodiment of the present invention uses a large language model service to match the corresponding target chart configuration template from various alternative chart configuration templates in the database according to the current chart type, and generates target display configuration information corresponding to the adjustment requirement content and the current chart type based on the target chart configuration template and the adjustment requirement content. A screening process for the target chart configuration template is introduced, and the target display configuration information is generated based on the target chart configuration template, which can reduce the computational complexity of the large language model service, thereby improving the generation efficiency and accuracy of the target display configuration information.

[0076] Charting tools are widely used in front-end applications. Once a chart is added to a front-end page (i.e., the chart display page), the chart can be drawn on the page by configuring specific parameters within the charting tool. Developers can also use the charting tool's rich configuration options to display different chart styles and switch between different chart display modes. However, the charts currently drawn by the charting tool lack interactivity. Users cannot adjust the configuration of the functional components on the chart display page to suit their needs. For example, a bar chart showing monthly revenue for the past 30 years has 360 bars, which is quite dense, but it does provide a good overview of the revenue. If a user only wants to see revenue from January 2023 to June 2024, the charting tool will not be able to do so. For example, if the charting tool cannot adjust the time span of the chart, developers can add a calendar button to the chart display page to allow users to select the time span to display. Although users can provide users with more interactive functions by adding calendar buttons, if users want to change the display unit of the bar chart or adjust the background color of the bar chart, two more function buttons must be added to the chart display page. If several functions are needed, developers need to add several function buttons on the page. This is an effective way to expand the interactive functions of the chart drawing tool, and makes up for the fact that the chart drawing tool cannot support ordinary users to adjust the display content of the page chart according to user needs. When there are many adjustment requirements, adding too many function buttons to the page will lead to a large amount of development and a cluttered page; moreover, rendering too many function button components may cause the page to freeze; at the same time, the functions of the function button components are easy to confuse, which creates a large learning cost for users. Specifically, every time an adjustment requirement is added, a function button needs to be added to the front-end page, which has poor flexibility; moreover, each function button needs to be developed separately, and the style of the function button also needs to be adjusted according to the usage scenario, which has a high development cost; there are many function button elements to be rendered, which will cause poor browser page rendering performance; the amount of code to process different function buttons is too large and the code volume is too large, which will consume more bandwidth, thereby affecting the loading speed of the entire page; in addition, when there are many function buttons on the page, users are easily confused about the functions of the buttons, resulting in high user learning costs.

[0077] Figure 3 This is a schematic diagram of the structure of a page chart adjustment device. Figure 3As shown, the page chart adjustment device may include a front-end application system (i.e., a front-end web application) and a back-end configuration system (i.e., a back-end configuration system). The front-end application system includes a chart display page (i.e., a web chart page) and a large language model service; the back-end configuration system includes a template configuration page and a database. The chart display page is used to display charts to users. The large language model service is used to receive data sent by the chart display page for semantic understanding and generate target chart configuration information. The template configuration page is used to obtain the alternative chart configuration template corresponding to the administrator's alternative chart type. The database is used to store alternative chart configuration templates. As shown in FIG. Figure 3 As shown, during the template configuration process, the administrator enters alternative chart configuration templates (i.e., various types of chart configuration templates) for different alternative chart types in the template configuration page of the backend configuration system and stores them in the database. After the configuration of the alternative chart configuration template is completed, it can be reused later. During the page chart adjustment process, if the user enters the adjustment requirement content (i.e., query content) in the chart display page, such as "Please display data from the past 10 years." The adjustment requirement content and the current chart type (i.e., copy) are passed to the large language model service through the data transmission interface. The large language model service matches the corresponding target chart configuration template from the database based on the current chart type (i.e., reads the configuration). The large language model service inputs the matched target chart configuration template and the user's adjustment requirement content into the large language model service, causing the large language model to generate the target display configuration information corresponding to the current chart type and the adjustment requirement content, such as JSON information. The large language model service returns the target display configuration information to the chart display page. The chart display page renders the target chart based on the target display configuration information.

[0078] Figure 4 This is a signaling flow chart of a page chart adjustment method. Based on the above embodiment, Figure 4 This is a preferred embodiment of the present invention. Figure 4 The page chart adjustment method shown includes:

[0079] S410. During the template configuration process, the administrator enters the candidate chart configuration templates for each candidate chart type in the template configuration page of the backend configuration system, and stores each candidate chart type and the corresponding candidate chart configuration template in the database for subsequent matching.

[0080] Inputting the alternative chart configuration template for each alternative chart type is referred to as inputting each type of chart configuration template. Storing each alternative chart type and the corresponding alternative chart configuration template in a database is referred to as storing the template configuration and storing it in tables by type. The database is referred to as a backend database.

[0081] For example, the alternative chart configuration template may be:

[0082]

[0083] Among them, continuous_time_graph is the alternative chart type (or target chart type), that is, the continuous time curve graph; the start time and end time are the alternative page display parameters (or target page display parameters); the page display format of the start time and end time is both "YYYY-MM-DDHH:mm:ss"; the alternative chart configuration template of the continuous time curve graph can be entered in the database of the back-end configuration system and stored in a separate table according to the alternative chart type, that is, according to type, for subsequent creation of the target template format description.

[0084] S420. During the page chart adjustment process, after the user enters the adjustment requirement content in the adjustment requirement input box of the chart display page, the adjustment requirement content and the current chart type are sent to the large language model service through the data transmission interface.

[0085] A new adjustment request input box has been added to the chart display page for users to enter their adjustment request. The adjustment request is the query. The web chart page is the chart display page. Sending the adjustment request and the current chart type to the large language model service is like sending the query and chart type information.

[0086] For example, the current graph type and adjustment requirements transmitted to the large language model service are:

[0087]

[0088] Among them, continuous_time_graph is the current chart type, that is, a continuous time curve graph; "Data from the beginning of this month to date" is the adjustment requirement content.

[0089] S430: The large language model service matches and reads the target chart configuration template from the database of the backend configuration system according to the current chart type.

[0090] Based on the current chart type, the Large Language Model service matches the target chart configuration template from the backend configuration system database based on the current chart type, reads it, and sends the corresponding chart type configuration template.

[0091] S440. The large language model service transmits the target chart configuration template to the structured output interpreter in the form of target structured chart configuration information to obtain a target template format description of the target chart configuration template.

[0092] The large language model service passes the target graph configuration template to the structured output interpreter in the form of target structured graph configuration information, and obtains the target template format description of the target graph configuration template, which is processed by the structured interpreter.

[0093] S450: Input the adjustment requirement content and target template format description input by the user into the large language model to obtain the adjustment requirement content and target display configuration information corresponding to the current chart type.

[0094] The adjustment requirement content and target template format description input by the user are input into the large language model to obtain the adjustment requirement content and the target display configuration information corresponding to the current chart type, that is, to generate a configuration for the large language model.

[0095] For example, the target display configuration information may be:

[0096]

[0097] Among them, continuous_time_graph is the current chart type, that is, a continuous time curve graph; "2024-03-01 00:00:00" and "2024-03-11 10:01:32" are the target page display parameters.

[0098] S460. The target display configuration information generated by the large language model is responded to the chart display page. After obtaining the target display configuration information, the chart display page calls the setting options of the current chart drawn by the chart drawing tool and re-renders the current display content of the current chart to obtain the target display content of the target chart.

[0099] Sending the target display configuration information generated by the large language model to the chart display page is the feedback of the new chart configuration. After obtaining the target display configuration information, the chart display page calls the settings of the current chart drawn by the chart drawing tool and re-renders the current display content of the current chart to obtain the target display content of the target chart, which is called chart re-rendering.

[0100] The parameters finally obtained by the chart display page conform to the required format, such as JSON, which realizes the transformation from natural language to standard format and is presented in real time on the chart display page.

[0101] The purpose of this solution is to solve the problems of poor interactivity of charts generated by existing chart drawing tools, high cost of expanding interactive capabilities, and unuser-friendly current expansion solutions. Based on this, this solution proposes an intelligent chart mechanism based on a large language model and a chart drawing tool. An additional adjustment requirement input box is rendered on the chart for users to interact with the intelligent chart. The large language model generates the corresponding target display configuration information in a fixed format of the target chart configuration template by understanding the user's adjustment requirements, and then triggers the current chart to be re-rendered to show the effect expected by the user. This solution utilizes the natural language understanding ability of the large language model to convert the natural language input by the user into the target display configuration information of the corresponding chart drawing tool and re-render the current chart on the page to achieve the expected effect of interaction. It expands the interactive capabilities of the charts generated by the chart drawing tool in a more intelligent, flexible and lightweight way, making the charts generated by the chart drawing tool more interactive, with better page performance and lower development costs. Specifically, this solution is an extension of the original functions of the chart drawing tool and has strong reusability. The beneficial effects of using this method to extend the smart chart include that the chart display page does not need to render various function buttons, the elements to be rendered are greatly reduced, the browser rendering performance is improved, and the page rendering speed is accelerated; the chart display page has less and clearer logic to process, avoiding page freezes caused by executing a large number of function button events; the use of intelligent question-and-answer rendering with a large language model reduces the user's learning cost, and the use of charts is more efficient and faster; if the functional logic of a large number of function buttons is removed from the code, the code file size can be reduced, thereby saving network bandwidth and accelerating the loading speed of the entire chart display page; this solution is more intelligent, can reduce the complexity of chart interaction, can understand human natural language, and has more precise operations and fewer steps; the functions of smart charts are more complete and comprehensive. It can be understood that, for example, if the user wants to select discrete data, such as only displaying the data of even months in a bar chart, it is difficult to achieve using function buttons, and there is currently no suitable solution; this solution saves development costs and does not require the development of corresponding function buttons for each function.

[0102] Example 3

[0103] Figure 5 This is a schematic diagram of the structure of a page chart adjustment device provided in Example 3 of the present invention. This embodiment of the present invention is applicable to situations where the displayed content of a chart displayed on a page is adjusted. The device can execute a page chart adjustment method. The device can be implemented in hardware and / or software and can be configured in an electronic device that carries the page chart adjustment function, such as a client or server.

[0104] See also Figure 5The page chart adjustment device shown includes: a chart display page 510 and a large language model service 520; wherein, the chart display page 510 is used to obtain the current chart type and adjustment requirement content, and pass the current chart type and the adjustment requirement content to the large language model service; the large language model service 520 is used to generate target display configuration information corresponding to the adjustment requirement content and the current chart type based on the current chart type and the adjustment requirement content, and feed back the target display configuration information to the chart display page; through the chart display page 510, it is used to adjust the current display content of the current chart according to the target display configuration information to obtain the target display content of the target chart.

[0105] The technical solution of the embodiment of the present invention obtains different adjustment requirement contents through the chart display page, and realizes the adjustment of the chart in the chart display page. Compared with the method of using a new function button to adjust the display content of the current chart in the chart display page, the page has less new content, the page development amount is less, and the impact on the visual effect of the page is also smaller. In addition, too many page function components will not be rendered, which will not cause page jams, and the page browsing effect is better. At the same time, there is no excessive function confusion, and no excessive additional learning costs will be generated, and the user experience of the page is also better. Through the large language model service, the current chart type and adjustment requirement content are semantically understood, and corresponding target display configuration information is generated. The semantic understanding capability of the large language model service is utilized to realize the conversion of the adjustment requirement content into the target display configuration information of the chart display page, and adjust the current display content of the current chart in the chart display page. In a more intelligent, flexible and lightweight manner, the display content of the page chart generated by the chart drawing tool is adjusted, the interactive capability of the chart drawing tool is expanded, the interactivity and page performance of the chart generated by the chart drawing tool are improved, and the development cost is further reduced.

[0106] In an optional embodiment of the present invention, the large language model service 520 includes: the large language model service 520 is used to match the corresponding target chart configuration template from each alternative chart configuration template in the database according to the current chart type; the large language model service 520 is used to generate the adjustment requirement content and the target display configuration information corresponding to the current chart type according to the target chart configuration template and the adjustment requirement content.

[0107] In an optional embodiment of the present invention, the large language model service 520 includes: the large language model service 520 is used to perform format parsing on the target chart configuration template to obtain a target template format description of the target chart configuration template; the large language model service 520 is used to input the target template format description and the adjustment requirement content into the large language model, and output the adjustment requirement content and the target display configuration information corresponding to the current chart type.

[0108] In an optional embodiment of the present invention, the large language model service 520 includes: the large language model service 520 is used to parse the target chart configuration template to obtain unit target chart configuration information; the large language model service 520 is used to combine each unit target chart configuration information to obtain target structured chart configuration information; the large language model service 520 is used to use a structured output interpreter to format the target structured chart configuration information to obtain a target template format description of the target chart configuration template.

[0109] In an optional embodiment of the present invention, the device also includes: a template configuration page; the template configuration page is used to obtain an alternative chart configuration template corresponding to an alternative chart type before obtaining the current chart type and adjusting the required content through the chart display page, and store the alternative chart type and the alternative chart configuration template in a database.

[0110] In an optional embodiment of the present invention, the chart display page is a chart display page of a financial institution.

[0111] The page chart adjustment device provided in the embodiment of the present invention can execute the page chart adjustment method provided in any embodiment of the present invention, and has the corresponding functional modules and beneficial effects of the execution method.

[0112] In the technical solution of the embodiment of the present invention, the collected information is information and data authorized by the user or fully authorized by all parties, and the collection, storage, use, processing, transmission, provision, disclosure and application of the relevant data comply with the relevant laws, regulations and standards of the relevant countries and regions, take necessary confidentiality measures, do not violate public order and good morals, and provide corresponding operation entrances for users to choose to authorize or refuse.

[0113] Example 4

[0114] According to an embodiment of the present invention, the present invention further provides an electronic device, a readable storage medium and a computer program product.

[0115] Figure 6A schematic diagram of the structure of an electronic device 600 that can be used to implement an embodiment of the present invention is shown. The electronic device is intended to represent various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device can also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices (such as helmets, glasses, watches, etc.) and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely examples and are not intended to limit the implementation of the present invention described and / or required herein.

[0116] like Figure 6 As shown, the electronic device 600 includes at least one processor 601, and a memory connected to the at least one processor 601 in communication, such as a read-only memory (ROM) 602, a random access memory (RAM) 603, etc., wherein the memory stores a computer program that can be executed by the at least one processor, and the processor 601 can perform various appropriate actions and processes according to the computer program stored in the read-only memory (ROM) 602 or the computer program loaded from the storage unit 608 into the random access memory (RAM) 603. In the RAM 603, various programs and data required for the operation of the electronic device 600 can also be stored. The processor 601, ROM 602 and RAM 603 are connected to each other via a bus 604. An input / output (I / O) interface 605 is also connected to the bus 604.

[0117] Multiple components in the electronic device 600 are connected to the I / O interface 605, including an input unit 606, such as a keyboard, a mouse, etc.; an output unit 607, such as various types of displays, speakers, etc.; a storage unit 608, such as a magnetic disk, an optical disk, etc.; and a communication unit 609, such as a network card, a modem, a wireless communication transceiver, etc. The communication unit 609 allows the electronic device 600 to exchange information / data with other devices via a computer network such as the Internet and / or various telecommunication networks.

[0118] Processor 601 can be any general-purpose and / or specialized processing component with processing and computing capabilities. Some examples of processor 601 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various dedicated artificial intelligence (AI) computing chips, various processors running machine learning model algorithms, a digital signal processor (DSP), and any appropriate processor, controller, microcontroller, etc. Processor 601 executes the various methods and processes described above, such as the page graph adjustment method.

[0119] In some embodiments, the page graph adjustment method may be implemented as a computer program tangibly embodied in a computer-readable storage medium, such as storage unit 608. In some embodiments, part or all of the computer program may be loaded and / or installed on electronic device 600 via ROM 602 and / or communication unit 609. When the computer program is loaded into RAM 603 and executed by processor 601, one or more steps of the page graph adjustment method described above may be performed. Alternatively, in other embodiments, processor 601 may be configured to perform the page graph adjustment method in any other suitable manner (e.g., via firmware).

[0120] Various embodiments of the systems and techniques described above can be implemented in digital electronic circuit systems, integrated circuit systems, field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), system-on-chip systems (SOCs), complex programmable logic devices (CPLDs), computer hardware, firmware, software, and / or combinations thereof. These various embodiments can include being implemented in one or more computer programs that are executable and / or interpreted on a programmable system that includes at least one programmable processor, which can be a special purpose or general purpose programmable processor that can receive data and instructions from a storage system, at least one input device, and at least one output device, and transmit data and instructions to the storage system, the at least one input device, and the at least one output device.

[0121] Computer programs for implementing the methods of the present invention may be written in any combination of one or more programming languages. These computer programs may be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing device, such that when the computer program is executed by the processor, the functions / operations specified in the flowcharts and / or block diagrams are implemented. The computer program may be executed entirely on the machine, partially on the machine, as a stand-alone software package, partially on the machine and partially on a remote machine, or entirely on a remote machine or server.

[0122] In the context of the present invention, computer-readable storage media can be tangible media that can contain or store a computer program for use with an instruction execution system, device or equipment or used in combination with an instruction execution system, device or equipment. Computer-readable storage media can include but are not limited to electronic, magnetic, optical, electromagnetic, infrared or semiconductor systems, devices or equipment, or any suitable combination of the foregoing. Alternatively, computer-readable storage media can be machine-readable signal media. More specific examples of machine-readable storage media can include electrical connections based on one or more lines, portable computer disks, hard disks, random access memories (RAM), read-only memories (ROM), erasable programmable read-only memories (EPROM or flash memory), optical fibers, portable compact disk read-only memories (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0123] To provide interaction with a user, the systems and techniques described herein can be implemented on an electronic device having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user; and a keyboard and pointing device (e.g., a mouse or trackball) through which the user can provide input to the electronic device. Other types of devices can also be used to provide interaction with the user; for example, the feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user can be received in any form (including acoustic input, voice input, or tactile input).

[0124] The systems and techniques described herein can be implemented in a computing system that includes back-end components (e.g., as a data server), or a computing system that includes middleware components (e.g., an application server), or a computing system that includes front-end components (e.g., a user computer with a graphical user interface or web browser through which a user can interact with implementations of the systems and techniques described herein), or a computing system that includes any combination of such back-end components, middleware components, or front-end components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: a local area network (LAN), a wide area network (WAN), a blockchain network, and the Internet.

[0125] A computing system may include clients and servers. The clients and servers are generally remote from each other and typically interact via a communication network. This client-server relationship arises through computer programs running on the respective computers, creating a client-server relationship. The server may be a cloud server, also known as a cloud computing server or cloud host. This server is a hosting product within a cloud computing service ecosystem that addresses the management difficulties and limited scalability of traditional physical hosting and VPS (Virtual Private Server) services.

[0126] It should be understood that the various forms of the processes shown above can be used to reorder, add, or delete steps. For example, the steps described in the present invention can be performed in parallel, sequentially, or in a different order, as long as the desired results of the technical solution of the present invention can be achieved. This is not limited herein.

[0127] The above specific embodiments do not limit the scope of protection of the present invention. Those skilled in the art will appreciate that various modifications, combinations, sub-combinations, and substitutions may be made based on design requirements and other factors. Any modifications, equivalent substitutions, and improvements made within the spirit and principles of the present invention are intended to be included within the scope of protection of the present invention.

Claims

1. A page chart adjustment method, characterized in that: The method comprises: Obtain the current chart type and adjustment requirement content through the chart display page, and transmit the current chart type and the adjustment requirement content to the large language model service; Generating target display configuration information corresponding to the adjustment requirement content and the current chart type according to the current chart type and the adjustment requirement content through the large language model service, including: Matching a corresponding target chart configuration template from each candidate chart configuration template in a database according to the current chart type through the large language model service; Generate target display configuration information corresponding to the adjustment requirement content and the current chart type through the large language model service according to the target chart configuration template and the adjustment requirement content, and feed the target display configuration information back to the chart display page; Through the chart display page, the current display content of the current chart is adjusted according to the target display configuration information to obtain the target display content of the target chart.

2. The method according to claim 1, characterized in that The generating, by the large language model service, target display configuration information corresponding to the adjustment requirement content and the current chart type according to the target chart configuration template and the adjustment requirement content, includes: Performing format parsing on the target chart configuration template through the large language model service to obtain a target template format description of the target chart configuration template; The target template format description and the adjustment requirement content are input into the large language model through the large language model service, and the adjustment requirement content and the target display configuration information corresponding to the current chart type are output.

3. The method according to claim 2, characterized in that The target chart configuration template is format parsed by the large language model service to obtain a target template format description of the target chart configuration template, including: Parsing the target chart configuration template through the large language model service to obtain unit target chart configuration information; Combining the target graph configuration information of each unit through the large language model service to obtain target structured graph configuration information; The target structured chart configuration information is format parsed by using the large language model service and a structured output interpreter to obtain a target template format description of the target chart configuration template.

4. The method according to claim 1, wherein Before displaying the chart page, obtaining the current chart type, and adjusting the required content, the following steps are also included: Obtain an alternative chart configuration template corresponding to an alternative chart type through a template configuration page, and store the alternative chart type and the alternative chart configuration template in a database in correspondence.

5. The method according to claim 1, wherein The chart display page is a chart display page of a financial institution.

6. A page chart adjustment device, characterized in that: The device includes: a chart display page and a large language model service; wherein, The chart display page is used to obtain the current chart type and the adjustment requirement content, and transmit the current chart type and the adjustment requirement content to the large language model service; The large language model service is configured to generate target display configuration information corresponding to the adjustment requirement content and the current chart type based on the current chart type and the adjustment requirement content, including: The large language model service is used to match a corresponding target chart configuration template from each candidate chart configuration template in the database according to the current chart type; The large language model service is configured to generate target display configuration information corresponding to the adjustment requirement content and the current chart type based on the target chart configuration template and the adjustment requirement content, and feed the target display configuration information back to the chart display page; The chart display page is used to adjust the current display content of the current chart according to the target display configuration information to obtain the target display content of the target chart.

7. An electronic device, characterized in that: The electronic device comprises: at least one processor; and a memory communicatively connected to the at least one processor; wherein, The memory stores a computer program executable by the at least one processor. The computer program is executed by the at least one processor to enable the at least one processor to perform the page graph adjustment method according to any one of claims 1 to 5.

8. A computer-readable storage medium, characterized in that The computer-readable storage medium stores computer instructions, and the computer instructions are used to enable a processor to implement the page graph adjustment method according to any one of claims 1 to 5 when executed.

9. A computer program product, characterized in that The computer program product comprises a computer program, and when the computer program is executed by a processor, the computer program implements the page graph adjustment method according to any one of claims 1 to 5.

Citation Information

Patent Citations

  • Information processing method and device, electronic equipment and storage medium

    CN117111804A

  • Chart generation method and device, equipment and storage medium

    CN117574868A