A pluggable chart expansion method and apparatus

Abstract

This invention discloses a pluggable chart extension method and apparatus, belonging to the field of business intelligence technology. It addresses the technical problems of limited application scenarios, low development efficiency, complex front-end frameworks, poor compatibility with single frameworks, and inability to quickly meet customers' personalized needs in built-in components of business intelligence analysis tools. The method includes: when the required chart is not available in the BI tool's built-in resources, an extended chart management module configures the extended chart information and generates a corresponding configuration file; wherein the extended chart management module includes a basic information configuration page, a plugin reference configuration page, a chart script configuration page, a chart style configuration page, and a custom attribute configuration page; a chart designer obtains the configuration file and renders the chart to generate an initial extended chart; the chart designer obtains the corresponding business data and binds the business data to the initial extended chart to generate the final extended chart. Users can develop their own visualization components.

Description

TECHNICAL FIELD

[0001] The present application relates to the technical field of business intelligence, and particularly relates to a pluggable chart extension method and device. BACKGROUND

[0002] Data visualization is a hot big data application technology at present, and many big data analysis tools focus on developing a functional module of data visualization. Data visualization and its technical research and application development have fundamentally changed our understanding of data and data analysis tools, and data visualization has a wide and deep influence on the development of big data. The main technical means of data visualization is to use a business intelligence (BI) analysis tool.

[0003] Currently, common BI analysis tools are based on a data model, and a mode of quickly constructing a visual board through a drag-and-drop method. In the application process of the BI analysis tool, it is found that the built-in components can meet most application scenarios in actual production. However, with the increase of customers, the continuous change of business requirements and the increase of personalized requirements, the personalized requirements of customers for visualization are improved, and customers hope to analyze actual business scenarios through personalized charts. However, the application scenarios of the built-in components of the business intelligence analysis tool are limited, the development speed is slow, the chart attribute configuration is complex, the chart development is unstable, and the built-in components of the business intelligence analysis tool cannot temporarily quickly meet the personalized requirements of customers. Moreover, the front-end frameworks of the built-in components are various, a single framework has poor compatibility, and it is difficult to quickly deliver a project. SUMMARY

[0004] Embodiments of the present application provide a pluggable chart extension method and device, which are used to solve the following technical problems: the built-in components of the business intelligence analysis tool have limited application scenarios, the development efficiency is low, and the built-in components of the business intelligence analysis tool cannot quickly meet the personalized requirements of customers.

[0005] Embodiments of the present application adopt the following technical solutions:

[0006] In one aspect, the embodiments of the present application provide a pluggable chart extension method, which includes: in the case that a required chart is not in built-in resources of a BI tool, an extension chart management module is used to configure extension chart information, and a corresponding configuration file is generated; wherein the extension chart management module includes a basic information configuration page, a plug-in reference configuration page, a chart script configuration page, a chart style configuration page and a custom attribute configuration page; a chart designer acquires the configuration file and performs chart rendering to generate an initial extension chart; the chart designer acquires corresponding business data, and binds the business data with the initial extension chart to generate a final extension chart.

[0007] In one feasible implementation, the extended chart management module configures extended chart information and generates a corresponding configuration file. Specifically, the extended chart management module obtains the basic information configured by the user in the basic information configuration page and generates a basic information configuration file. The basic information includes at least preview information and description information. The preview information is used to display the content style of the extended chart, and the description information is used to define how the extended chart is used.

[0008] In one feasible implementation, the extended chart management module configures extended chart information and generates a corresponding configuration file. Specifically, the extended chart management module obtains the plugin information referenced by the user in the plugin reference configuration page and generates a plugin reference configuration file. The plugin reference configuration is also connected to a plugin library, allowing the user to select and reference the required plugin from the plugin library. If the required plugin is not found in the plugin library, the user is prompted to upload the required plugin to the plugin library via the file upload function. The plugin library includes at least the functions for uploading third-party plugins, uploading single script files, and uploading third-party script libraries.

[0009] In one feasible implementation, the extended chart management module configures extended chart information and generates a corresponding configuration file. Specifically, the extended chart management module obtains the chart script edited by the user in the chart script configuration page and saves it as a chart script configuration file. The chart script configuration page has a built-in JavaScript editor and API development specification document. The JavaScript editor includes several default functions for the user to call, and the default functions include at least a rendering initialization function, a data rendering function, and a size redraw function.

