CN111813784A - A method, system, device and medium for dynamically updating charts - Google Patents

Abstract

The invention discloses a method, system, device and storage medium for dynamically updating a chart. The method includes the following steps: detecting whether there is a new component in the canvas, and judging whether the component is a chart component or a filtering component in response to the new component in the canvas ;In response to the component being a chart component, update the associated chart data of the filter component based on the chart component to ensure that the associated chart data of the filter component is consistent with the chart of the canvas; put the parameter information of each filter component including the associated chart data into the filter data array , the chart component monitors the filter data array; and in response to the change of the filter data array, each chart component updates the corresponding parameters according to the changed filter data array, and redraws the chart according to the updated parameters. The solution proposed by the present invention can realize the configuration and update of all the charts at one time, and when adding, modifying and deleting filter conditions, only the filter component needs to be modified, which greatly reduces the workload of modification.

Description

A method, system, device and medium for dynamically updating charts

technical field

The present invention relates to the field of data analysis, and more particularly, to a method, system, computer device and readable medium for dynamically updating graphs.

Background technique

In the process of developing industrial data analysis reports, only a single scene can be displayed after the configuration of the data analysis report is completed, and the data indicators cannot be viewed in real time by customizing the filter conditions according to the needs. force.

In the existing data analysis report configuration, data filtering is completely dependent on the implementation of the underlying code. Every change in the filtering conditions requires re-modification of the existing code. The use threshold is high, the operation is complicated, the efficiency is low, the reusability is low, and the modification cost is high. big.

SUMMARY OF THE INVENTION

In view of this, the purpose of the embodiments of the present invention is to provide a method, system, computer device, and computer-readable storage medium for dynamically updating a chart. By keeping the associated chart data of the filter component consistent with the chart of the canvas, one-time configuration can be realized To update the effect of all charts, the configuration is simple, saving time and effort. It is not necessary to configure the filter parameters of each chart individually. You only need to select the charts that need to configure filter conditions in the associated chart; when adding, modifying and deleting filter conditions, There is no need to change the code inside each chart, only the filter component needs to be modified, which greatly reduces the workload of modification, and has the advantages of easy modification and high flexibility.

Based on the above purpose, one aspect of the embodiments of the present invention provides a method for dynamically updating a chart, including the following steps: detecting whether there is a new component in the canvas, and in response to the new component in the canvas, judging that the component is a chart component or a filter component; in response to the component being a chart component, update the associated chart data of the filter component based on the chart component to ensure that the associated chart data of the filter component is consistent with the chart of the canvas; each filter component includes the The parameter information of the associated chart data is put into the filter data array, and the filter data array is monitored by the chart component; and in response to the change of the filter data array, each chart component is updated according to the changed filter data array corresponding parameters, and redraw the chart according to the updated parameters.

In some embodiments, the method further includes: placing a new component into a corresponding area of the canvas according to the component type, and updating the layout information of the filter component and the chart component.

In some embodiments, the method further includes: filtering the information of the chart components that do not support the filtering function in the associated chart data.

In some embodiments, the method further includes: inputting the same initial filtering parameter information for each chart, configuring parameters for each chart according to the parameter form required by itself, and separately storing the newly configured parameters.

Another aspect of the embodiments of the present invention further provides a system for dynamically updating charts, including: a detection module configured to detect whether there is a new component in the canvas, and in response to the new component in the canvas, determine that the component is The chart component is also a filter component; the update module is configured to, in response to the component being a chart component, update the associated chart data of the filter component based on the chart component to ensure that the associated chart data of the filter component is consistent with the chart of the canvas; execute a module, configured to put parameter information including the associated chart data of each filter component into a filter data array, and to monitor the filter data array through the chart component; and a parameter module, configured to respond to the When the filter data array changes, each chart component updates the corresponding parameters according to the changed filter data array, and redraws the chart according to the updated parameters.

In some embodiments, the method further includes: a second update module, configured to place a new component into a corresponding area of the canvas according to the component type, and update the layout information of the filter component and the chart component.

In some embodiments, the method further includes: a filtering module, configured to filter the information of the chart components that do not support the filtering function in the associated chart data.

In some embodiments, it further includes: a chart module, configured to input the same initial filtering parameter information for each type of chart, each type of chart configures parameters according to the parameter form required by itself, and separates the newly configured parameters storage.

In yet another aspect of the embodiments of the present invention, there is also provided a computer device, comprising: at least one processor; and a memory, where the memory stores computer instructions that can be executed on the processor, and the instructions are executed by the processor. The processor implements the steps of the above method when executed.

In yet another aspect of the embodiments of the present invention, a computer-readable storage medium is also provided, where the computer-readable storage medium stores a computer program that implements the above method steps when executed by a processor.

The invention has the following beneficial technical effects: by keeping the associated chart data of the filter component consistent with the chart of the canvas, the effect of configuring and updating all the charts at one time can be realized, the configuration is simple, time and effort are saved, and the filtering parameters of each chart need not be configured separately, You only need to select the charts that need to configure filter conditions in the associated chart; when adding, modifying and deleting filter conditions, you do not need to change the code inside each chart, but only need to modify the filter components, which greatly reduces the workload of modification. , with the advantages of easy modification and high flexibility.

Description of drawings

In order to explain the embodiments of the present invention or the technical solutions in the prior art more clearly, the following briefly introduces the accompanying drawings that need to be used in the description of the embodiments or the prior art. Obviously, the accompanying drawings in the following description are only These are some embodiments of the present invention. For those of ordinary skill in the art, other embodiments can also be obtained according to these drawings without creative efforts.

1 is a schematic diagram of an embodiment of a method for dynamically updating a chart provided by the present invention;

FIG. 2 is a schematic diagram of a hardware structure of an embodiment of a computer device for dynamically updating a chart provided by the present invention.

Detailed ways

In order to make the objectives, technical solutions and advantages of the present invention more clearly understood, the embodiments of the present invention will be further described in detail below with reference to the specific embodiments and the accompanying drawings.

It should be noted that all expressions using "first" and "second" in the embodiments of the present invention are for the purpose of distinguishing two entities with the same name but not the same or non-identical parameters. It can be seen that "first" and "second" It is only for the convenience of expression and should not be construed as a limitation to the embodiments of the present invention, and subsequent embodiments will not describe them one by one.

Based on the above purpose, in the first aspect of the embodiments of the present invention, an embodiment of a method for dynamically updating a chart is proposed. FIG. 1 shows a schematic diagram of an embodiment of a method for dynamically updating a chart provided by the present invention. As shown in Figure 1, the embodiment of the present invention includes the following steps:

S1. Detect whether there is a new component in the canvas, and in response to the new component in the canvas, determine whether the component is a chart component or a filter component;

S2. In response to the component being a chart component, update the associated chart data of the filter component based on the chart component to ensure that the associated chart data of the filter component is consistent with the chart of the canvas;

S3. Put the parameter information of each filter component including the associated chart data into the filter data array, and monitor the filter data array through the chart component; and

S4. In response to the change of the filter data array, each chart component updates the corresponding parameter according to the changed filter data array, and redraws the chart according to the updated parameter.

Detect whether there is a new component in the canvas, and in response to the new component in the canvas, determine whether the component is a chart component or a filter component. The canvas is divided into upper and lower areas, the upper part is the filter component area, and the lower part is the chart component area. The component types are divided into filter components and chart components, which are placed in the corresponding areas according to the component type. In some embodiments, the method further includes: placing a new component into a corresponding area of the canvas according to the component type, and updating the layout information of the filter component and the chart component. After dragging and dropping a new component to the canvas, the type of the component is first judged, and the layout information of the filter component and the chart component is updated at the same time.

In response to the component being the chart component, the associated chart data of the filter component is updated based on the chart component to ensure that the associated chart data of the filter component is consistent with the chart of the canvas. If the newly added component is a chart component, the chart data associated with the filter component needs to be updated, that is, the new component information in the associated chart data. The filter component will monitor the associated chart data in real time and update it in time. At the same time, the associated chart data needs to filter out the chart components that do not support the filtering function, such as map components, URL components, etc. After the chart component is deleted, the associated chart data also needs to be updated. Ensure that the associated chart data of the filter component is consistent with the chart part of the canvas.