[0010] In one feasible implementation, the extended chart management module configures extended chart information and generates a corresponding configuration file, specifically including: the extended chart management module obtains the icon style information set by the user in the chart style configuration page and generates a chart style configuration file; wherein, the chart style configuration page has a built-in CSS style selector.

[0011] In one feasible implementation, the extended chart management module configures extended chart information and generates a corresponding configuration file. Specifically, the extended chart management module obtains the custom attribute information set by the user in the custom attribute configuration page, saves the custom attributes in the orgOption attribute, and generates a custom configuration file. The custom attribute information includes at least one or more of the following: text, numerical value, color, and font.

[0012] In one feasible implementation, before the chart designer obtains the configuration file and renders the chart to generate the initial extended chart, the method further includes: the extended chart management module storing the generated basic information configuration file, chart script configuration file, chart style configuration file, and custom configuration file in a database in an associated manner.

[0013] In one feasible implementation, the chart designer obtains the configuration file and renders the chart to generate an initial extended chart. Specifically, this includes: when the icon of the extended chart is dragged into the chart designer, the chart designer imports all configuration files associated with the extended chart into the database; the chart designer generates a basic extended chart based on the chart style configuration file and the basic information configuration file; the chart designer calls the rendering initialization function in the chart script configuration file, obtains the custom attributes of the extended chart in the orgOption property, makes custom adjustments to the basic extended chart, and generates the initial extended chart.

[0014] In one feasible implementation, the chart designer obtains the corresponding business data and binds the business data with the initial extended chart to generate the final extended chart. Specifically, the chart designer obtains user-defined business data, calls the data rendering function in the chart script configuration file, saves the business data into the data object of the initial extended chart, and organizes and adjusts the data through the data object to generate the final extended chart. When the size of the DOM elements of the extended chart changes, the chart designer calls the size redraw function to adaptively adjust the size of the final extended chart.

[0015] On the other hand, this application embodiment also provides a pluggable chart extension device, including: an extended chart management module, used to add an extended chart and configure chart information when the required chart is not available in the built-in resources of the BI tool, and generate a corresponding configuration file; wherein, the extended chart management module includes a basic information configuration page, a plugin reference configuration page, a chart script configuration page, a chart style configuration page, and a custom attribute configuration page; a chart designer, used to obtain the configuration file and render the chart to generate an initial extended chart; obtain the corresponding business data and bind the business data with the initial extended chart to generate a final extended chart.

[0016] Compared with the prior art, the pluggable chart expansion method and apparatus provided in this application have the following advantages:

[0017] 1. To address the issue of slow development speed, a fully open visualization chart API interface is adopted, resulting in rapid development. The visualization component interface is fully open, allowing users to develop their own visualization components and customize data binding panels, attribute settings, and data exploration methods. Users can also utilize open-source chart libraries (such as d3 and echarts) or develop their own rendering effects. Custom visualization components can be used in dashboards like built-in components for data analysis and display.

[0018] 2. To address the limitation of built-in components in BI tools in terms of application scenarios, a plug-in development extension mechanism is adopted, which features high flexibility and scalability. The advantage of using plug-ins is that users can add extension components only as needed, without affecting the normal operation of the system, and user needs will be better responded to and met.

[0019] 3. Due to the free development approach of plugins, extended charts can reference any third-party components, offering a high degree of flexibility. Third-party software companies and individual enthusiasts can all develop plugins to meet their functionalities. We provide developers with an empowering platform and offer users high-quality, high-value products.

[0020] 4. To address the instability issue in chart development, a front-end modular extension development mechanism is adopted, which features good stability. Attached Figure Description

[0021] To more clearly illustrate the technical solutions in the embodiments of this application or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments recorded in this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort. In the drawings:

[0022] Figure 1 A flowchart of a pluggable chart expansion method provided in this application embodiment;

[0023] Figure 2 A diagram illustrating a chart extension architecture provided in this application embodiment;

[0024] Figure 3 A comparison diagram of the usage flow of traditional BI tools and pluggable BI tools provided for embodiments of this application;

[0025] Figure 4 This is a schematic diagram of a pluggable chart expansion device provided in an embodiment of this application. Detailed Implementation

[0026] To enable those skilled in the art to better understand the technical solutions in this application, the technical solutions in the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this application, and not all embodiments. Based on the embodiments of this specification, all other embodiments obtained by those skilled in the art without creative effort should fall within the scope of protection of this application.

[0027] This application provides a pluggable chart expansion method, such as... Figure 1 As shown, the pluggable chart expansion method specifically includes steps S101-S103:

[0028] S101. If the required chart is not available in the built-in resources of the BI tool, the extended chart management module will configure the extended chart information and generate the corresponding configuration file.

[0029] The extended chart management module includes a basic information configuration page, a plugin reference configuration page, a chart script configuration page, a chart style configuration page, and a custom attribute configuration page. When users design charts using BI tools, they first determine the required charts based on business needs. If the BI tool's built-in resources do not contain the charts the user needs, the user can use the extended chart management function provided in this application to customize the charts they require.

[0030] Specifically, after a user clicks the "Add Extended Chart" button, the extended chart management module displays a basic information configuration page, where the user can configure the basic information of the extended chart. Then, the extended chart management module retrieves the basic information configured by the user on the basic information configuration page and generates a basic information configuration file. This basic information includes at least preview information and description information; the preview information displays the content style of the extended chart; and the description information defines how the extended chart is used.

[0031] Furthermore, after the user clicks the plugin reference button, the extended chart management module will display a plugin reference configuration page, where the user can reference the required plugins. The extended chart management module obtains the plugin information referenced by the user on the plugin reference configuration page and generates a plugin reference configuration file. This configuration file is also linked to the plugin library, allowing the user to select and reference the required plugins from the library. If the required plugin is not found in the plugin library, the user is prompted to upload the plugin to the library via the file upload function. The plugin library must include at least the functions for uploading third-party plugins, uploading single script files, and uploading third-party script libraries.

[0032] As a feasible implementation method, Figure 2A diagram illustrating a graph extension architecture is provided for embodiments of this application, such as... Figure 2 As shown, the chart extension architecture consists of the Inspur BI tool base engine and the newly added extended chart program. The newly added extended chart program includes a plugin library and an extended component parsing engine. The plugin library allows users to freely upload necessary third-party plugins, including single script files and third-party script libraries such as the layui.zip package. The extended component parsing engine utilizes CodeMirror plugin technology to parse JavaScript scripts and CSS libraries, enabling online editing of extended chart styles and scripts, allowing developers to edit and save extended charts online. Furthermore, through component definition configuration items, a set of one-to-one corresponding extended configuration items is formed, facilitating quick and easy configuration when adding new configuration attributes. The Inspur BI tool base engine can obtain configuration information, acquire data, perform adaptive rendering, and perform linked queries, and provides API specification development documentation for the newly added extended chart management module.

[0033] Furthermore, after the user clicks the chart script editing button, the extended chart management module will display the chart script configuration page, where the user can edit simple chart scripts. The extended chart management module retrieves the chart script edited by the user on the chart script configuration page and saves it as a chart script configuration file. The chart script configuration page has a built-in JavaScript editor and saves the API development specification document. The JavaScript editor includes several default functions for the user to call, including at least a rendering initialization function, a data rendering function, and a size redraw function.

[0034] As a feasible implementation, the chart script configuration page includes a built-in JavaScript editor. Users can develop and adjust extended chart scripts within the configuration page, referring to the API development specification document. The editor supports JavaScript code validation. At least three default functions are defined in the JavaScript editor: the rendering initialization function is called when the extended chart is rendered for the first time. Within this function, custom configuration properties of the extended chart can be retrieved through the `orgOption` property, allowing adjustments to the extended chart; the data rendering function is called when data in the dataset is bound to the extended chart, saving the data to a `data` object. In this function, configuration information for the extended chart can be retrieved through the `orgOption` property, and the necessary data for the extended chart can be organized using the `data` object; the size redraw function is triggered by the `window` method, occurring when the size of the extended chart's DOM element changes, enabling the extended chart to adapt to different sizes.

[0035] Furthermore, after the user clicks the chart style selection button, the extended chart management module will display the chart style configuration page, where the user can select a chart style. The extended chart management module retrieves the icon style information set by the user on the chart style configuration page and generates a chart style configuration file; the chart style configuration page includes a built-in CSS style selector.