The parameter information including the associated chart data of each filter component is put into the filter data array, and the chart component monitors the filter data array. The filter event only supports binding to the button component. Clicking the button component triggers the filter event and starts to perform data filtering. Traverse the filter components existing in the canvas, put the parameter information of each filter component into the filter data array, each item in the array represents a filter component, and the parameter information contained is the filter component type, filter item key value, filter item The value value (that is, the filter condition filled in) is associated with the chart.

In response to the change of the filter data array, each chart component updates the corresponding parameters according to the changed filter data array, and redraws the chart according to the updated parameters. The chart component monitors the changes of the filter data array. When the filter data value changes, each chart component organizes the appropriate parameters according to the content in the filter data array, that is, updates the input parameters according to the filter conditions, and redraws the chart. Each chart component redraws the chart after receiving the filter parameters, realizing the function of updating data indicators in real time with custom filter conditions, and completing the update of the canvas.

In some embodiments, the method further includes: filtering the information of the chart components that do not support the filtering function in the associated chart data. The associated chart data represents the component id information that the filter component can control. When a component is added or deleted in the canvas, the associated chart data needs to be updated, and the component information needs to be added or deleted in time. The filter component information must be filtered out of the associated chart data first. When a filter component is added to the canvas, the associated chart data does not change. Secondly, the chart components that do not support the filter function should be filtered out. When such a component is added to the canvas, it will not appear in the list of components that the filter component can control. components.

In some embodiments, the method further includes: inputting the same initial filtering parameter information for each chart, configuring parameters for each chart according to the parameter form required by itself, and separately storing the newly configured parameters. Different types of charts have different requirements for input parameters. In order to cope with complex and diverse types of charts, the method used in this patent is to input the same filtering parameter information for each type of chart, and different types of charts receive parameters according to their own needs. Parameter configuration is performed in the form of parameters, and the newly configured parameters are stored separately. When drawing the canvas, it is judged whether to filter. If filtering is adopted, the parameters are updated and the original parameters are replaced with the newly configured parameters.

Compared with the existing chart filtering scheme, the embodiment of the present invention can achieve the effect of updating all charts by configuring at one time, the configuration is simple, time-saving and labor-saving, it is not necessary to configure the filtering parameters of each chart individually, and only needs to be checked in the associated chart. The chart that needs to configure the filter conditions is enough. When adding, modifying and deleting filter conditions, there is no need to change the code inside each chart, only the filter component needs to be modified, which greatly reduces the workload of modification, and has the advantages of easy modification and high flexibility.

It should be particularly pointed out that each step in each embodiment of the above-mentioned method for dynamically updating a chart can be intersected, replaced, added, and deleted. The protection scope of the present invention should not be limited to the embodiments.

Based on the above purpose, in a second aspect of the embodiments of the present invention, a system for dynamically updating charts is proposed, including: a detection module, configured to detect whether there are new components in the canvas, and determine whether there are new components in the canvas in response to the new components in the canvas. Whether the component is a chart component or a filter component; the update module is configured to, in response to the component being a chart component, update the associated chart data of the filter component based on the chart component to ensure that the associated chart data of the filter component is consistent with the canvas. The charts are consistent; the execution module is configured to put the parameter information including the associated chart data of each filter component into the filter data array, and monitor the filter data array through the chart component; and the parameter module, configured to In response to the change of the filter data array, each chart component updates the corresponding parameter according to the changed filter data array, and redraws the chart according to the updated parameter.

In some embodiments, the method further includes: a second update module, configured to place a new component into a corresponding area of the canvas according to the component type, and update the layout information of the filter component and the chart component.

In some embodiments, the method further includes: a filtering module, configured to filter the information of the chart components that do not support the filtering function in the associated chart data.

In some embodiments, it further includes: a chart module, configured to input the same initial filtering parameter information for each type of chart, each type of chart configures parameters according to the parameter form required by itself, and separates the newly configured parameters storage.