[0036] As a feasible implementation method, the chart style has a built-in CSS style selector, which allows users to set the style of the chart and make the chart display more diverse.

[0037] Furthermore, after the user clicks the "Custom Attribute Settings" button, the extended chart management module will display a custom attribute configuration page, where the user can customize the chart's attributes. The extended chart management module retrieves the custom attribute information set by the user on the custom attribute configuration page, saves the custom attributes in the orgOption property, and generates a custom configuration file. The custom attribute information includes text, values, colors, fonts, and other information.

[0038] As a feasible implementation method, users can customize parameters such as text, values, colors, and fonts of extended charts in the custom attribute configuration page. All configured attributes are stored in the orgOption property, and custom attributes can be called and further processed in the chart script, increasing the flexibility of extended charts.

[0039] S102. The chart designer obtains the configuration file and renders the chart to generate the initial extended chart.

[0040] Specifically, the extended chart management module stores the generated basic information configuration file, chart script configuration file, chart style configuration file, and custom configuration file in the database in an associated manner.

[0041] When an extended chart icon is dragged into the chart designer, the chart designer imports all configuration files associated with the extended chart from the database. Based on the chart style configuration file and the basic information configuration file, the chart designer generates a basic extended chart. The chart designer then calls the rendering initialization function in the chart script configuration file, retrieves the extended chart's custom properties from the orgOption property, makes custom adjustments to the basic extended chart, and generates the initial extended chart.

[0042] As a feasible implementation method, the extended chart management module also supports import and export functions. The physical files and database information of developed extended charts can be exported using BI tools, improving the reusability of extended charts. All physical files of extended charts are stored in the database as binary streams; the loss of a physical file will not affect the normal use of the extended chart. Scripts, styles, and custom configuration files referenced by extended charts are stored in the database in a relational manner. When a script is dragged into the dashboard designer, the relevant scripts and styles are automatically imported.

[0043] S103. The chart designer obtains the corresponding business data and binds the business data with the initial extended chart to generate the final extended chart.

[0044] Specifically, in response to the user dragging and dropping the extended chart into the chart designer, the chart designer obtains the user-defined business data, calls the data rendering function in the chart script configuration file of the initial extended chart, saves the business data into the data object of the initial extended chart, and organizes and adjusts the data through the data object to generate the final extended chart.

[0045] Furthermore, when the size of the DOM element of the expanded chart changes, the chart designer calls the size redraw function to adaptively adjust the size of the final expanded chart.

[0046] As a feasible implementation method, Figure 3 A comparison diagram of the usage flow of traditional BI tools and pluggable BI tools provided for embodiments of this application is shown below. Figure 3 As shown, traditional BI tools can only select the charts needed for business operations from built-in components. Inspur's BI tool engine, based on years of product experience and powered by Spring Cloud and H5, has developed a core engine for chart parsing. It extends the main rendering mechanisms during chart rendering through event tracking technology, such as obtaining configuration information, data acquisition, post-data acquisition, adaptive rendering, and linked queries, providing more tools for developers and fostering a BI tool development ecosystem. The plug-in BI tool provided in this application, compared to traditional BI tools, adds extended chart management functionality. Users can edit extended chart scripts according to the API operation documentation, adjust the data structure and customize configuration attributes of extended charts, and generate extended charts that meet individual user needs. This improves the flexibility and scalability of the Inspur BI tool system, enabling rapid realization of customized visual dashboards, improving delivery efficiency, establishing the Inspur BI tool development ecosystem, lowering the technical threshold for development, revolutionizing traditional BI delivery solutions, and pioneering a new era of BI tool innovation.

[0047] In addition, embodiments of this application also provide a pluggable chart expansion device, such as... Figure 4 As shown, the pluggable chart expansion device 400 specifically includes:

[0048] The extended chart management module 410 is used to add extended charts and configure chart information when the required charts are not available in the built-in resources of the BI tool, and generate corresponding configuration files; wherein, the extended chart management module includes a basic information configuration page 411, a plug-in reference configuration page 412, a chart script configuration page 413, a chart style configuration page 414, and a custom attribute configuration page 415.

[0049] Chart designer 420 is used to obtain the configuration file and render the chart to generate an initial extended chart; obtain the corresponding business data and bind the business data with the initial extended chart to generate a final extended chart.