Based on the above objective, in a third aspect of the embodiments of the present invention, a computer device is provided, including: at least one processor; and a memory, where the memory stores computer instructions that can be executed on the processor, and the instructions are executed by the processor to The following steps are implemented: S1. Detect whether there is a new component in the canvas, and in response to a new component in the canvas, determine whether the component is a chart component or a filter component; S2, in response to the component being a chart component, update the association of the filter component based on the chart component Chart data to ensure that the associated chart data of the filter component is consistent with the chart of the canvas; S3. Put the parameter information of each filter component including the associated chart data into the filter data array, and monitor the filter data array through the chart component; and S4 . In response to the change of the filter data array, each chart component updates the corresponding parameters according to the changed filter data array, and redraws the chart according to the updated parameters.

In some embodiments, the method further includes: placing a new component into a corresponding area of the canvas according to the component type, and updating the layout information of the filter component and the chart component.

In some embodiments, the method further includes: filtering the information of the chart components that do not support the filtering function in the associated chart data.

In some embodiments, the method further includes: inputting the same initial filtering parameter information for each chart, configuring parameters for each chart according to the parameter form required by itself, and separately storing the newly configured parameters.

As shown in FIG. 2 , it is a schematic diagram of the hardware structure of an embodiment of the computer device for dynamically updating the chart provided by the present invention.

Taking the device shown in FIG. 2 as an example, the device includes a processor 301 and a memory 302 , and may further include an input device 303 and an output device 304 .

The processor 301 , the memory 302 , the input device 303 and the output device 304 may be connected by a bus or in other ways, and the connection by a bus is taken as an example in FIG. 2 .

The memory 302, as a non-volatile computer-readable storage medium, can be used to store non-volatile software programs, non-volatile computer-executable programs and modules, such as the method for dynamically updating the chart in the embodiments of the present application. Program instructions/modules. The processor 301 executes various functional applications and data processing of the server by running the non-volatile software programs, instructions and modules stored in the memory 302, that is, implementing the method for dynamically updating the chart in the above method embodiments.

The memory 302 may include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required for at least one function; the storage data area may store data created according to the use of the method of dynamically updating the chart, and the like. Additionally, memory 302 may include high speed random access memory, and may also include nonvolatile memory, such as at least one magnetic disk storage device, flash memory device, or other nonvolatile solid state storage device. In some embodiments, memory 302 may optionally include memory located remotely from processor 301, which may be connected to local modules via a network. Examples of such networks include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

The input device 303 can receive input information such as user name and password. The output device 304 may include a display device such as a display screen.

The program instructions/modules corresponding to one or more methods for dynamically updating the chart are stored in the memory 302, and when executed by the processor 301, the method for dynamically updating the chart in any of the above method embodiments is executed.

Any embodiment of the computer device that executes the above method for dynamically updating a chart can achieve the same or similar effects as any of the foregoing method embodiments corresponding to it.

The present invention also provides a computer-readable storage medium, where the computer-readable storage medium stores a computer program that executes the above method when executed by a processor.

Finally, it should be noted that those of ordinary skill in the art can understand that all or part of the process in the method of the above-mentioned embodiments can be implemented by instructing the relevant hardware through a computer program. The program of the method for dynamically updating the chart can be stored in a computer readable In the storage medium, when the program is executed, it may include the processes of the foregoing method embodiments. Wherein, the storage medium of the program may be a magnetic disk, an optical disk, a read only memory (ROM) or a random access memory (RAM) or the like. The above computer program embodiments can achieve the same or similar effects as any of the foregoing method embodiments corresponding thereto.

In addition, the methods disclosed according to the embodiments of the present invention may also be implemented as a computer program executed by a processor, and the computer program may be stored in a computer-readable storage medium. When the computer program is executed by the processor, the above-mentioned functions defined in the methods disclosed in the embodiments of the present invention are executed.

In addition, the above-mentioned method steps and system units can also be implemented by using a controller and a computer-readable storage medium for storing a computer program that enables the controller to implement the functions of the above-mentioned steps or units.