[0050] As a feasible implementation, the pluggable chart extension device 400 also includes a database 430 for storing basic information configuration files, plug-in reference configuration files, chart script configuration files, chart style configuration files, and custom attribute configuration files generated in the extended chart management module 410.

[0051] As one feasible implementation, the basic information configuration page 411 is used to configure the preview image and description information of the extended chart. The preview information is used to display the extended chart when defining the component, making it easy to quickly obtain the content style of the extended chart. When using extended charts developed by others, the usage method of the extended chart can be obtained through the description information, making it easy to get started quickly.

[0052] On the plugin reference configuration page 412, you can select the script files used by the extended charts by checking the boxes. Script files that the platform does not have can be supplemented through the file upload function in the plugin management.

[0053] The chart script configuration page 413 includes a built-in JS editor, allowing users to develop and adjust extended chart scripts by referring to the API development specification document. The text editor supports JS code validation. Three functions are defined by default in the editor: the rendering initialization function is called when the extended chart is rendered for the first time; within this function, custom configuration properties in the extended chart can be obtained through the `orgOption` property, allowing adjustments to the extended chart; the data rendering function is called when data in the dataset is bound to the extended chart, saving the data in the dataset to a `data` object; within this function, configuration information for the extended chart can be obtained through the `orgOption` property, and the data can be used to organize the data required by the extended chart; the size redraw function is triggered by the `window` method, triggered when the size of the extended chart's DOM element changes, enabling the extended chart to adapt to different sizes.

[0054] The chart style configuration page 414 includes a built-in CSS editor. When used in conjunction with the chart script, the style of the chart can be set through CSS selectors, making the chart display more diverse.

[0055] On page 415, you can customize parameters such as text, values, colors, and fonts for extended charts. All configured attributes are stored in orgOption, which can be called in scripts to further process the parameters, increasing the flexibility of extended charts.

[0056] This application provides a pluggable chart extension method and apparatus, adding extended chart management functionality to support the assembly, information description, and configuration item pre-creation of personalized charts. It also enhances the chart designer's functionality, allowing users to select pre-developed personalized charts. Furthermore, it allows for customization of data binding panels, attribute settings, and data exploration methods to define personalized charts. This application fully opens the visualization component interface, allowing users to develop their own visualization components and customize data binding panels, attribute settings, and data exploration methods. Visual effects can be rendered using open-source chart libraries (such as d3 and echarts) or self-developed rendering techniques. Customized visualization components can be used in the chart panel like built-in components for data analysis and display. Product functionality can be added through plugins. The advantage of using plugins is that users can add only the extended components they need without affecting the normal operation of the system. User needs will be better responded to and met. Simultaneously, due to the free development of plugins, third-party software companies and individual enthusiasts can develop plugins with the required functions, providing developers with an empowering platform and offering users high-quality, high-value products.

[0057] Those skilled in the art will understand that the embodiments of this specification can be provided as methods, systems, or computer program products. Therefore, the embodiments of this specification can take the form of a completely hardware embodiment, a completely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, the embodiments of this specification can take the form of a computer program product implemented on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

[0058] This specification is described with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of this specification. It will be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, generate instructions for implementing the flowchart illustrations and / or block diagrams. Figure 1 One or more processes and / or boxes Figure 1 A device that provides the functions specified in one or more boxes.

[0059] These computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means, which are implemented in a process Figure 1 One or more processes and / or boxes Figure 1 The function specified in one or more boxes.

[0060] These computer program instructions may also be loaded onto a computer or other programmable data processing equipment to cause a series of operational steps to be performed on the computer or other programmable equipment to produce a computer-implemented process, thereby providing instructions that execute on the computer or other programmable equipment for implementing the process. Figure 1 One or more processes and / or boxes Figure 1 The steps of the function specified in one or more boxes.

[0061] It should also be noted that the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitations, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes said element.

[0062] The various embodiments in this application are described in a progressive manner. Similar or identical parts between embodiments can be referred to mutually. Each embodiment focuses on describing the differences from other embodiments. In particular, the device embodiments are basically similar to the method embodiments, so the description is relatively simple; relevant parts can be referred to the descriptions of the method embodiments.

[0063] The foregoing has described specific embodiments of this application. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recited in the claims may be performed in a different order than that shown in the embodiments and may still achieve the desired results. Furthermore, the processes depicted in the drawings do not necessarily require the specific or sequential order shown to achieve the desired results. In some embodiments, multitasking and parallel processing are also possible or may be advantageous.