In addition, it should be understood that computer-readable storage media (eg, memory) herein can be volatile memory or non-volatile memory, or can include both volatile and non-volatile memory. By way of example and not limitation, nonvolatile memory may include read only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), or flash memory memory. Volatile memory may include random access memory (RAM), which may act as external cache memory. By way of example and not limitation, RAM is available in various forms such as synchronous RAM (DRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous Link DRAM (SLDRAM), and Direct Rambus RAM (DRRAM). The storage devices of the disclosed aspects are intended to include, but not be limited to, these and other suitable types of memory.

Those skilled in the art will also appreciate that the various exemplary logical blocks, modules, circuits, and algorithm steps described in connection with the disclosure herein may be implemented as electronic hardware, computer software, or combinations of both. To clearly illustrate this interchangeability of hardware and software, various illustrative components, blocks, modules, circuits, and steps have been described generally in terms of their functionality. Whether such functionality is implemented as software or hardware depends on the specific application and design constraints imposed on the overall system. Those skilled in the art may implement the functions in various ways for each specific application, but such implementation decisions should not be interpreted as causing a departure from the scope of the disclosed embodiments of the present invention.

The various exemplary logical blocks, modules, and circuits described in connection with the disclosure herein can be implemented or executed using the following components designed to perform the functions herein: general purpose processors, digital signal processors (DSPs), application specific integrated circuits (ASIC), Field Programmable Gate Array (FPGA) or other programmable logic device, discrete gate or transistor logic, discrete hardware components, or any combination of these components. A general-purpose processor may be a microprocessor, but in the alternative, the processor may be any conventional processor, controller, microcontroller, or state machine. A processor may also be implemented as a combination of computing devices, eg, a combination of a DSP and a microprocessor, multiple microprocessors, one or more microprocessors in combination with a DSP, and/or any other such configuration.

The steps of a method or algorithm described in connection with the disclosures herein may be embodied directly in hardware, in a software module executed by a processor, or in a combination of the two. A software module may reside in RAM memory, flash memory, ROM memory, EPROM memory, EEPROM memory, registers, hard disk, removable disk, CD-ROM, or any other form of storage medium known in the art. An exemplary storage medium is coupled to the processor, such that the processor can read information from, and write information to, the storage medium. In an alternative, the storage medium may be integrated with the processor. The processor and storage medium may reside in an ASIC. The ASIC may reside in the user terminal. In an alternative, the processor and storage medium may reside in the user terminal as discrete components.

In one or more exemplary designs, functions may be implemented in hardware, software, firmware, or any combination thereof. If implemented in software, the functions may be stored on or transmitted over as one or more instructions or code on a computer-readable medium. Computer-readable media includes both computer storage media and communication media including any medium that facilitates transfer of a computer program from one place to another. A storage medium can be any available medium that can be accessed by a general purpose or special purpose computer. By way of example and not limitation, the computer-readable medium may include RAM, ROM, EEPROM, CD-ROM or other optical disk storage devices, magnetic disk storage devices or other magnetic storage devices, or may be used to carry or store instructions in the form of or data structures and any other medium that can be accessed by a general purpose or special purpose computer or a general purpose or special purpose processor. Also, any connection is properly termed a computer-readable medium. For example, if coaxial cable, fiber optic cable, twisted pair, digital subscriber line (DSL), or wireless technologies such as infrared, radio, and microwave are used to send software from a website, server, or other remote source, the above coaxial cable Cable, fiber optic cable, twisted pair, DSL or wireless technologies such as infrared, radio and microwave are all included in the definition of medium. As used herein, magnetic disks and optical disks include compact disks (CDs), laser disks, optical disks, digital versatile disks (DVDs), floppy disks, blu-ray disks, where disks usually reproduce data magnetically, while optical disks reproduce data optically with lasers . Combinations of the above should also be included within the scope of computer-readable media.

The above are exemplary embodiments of the present disclosure, but it should be noted that various changes and modifications may be made without departing from the scope of the disclosure of the embodiments of the present invention as defined in the claims. The functions, steps and/or actions of the method claims in accordance with the disclosed embodiments described herein need not be performed in any particular order. Furthermore, although elements disclosed in the embodiments of the present invention may be described or claimed in the singular, unless explicitly limited to the singular, the plural may also be construed.

It should be understood that, as used herein, the singular form "a" is intended to include the plural form as well, unless the context clearly supports an exception. It will also be understood that "and/or" as used herein is meant to include any and all possible combinations of one or more of the associated listed items.

The above-mentioned embodiments of the present invention disclose the serial numbers of the embodiments only for description, and do not represent the advantages and disadvantages of the embodiments.

Those of ordinary skill in the art can understand that all or part of the steps of implementing the above embodiments can be completed by hardware, or can be completed by instructing relevant hardware through a program, and the program can be stored in a computer-readable storage medium. The storage medium can be a read-only memory, a magnetic disk or an optical disk, and the like.

Those of ordinary skill in the art should understand that the discussion of any of the above embodiments is only exemplary, and is not intended to imply that the scope (including the claims) disclosed by the embodiments of the present invention is limited to these examples; under the idea of the embodiments of the present invention , the technical features in the above embodiments or different embodiments can also be combined, and there are many other changes in different aspects of the above embodiments of the present invention, which are not provided in detail for the sake of brevity. Therefore, any omission, modification, equivalent replacement, improvement, etc. made within the spirit and principle of the embodiments of the present invention should be included within the protection scope of the embodiments of the present invention.

Claims (10)

1. A method for dynamically updating a chart, comprising the steps of:

detecting whether a new component exists in the canvas, responding to the fact that the new component exists in the canvas, and judging whether the component is a chart component or a filtering component;

in response to the component being a diagram component, updating the associated diagram data of the filter component based on the diagram component to ensure that the associated diagram data of the filter component is consistent with the diagram of the canvas;

putting the parameter information of each filtering component including the associated chart data into a filtering data array, and monitoring the filtering data array through the chart components; and

and in response to the change of the filtering data array, each chart component updates the corresponding parameters according to the changed filtering data array and redraws the chart according to the updated parameters.

2. The method of claim 1, further comprising:

and putting the new component into the area corresponding to the canvas according to the component type, and updating the layout information of the filter component and the chart component.

3. The method of claim 1, further comprising:

and filtering the information of the chart components which do not support the filtering function in the associated chart data.

4. The method of claim 1, further comprising:

inputting the same initial filtering parameter information for each chart, configuring parameters for each chart according to the parameter form required by each chart, and storing the newly configured parameters separately.

5. A method for dynamically updating a chart, comprising:

the detection module is configured to detect whether a new component exists in the canvas, respond to the fact that the new component exists in the canvas, and judge whether the component is a chart component or a filtering component;

an update module configured to update the associated chart data of the filter component based on the chart component to ensure that the associated chart data of the filter component is consistent with the chart of the canvas in response to the component being a chart component;

the execution module is configured to put the parameter information of each filtering component, including the associated chart data, into a filtering data array, and monitor the filtering data array through the chart components; and

and the parameter module is configured to respond to the change of the filtering data array, update corresponding parameters of each chart component according to the changed filtering data array, and redraw the chart according to the updated parameters.

6. The system of claim 5, further comprising:

and the second updating module is configured to place the new component into the area corresponding to the canvas according to the component type and update the layout information of the filtering component and the chart component.

7. The system of claim 5, further comprising:

and the filtering module is configured to filter the information of the chart component which does not support the filtering function in the associated chart data.

8. The system of claim 5, further comprising:

and the chart module is configured for inputting the same initial filtering parameter information into each chart, configuring parameters of each chart according to the required parameter form of each chart, and storing the newly configured parameters separately.

9. A computer device, comprising:

at least one processor; and

a memory storing computer instructions executable on the processor, the instructions when executed by the processor implementing the steps of the method of any one of claims 1 to 4.

10. A computer-readable storage medium, in which a computer program is stored which, when being executed by a processor, carries out the steps of the method according to any one of claims 1 to 4.

Images