[0064] The above description is merely an embodiment of this application and is not intended to limit this application. For those skilled in the art, various modifications and variations can be made to the embodiments of this application. Any modifications, equivalent substitutions, improvements, etc., made within the spirit and principle of the embodiments of this application should be included within the scope of the claims of this application.

Claims

1. A pluggable chart expansion method, characterized in that, The method includes: If the required chart is not available in the built-in resources of the business intelligence analytics tool, the extended chart management module configures the extended chart information and generates a corresponding configuration file. This extended chart management module includes a basic information configuration page, a plugin reference configuration page, a chart script configuration page, a chart style configuration page, and a custom attribute configuration page. Specifically, it includes: The extended chart management module obtains the basic information configured by the user in the basic information configuration page and generates a basic information configuration file; wherein, the basic information includes at least preview information and description information; the preview information is used to display the content style of the extended chart; the description information is used to define how the extended chart is used. The extended chart management module obtains the plugin information referenced by the user in the plugin reference configuration page and generates a plugin reference configuration file. This plugin reference configuration is also connected to the plugin library, allowing the user to select the desired plugin for reference. If the desired plugin is not found in the plugin library, the user is prompted to upload the required plugin to the plugin library via the file upload function. The plugin library includes at least the functions for uploading third-party plugins, uploading single script files, and uploading third-party script libraries. The extended chart management module obtains the chart script edited by the user in the chart script configuration page and saves it as a chart script configuration file; wherein, the chart script configuration page has a built-in JavaScript editor and API development specification document; the JavaScript editor includes several default functions for the user to call, and the default functions include at least a rendering initialization function, a data rendering function, and a size redraw function; The extended chart management module obtains the icon style information set by the user in the chart style configuration page and generates a chart style configuration file; wherein, the chart style configuration page has a built-in CSS style selector; The extended chart management module obtains the custom attribute information set by the user in the custom attribute configuration page, saves the custom attributes in the orgOption attribute, and generates a custom configuration file; wherein, the custom attribute information includes at least one or more of the following: text, numerical value, color, and font; The chart designer obtains the configuration file and renders the chart to generate an initial extended chart. The chart designer obtains the corresponding business data and binds the business data with the initial extended chart to generate the final extended chart.

2. The pluggable chart expansion method according to claim 1, characterized in that, Before the chart designer obtains the configuration file and renders the chart to generate the initial extended chart, the method further includes: The extended chart management module stores the generated basic information configuration file, plugin reference configuration file, chart script configuration file, chart style configuration file, and custom configuration file in the database in an associated manner.

3. The pluggable chart expansion method according to claim 2, characterized in that, The chart designer obtains the configuration file and renders the chart to generate an initial extended chart, specifically including: When the icon of the extended chart is dragged into the chart designer, the chart designer imports all configuration files associated with the extended chart into the database; The chart designer generates basic extended charts based on the chart style configuration file and the basic information configuration file; The chart designer calls the rendering initialization function in the chart script configuration file, obtains the custom attributes of the extended chart in the orgOption property, makes custom adjustments to the basic extended chart, and generates the initial extended chart.

4. The pluggable chart expansion method according to claim 3, characterized in that, The chart designer acquires the corresponding business data and binds the business data with the initial extended chart to generate the final extended chart, specifically including: The chart designer obtains user-defined business data and calls the data rendering function in the chart script configuration file to save the business data into the data object of the initial extended chart. The data object is then used to organize and adjust the data to generate the final extended chart. When the size of the DOM element of the expanded chart changes, the chart designer calls the size redraw function to adaptively adjust the size of the final expanded chart.

5. A pluggable chart expansion device, employing the pluggable chart expansion method as described in any one of claims 1-4, characterized in that, The device includes: The extended chart management module is used to add extended charts and configure chart information when the required charts are not available in the built-in resources of the business intelligence analysis tool, and generate corresponding configuration files. The extended chart management module includes a basic information configuration page, a plugin reference configuration page, a chart script configuration page, a chart style configuration page, and a custom attribute configuration page. A chart designer is used to obtain the configuration file and render the chart to generate an initial extended chart; obtain the corresponding business data and bind the business data with the initial extended chart to generate a final extended chart.

Images