Chart processing method and device and storage medium

Abstract

The invention discloses a chart processing method and device and a storage medium, and belongs to the field of computers. The method comprises the steps that a chart display interface is provided, the chart display interface is used for displaying a first chart, and the first chart comprises a first chart layer; an interactive processing flow chart is obtained, the interactive processing flow chart comprises at least one operation component and identification information of the first graph layer, the at least one operation component defines a first interactive operation and a first processing operation, and the interactive processing flow chart is used for indicating the first processing operation to adjust the content of the first graph; the at least one operation component is a selected component in a plurality of operation components included in the component library; in response to a first interaction operation executed on a first layer corresponding to the identification information, based on the interaction processing flow chart, executing a first processing operation on the first chart to adjust the content of the first chart to obtain a second chart; and replacing the first chart displayed on the chart display interface with the second chart. The labor cost can be saved.

Description

[0001] This application claims the priority of a Chinese patent application with the application number 202311753201.4 and the invention title "Flowchart Construction Method, Device, Computing Device Cluster and Storage Medium" filed on December 19, 2023, the entire content of which is incorporated herein by reference. Technical Field

[0002] This application relates to the field of computers, and particularly to a method, device and storage medium for processing charts. Background Art

[0003] Compared with text display, chart display is more vivid, making it easier for users to understand. In the related art, data can be visualized through charts. If it is detected that a user performs an interaction operation on a chart, in response to this interaction operation, the content of the chart is adjusted to present diverse display effects.

[0004] In order to enable a chart to interact with a user, in the related art, technicians can write a program for the chart, and this program is used to implement the interaction between the chart and the user. Thus, by running this program, when the program detects an interaction operation on the chart, the content of the chart is adjusted.

[0005] In the related art, technicians need to write a program to implement the interaction between the chart and the user, which requires professional technicians to spend a lot of time writing the program and incurs a large amount of labor costs. Summary of the Invention

[0006] This application provides a method, device and storage medium for processing charts to save labor costs. The technical solutions are as follows:

[0007] In a first aspect, the present application provides a method for processing a chart. In this method, a chart display interface is provided, and the chart display interface is used to display a first chart, and the first chart includes a first layer. An interaction processing flow chart is obtained. The interaction processing flow chart includes at least one operation component and identification information of the first layer. The at least one operation component defines a first interaction operation and a first processing operation. The interaction processing flow chart is used to indicate adjusting the content of the first chart by using the first processing operation. The at least one operation component is a component selected from a plurality of operation components included in a component library. In response to a first interaction operation performed on the first layer corresponding to the identification information, based on the interaction processing flow chart, the content of the first chart is adjusted by performing a first processing operation on the first chart to obtain a second chart. The first chart displayed on the chart display interface is replaced with the second chart. Since at least one operation component included in the interaction processing flow chart is selected from the component library, it is not necessary for the user to write a program by himself to obtain the interaction processing flow chart, and the first chart can be interactively processed based on the interaction processing flow chart, thus saving a large amount of labor costs.

[0008] In a possible implementation manner, the first processing operation includes a plurality of sub-operations, and the interaction processing flow chart is further used to describe the execution order between the plurality of sub-operations. Based on the interaction processing flow chart, the plurality of sub-operations and the execution order are determined. The plurality of sub-operations are performed on the first chart in accordance with the execution order to adjust the content of the first chart to obtain a second chart. In this way, the execution order of each sub-operation can be obtained through the interaction processing flow chart, and the plurality of sub-operations are sequentially performed in accordance with the execution order to implement the processing of the first chart, thereby modularizing the sub-operations of the chart processing. By selecting different components, different processing operations for processing the chart can be formed, which simplifies the process of making the interaction processing flow chart.

[0009] In another possible implementation manner, the at least one operation component includes an interaction component and a plurality of service components. The interaction component is used to respond to the first interaction operation performed on the first layer. The plurality of sub-operations correspond to the plurality of service components, and each service component in the plurality of service components is respectively used to implement the sub-operation corresponding to each service component. In this way, through the service component group, the sub-operations of the chart processing are modularized. The user can obtain different processing operations for processing the chart by selecting different service components, which simplifies the process of making the interaction processing flow chart.

[0010] In another possible implementation, the multiple service components include a first service component and a second service component. The first sub-operation corresponding to the first service component is the first sub-operation to be executed among the multiple sub-operations, and the second sub-operation corresponding to the second service component is the next sub-operation whose execution order is later than that of the first sub-operation. In the interactive processing flow chart, the first service component and the second service component are connected by a first connection line, and the first connection line is used to indicate the execution order between the first sub-operation and the second sub-operation. In this way, the order between sub-operations can be realized through the connection line, simplifying the user's operation.

[0011] In another possible implementation, the first service component and the interactive component are integrated into one component, which improves the integration degree of the components and reduces the number of components to be selected.

[0012] In another possible implementation, the multiple service components include a third service component. The third sub-operation corresponding to the third service component is the sub-operation with the latest execution order among the multiple sub-operations. In the interactive processing flow chart, the third service component and the identification information of the first layer are connected by a second connection line, and the second connection line is used to indicate adjusting the content of the first chart using the first processing operation. In this way, the interactive processing flow chart can be associated with the first chart through the connection line, simplifying the user's operation.

[0013] In another possible implementation, a first interface is provided. The first interface is used to display a construction area and a component library. In response to a selection operation for at least one operation component included in the component library, the at least one operation component is displayed in the construction area. Based on the at least one operation component displayed in the construction area and the identification information of the first layer, an interactive processing flow chart is obtained. In this way, by selecting components from the component library, the interactive processing flow chart can be obtained based on the selected components. The user does not need to write a program by himself to obtain the interactive processing flow chart, which simplifies the user's operation and saves labor costs.

[0014] In another possible implementation, the first interface is further used to display an editing area, and the implementation code of the at least one operation component is obtained based on the at least one operation component. The first implementation code is displayed in the editing area, and the first implementation code is obtained based on the implementation code of the at least one operation component and the identification information. A modification instruction for the first implementation code is received. Based on the modification instruction, the first implementation code in the editing area is modified to obtain a second implementation code, and the second implementation code is used to implement the interactive processing flow chart. In this way, the user adjusts based on the first implementation code to obtain the second implementation code, only requiring a small amount of coding by the user and saving labor costs.

[0015] In another possible implementation, the first interaction operation is a click operation for clicking on the first layer, a drag operation for dragging the first layer, a marquee selection operation for the first layer, or a hovering operation for the first layer.

[0016] In another possible implementation, the first processing operation includes one or more of the following operations: an operation for adjusting the color of the first layer, an operation for adjusting the display position of the first layer, an operation for adjusting the shape of the first layer, or an operation for displaying first data on the first layer, where the first data is used to describe the meaning to be expressed by the first layer.

[0017] In a second aspect, the present application provides an apparatus for processing a chart, which is used to execute the method in the first aspect or any possible implementation of the first aspect. Specifically, the apparatus includes units for executing the method in the first aspect or any possible implementation of the first aspect.

[0018] In a third aspect, the present application provides a cluster of computing devices, where the cluster of computing devices includes at least one computing device, each device in the at least one computing device includes at least one processor and at least one memory, and computer-readable instructions are stored in the at least one memory; the at least one processor executes the computer-readable instructions so that the cluster of computing devices executes the method in the first aspect or any possible implementation of the first aspect.

[0019] In a fourth aspect, the present application provides a computer program product, where the computer program product includes a computer program stored in a computer-readable storage medium, and the computer program is loaded by a processor to implement the method in the first aspect or any possible implementation of the first aspect.

[0020] In a fifth aspect, the present application provides a computer-readable storage medium for storing a computer program, and the computer program is loaded by a processor to execute the method in the first aspect or any possible implementation of the first aspect.

[0021] In a sixth aspect, the present application provides a chip, which includes a memory and a processor. The memory is used to store computer instructions, and the processor is used to call and run the computer instructions from the memory to execute the method in the first aspect or any possible implementation of the first aspect. Description of the Drawings

[0022] Figure 1 is a schematic diagram of a chart provided by an embodiment of the present application;

[0023] Figure 2 is a schematic diagram of another chart provided by an embodiment of the present application;

[0024] Figure 3 It is a schematic structural diagram of a network architecture provided by an embodiment of the present application;

[0025] Figure 4 It is a flowchart of a method for processing a chart provided by an embodiment of the present application;

[0026] Figure 5 It is a schematic diagram of a first interface provided by an embodiment of the present application;

[0027] Figure 6 It is a schematic diagram of another first interface provided by an embodiment of the present application;

[0028] Figure 7 It is a schematic diagram of another first interface provided by an embodiment of the present application;

[0029] Figure 8 It is a schematic diagram of another first interface provided by an embodiment of the present application;

[0030] Figure 9 It is a schematic diagram of another first interface provided by an embodiment of the present application;

[0031] Figure 10 It is a flowchart of another method for processing a chart provided by an embodiment of the present application;

[0032] Figure 11 It is a schematic structural diagram of a device for processing a chart provided by an embodiment of the present application;

[0033] Figure 12 It is a schematic structural diagram of a computing device provided by an embodiment of the present application;

[0034] Figure 13 It is a schematic structural diagram of a computing device cluster provided by an embodiment of the present application;

[0035] Figure 14 It is a schematic structural diagram of a computing device cluster provided by an embodiment of the present application. Detailed implementation manners

[0036] Chart display is popular among users because it is vivid, visual, and easier for users to understand its meaning, making chart display replace text display. Charts are divided into static charts and dynamic charts. Static charts cannot achieve interaction between the chart and the user, while dynamic charts can achieve interaction between the chart and the user. A static chart refers to a chart whose content cannot be dynamically adjusted, and a dynamic chart refers to a chart whose content can be dynamically adjusted. For a dynamic chart, when a user performs a specified interaction operation on the dynamic chart, the content of the dynamic chart can be adjusted, thereby significantly improving the display effect.

[0037] The chart may include images and / or tables, etc. In an implementation provided by this application, the chart can be used to provide the function of data visualization.

[0038] The chart may include multiple layers, and the multiple layers include a background layer and at least one main layer rendered on the background layer.

[0039] The background layer is the background visual element of the chart, and the background layer includes one or more of the following elements: horizontal axis, vertical axis, tick marks, grid, or title, etc.

[0040] For each main layer of the chart, the main layer includes the main visual elements of the chart. The main visual elements can be the main display content of the chart, and the main visual elements are used to express the meaning described by the chart. When the chart is an image, generally the main visual elements of the image include the image content, etc. When the chart is a table, generally the main visual metadata of the table is the table content, etc.

[0041] For example, refer to Figure 1 the chart shown. The chart includes a background layer and a main layer. The elements included in the background layer are the horizontal axis, the vertical axis, and tick marks. The main layer is a line chart rendered on the background layer. The line chart includes multiple line segments, and any two adjacent line segments are connected by a turning point. The chart is a dynamic chart, that is, when the user performs an interaction operation on the chart, the content of the chart can be adjusted.

[0042] Assume that the interaction operation is a hovering operation. A hovering operation means that the user moves the mouse to the line chart included in the chart and hovers over the line chart. For example, refer to Figure 2 , if the user's hand-shaped mouse moves to a turning point in the chart and hovers over the turning point, when a hovering operation for the turning point is detected, the turning point is enlarged and displayed, and the first data associated with the turning point is displayed. The first data includes "March", "Value: 20", and "Percentage: 30%". The first data is the meaning expressed by the turning point.

[0043] Among them, the content of the chart can be adjusted based on an interaction processing flowchart. The interaction processing flowchart defines the interaction operation and the processing operation. The interaction operation is the operation performed by the user on the displayed chart, and the processing operation is used to adjust the content of the chart. When the device detects that the user performs the interaction operation on the chart, in response to the interaction operation, the processing operation is executed. Therefore, the user can trigger the device to execute the processing operation by performing the interaction operation on the chart to achieve adjusting the content of the chart. The processing operation can include at least one sub-operation. When the device performs the processing operation on the chart, it actually performs the at least one sub-operation on the chart. For example, the above-mentioned hovering operation is an interaction operation used to adjust Figure 2The processing operations for the shown chart include two sub-operations. The first sub-operation is used to magnify and display the turning point, and the second sub-operation is used to display the first data associated with the turning point. In this way, when the user's hand-shaped mouse moves to Figure 2 a turning point in the shown chart and hovers over the turning point, the device detects the hovering operation for the turning point and, in response to the hovering operation, executes the two sub-operations included in the processing operation, that is, magnifying and displaying the turning point and displaying the first data associated with the turning point.

[0044] The interaction processing flowchart includes at least one operation component. The at least one operation component includes the interaction component corresponding to the interaction operation and at least one service component corresponding to at least one sub-operation in the processing operation. The interaction component defines the interaction operation and is used to respond to the interaction operation. Each service component in the at least one service component respectively defines the sub-operation corresponding to each service component. Each service component is respectively used to implement the sub-operation corresponding to each service component. In this way, the interaction operation and the processing operation are implemented through the interaction component and the at least one service component in the interaction processing flowchart.

[0045] A technician can create a first chart and configure an interaction processing flowchart on a first device. The first chart includes a first layer, and the first layer is the content of the first chart. The interaction processing flowchart includes at least one operation component and the identification information of the first layer. The at least one operation component defines a first interaction operation and a first processing operation. The interaction processing flowchart is used to indicate adjusting the content of the first chart using the first processing operation. The first device can encapsulate the first chart and the interaction processing flowchart into a chart file.

[0046] Refer to Figure 3 the shown network architecture 300. The network architecture 300 includes the above-mentioned first device 301 and the cloud service platform 302. The first device 301 can communicate with the cloud service platform 302. The first device 301 can send the chart file to the cloud service platform 302, and the cloud service platform 302 can save the chart file.

[0047] The network architecture 300 further includes a second device 303 corresponding to at least one user. The cloud service platform 302 can also communicate with the second device 303. For each user, when the user needs to display the first chart, the second device 303 can download the chart file from the cloud service platform 302, provide a chart display interface, the chart display interface is used to display the first chart in the chart file, and obtain the interaction processing flowchart from the chart file, and determine the first interaction operation based on the interaction processing flowchart.

[0048] After displaying the first chart, the user can perform a first interaction operation on the first layer in the first chart. After detecting the first interaction operation performed on the first layer, the second device 303, in response to the first interaction operation, based on the interaction processing flowchart, adjusts the content of the first chart by performing a first processing operation on the first chart to obtain a second chart, and replaces the first chart displayed in the chart display interface with the second chart. In this way, when the user performs the first interaction operation on the first chart, the second device 303 adjusts the content of the first chart, thereby greatly improving the display effect.

[0049] The at least one operation component includes an interaction component and at least one service component, and the first processing operation includes at least one sub-operation. The interaction component defines the first interaction operation, and the interaction component is used to respond to the first interaction operation performed on the first layer. The at least one sub-operation corresponds to the at least one service component, and each service component respectively defines the sub-operation corresponding to each service component, and each service component is respectively used to implement the sub-operation corresponding to each service component.

[0050] The first device 301 includes a component library, and the component library includes a plurality of operation components. The plurality of operation components included in the component library may be components pre-made by technicians or purchased from the manufacturer of the component library. The at least one operation component in the interaction processing flowchart is a component selected by the technician from the component library during the configuration of the interaction processing flowchart.

[0051] In some embodiments, for the first-executed sub-operation among the at least one sub-operation, in the component library, the service component corresponding to the first-executed sub-operation and the interaction component may be two different components, or the service component corresponding to the first-executed sub-operation and the interaction component may be integrated into one component. For the sake of convenience of description, the integrated one component is called an interaction service component.

[0052] Regarding that the component library includes a plurality of operation components, the plurality of operation components include a plurality of interaction components and a plurality of service components. The plurality of interaction components correspond one-to-one with a plurality of interaction operations, and the interaction operations defined by each interaction component are different, and each interaction component is respectively used to respond to the interaction operation corresponding to each interaction component. The plurality of service components correspond one-to-one with a plurality of sub-operations, and the sub-operations defined by each service component are different, and each service component is respectively used to implement the sub-operation corresponding to each service component.

[0053] In some embodiments, for each of the multiple interactive components included in the component library, the interactive component may be integrated with each of at least one service component respectively to form at least one interactive service component. That is to say, the at least one interactive service component corresponds one-to-one with the at least one service component. For each of the at least one interactive service components, the interactive service component includes the interactive component and a service component corresponding to the interactive service component. The interactive service component is used to respond to the interactive operation defined by the interactive component and implement the sub-operations defined by the service component. Optionally, generally the sub-operations are the first sub-operations included in the processing operations for adjusting the content of the chart. There are still some service components in the component library that are not integrated with the interactive components into interactive service components, so the operation components in the component library are divided into two categories: interactive service components and service components.

[0054] Based on the above discussion, there are two types of component libraries in the first device 301. The first type of component library includes multiple interactive components and multiple service components, and the second type of component library includes multiple interactive service components and multiple service components.

[0055] For the first type of component library mentioned above, the first type of component library includes the implementation codes of multiple interactive components and the implementation codes of multiple service components. For the implementation code of each of the multiple interactive components, the implementation code of the interactive component is for detection. The detection code is used to detect whether the interactive operation performed by the user is the interactive operation defined by the interactive component. If it is the interactive operation defined by the interactive component, respond to the interactive operation. For the implementation code of each of the multiple service components, the implementation code is used to implement the sub-operations defined by the service component.

[0056] For the second type of component library mentioned above, the second type of component library includes the implementation codes of multiple interactive service components and the implementation codes of multiple service components. For each of the multiple interactive service components, the interactive service component defines an interactive operation and a sub-operation. The implementation code of the interactive service component includes the detection code and the implementation code for implementing the sub-operation. The detection code is used to detect whether the interactive operation performed by the user is the interactive operation defined by the interactive service component. If it is the interactive operation defined by the interactive service component, respond to the interactive operation.

[0057] Next, the embodiment of the present application provides a method 400 for processing a chart. Refer to Figure 4 The method 400 is applied to the above-mentioned first device. The method 400 can be used to obtain a first chart, configure the above-mentioned interactive processing flowchart, and encapsulate the first chart and the interactive processing flowchart into a chart file. The method 400 includes the following processes from step 401 to step 407.

[0058] Step 401: The first device provides a first interface, which includes a component library, a chart display interface, and a construction area. The chart display interface displays a first chart.

[0059] In some embodiments, the construction area may display identification information of a first layer included in the first chart. Alternatively, the construction area may not display the identification information of the first layer in the first chart first, but the component library may include the identification information of the first layer in the first chart.

[0060] The first device may store a first chart, which may be a chart made by a technician on the first device. The first chart includes multiple layers. The user needs to enable the first chart to be dynamically displayed, that is, when the user performs a first interaction operation on a certain layer in the first chart, a first processing operation can be used to adjust the content of the first chart to obtain a second chart, and replace the first chart displayed on the chart display interface with the second chart, so that the chart displayed on the chart display interface changes from the first chart to the second chart.

[0061] The first layer is the layer on which the first interaction operation is to be performed on the first chart, and the first layer is the layer whose content in the first chart can be adjusted.

[0062] In some embodiments, the construction area may display identification information of at least one layer in the first chart, or the component library may include identification information of at least one layer in the first chart. The at least one layer includes the first layer, and the at least one layer is the layer whose content in the first chart can be adjusted.

[0063] The first chart includes a background layer and at least one main layer displayed on the background layer. The at least one main layer is the layer whose content can be adjusted. If the content of the background layer of the first chart is allowed to be adjusted, the identification information of at least one layer displayed in the construction area or the identification information of at least one layer in the component library includes the identification information of the background layer and the identification information of the at least one main layer. If the content of the background layer of the first chart is not allowed to be adjusted, the identification information of at least one layer displayed in the construction area or the identification information of at least one layer in the component library includes the identification information of the at least one main layer.

[0064] In some embodiments, the first device may be a terminal device. For example, the first device may be a device such as a computer.

[0065] Optionally, for each layer, the identification information of the layer may be a variable, number, icon, etc. assigned to the layer. Displaying the identification information of the layer in the construction area may be displaying the icon of the layer in the construction area. The icon is the identification information of the layer or the icon is associated with the identification information of the layer.

[0066] In step 401, the first device provides a first interface, which includes an open interface, a component library, a chart display interface, and a construction area. The user can select a first chart saved by the first device through the open interface in the first interface. The first device obtains the selected first chart and displays the first chart in the chart display interface included in the first interface. Moreover, the first device displays the identification information of at least one layer included in the first chart in the construction area included in the first interface, or adds the identification information of at least one layer included in the first chart to the component library.

[0067] For example, the first device provides a first interface as Figure 5 shown. The first interface includes a component library, a chart display interface, and a construction area. The user can select a first chart saved by the first device through the open interface (the open button) in the first interface. Among them, the first chart includes a background layer and a main layer rendered on the background layer. The background layer of the first chart includes a horizontal axis, a vertical axis, tick marks, etc. A main layer rendered on the background layer includes a line chart.

[0068] The first device obtains the first chart, displays the first chart in the chart display interface included in the first interface, and displays the identification information (icon 1) of the main layer in the first chart in the construction area included in the first interface.

[0069] Refer to Figure 5 . The component library in the first interface may be the first type of component library, including interaction component 1, interaction component 2, service component 1, service component 2, service component 3, and service component 4. Interaction component 1 defines interaction operation 1, and interaction component 2 defines interaction operation 2. Assume that interaction operation 1 is a hovering operation and interaction operation 2 is a click operation. Service component 1 defines sub-operation 1, service component 2 defines sub-operation 2, service component 3 defines sub-operation 3, and service component 4 defines sub-operation 4. Assume that sub-operation 1 is used to zoom in and display an image, sub-operation 2 is used to highlight the image, sub-operation 3 is used to display the meaning expressed by the image, and sub-operation 4 is used to adjust the color of the image.

[0070] The first component library includes the implementation code of interaction component 1, the implementation code of interaction component 2, the implementation code of service component 1, the implementation code of service component 2, the implementation code of service component 3, and the implementation code of service component 4. The implementation code of interaction component 1 is detection code, and the detection code of interaction component 1 is used to detect whether the interaction operation performed by the user is a hovering operation. If it is a hovering operation, a response is made. The implementation code of interaction component 2 is also detection code, and the detection code of interaction component 2 is used to detect whether the interaction operation performed by the user is a click operation. If it is a click operation, a response is made. The implementation code of service component 1 is used to implement sub-operation 1, the implementation code of service component 2 is used to implement sub-operation 2, the implementation code of service component 3 is used to implement sub-operation 3, and the implementation code of service component 4 is used to implement sub-operation 4.

[0071] See Figure 6 , the component library in the first interface may be the second component library, including interaction service component 1, interaction service component 2, service component 3, and service component 4. Interaction service component 1 defines interaction operation 1 and sub-operation 1. Assume that interaction operation 1 is a hovering operation, and sub-operation 1 is used to magnify and display an image. Interaction service component 2 defines interaction operation 2 and sub-operation 2. Assume that interaction operation 2 is a click operation, and sub-operation 2 is used to highlight the image. Service component 3 defines sub-operation 3. Assume that sub-operation 3 is used to display the meaning expressed by the image. Service component 4 defines sub-operation 4. Assume that sub-operation 4 is used to adjust the color of the image.

[0072] The second component library includes implementation code 1 of interaction service component 1, implementation code 2 of interaction service component 2, implementation code 3 of service component 3, and implementation code 4 of service component 4. Implementation code 1 of interaction service component 1 includes detection code 11 and implementation code 12. Detection code 11 is used to detect whether the interaction operation performed by the user is a hovering operation. If it is a hovering operation, a response is made. Implementation code 12 is used to implement sub-operation 1. Implementation code 2 of interaction service component 2 includes detection code 21 and implementation code 22. Detection code 21 is used to detect whether the interaction operation performed by the user is a click operation. If it is a click operation, a response is made. Implementation code 22 is used to implement sub-operation 2. Implementation code 3 is used to implement sub-operation 3, and implementation code 4 is used to implement sub-operation 4.

[0073] In some embodiments, the so-called first device saving the first chart means that the first device saves the encoding of the first chart and the configuration parameters of each layer in the first chart. Among them, for the background layer of the first chart, the configuration parameters of the background layer include the display content of the background layer. For the main layer of the first chart, the configuration parameters of the main layer may include one or more of the following: the display content of the main layer, the shape, size, color, display position in the background layer of the display content, or the data associated with the display content, etc., and this data is used to describe the meaning expressed by the display content, etc.

[0074] For example, referring to Figure 5 or Figure 6 In the first chart displayed in the chart display interface included in the first interface shown, the configuration parameters of the background layer of the first chart include the display content on the horizontal axis, the display content on the vertical axis, etc., and the configuration parameters of the main layer of the first chart include the configuration parameters of each turning point in the line chart in the main layer. For each turning point, the configuration parameters of the turning point include the radius, shape, color and display position of the turning point and the data associated with the turning point.

[0075] Step 402: In response to a selection operation for at least one operation component included in the component library, the first device displays the at least one operation component in the construction area included in the first interface.

[0076] The user can select at least one operation component from the component library with reference to the first interaction operation and the first processing operation that the user needs to perform on the first chart, and the at least one operation component defines the first interaction operation and the first processing operation.

[0077] In some embodiments, if the identification information of the first layer is not displayed in the construction area, for the first layer for which the user needs to perform the first interaction operation, the user can select the identification information of the first layer from the component library, and the first device displays the selected identification information of the first layer in the construction area.

[0078] In the case where the component library is the first type of component library described above, the at least one operation component includes an interaction component and at least one service component.

[0079] In the case where the component library is the second type of component library described above, the at least one operation component includes an interaction service component. Optionally, the at least one operation component further includes at least one service component. Therefore, compared with the first type of component library, the second type of component library can reduce the number of components to be selected, reduce the number of components to be displayed in the construction area, and simplify the content displayed in the construction area.

[0080] For each operation component among the at least one operation component, for the sake of convenience of description, this operation component is referred to as the first operation component.

[0081] In some embodiments, the selection operation on the first operation component may be a click operation, that is, the user can click on the first operation component in the component library. The first device detects the click operation on the first operation component and, in response to the click operation, displays the first operation component in the construction area included in the first interface.

[0082] In some embodiments, the selection operation on the first operation component may be a drag operation, that is, the user can click on the first operation component in the component library and drag the first operation component to the construction area included in the first interface. The first device detects the drag operation on the first operation component, obtains the drag trajectory of the first operation component, and moves the first operation component based on the drag trajectory of the first operation component. The end position of the drag trajectory of the first operation component is located in the construction area included in the first interface, so that the first operation component is displayed at the end position in the construction area included in the first interface.

[0083] In some embodiments, when the component library is the first type of component library as described above, if the first processing operation includes a sub-operation and the first processing operation is a simple operation, the user can select the interaction component corresponding to the first interaction operation from the first type of component library with reference to the required first interaction operation, and select the service component corresponding to the sub-operation from the first type of component library with reference to the sub-operation. At least one operation component selected by the user includes the interaction component and the service component. The first device displays the interaction component and the service component in the construction area included in the first interface. The user sets a connection line between the interaction component and the service component, and the connection line is used to indicate that after the first interaction operation corresponding to the interaction component is triggered, the sub-operation corresponding to the service component is executed. The user sets a connection line between the service component and the identification information (which can be represented by an icon) of the first layer, and the connection line is used to indicate that the content of the first chart is adjusted using the sub-operation corresponding to the service component.

[0084] If the first processing operation includes m sub-operations, where m is an integer greater than or equal to 2 and the first processing operation is a complex operation, the user can refer to the required first interaction operation, select the interaction component corresponding to the first interaction operation from the first component library, and refer to the m sub-operations to select m service components corresponding to the m sub-operations from the first component library. At least one operation component selected by the user includes the interaction component and the m service components, and the first device displays the interaction component and the m service components in the construction area included in the first interface. The user can set a connection line between the interaction component and the first service component corresponding to the first sub-operation, where the first sub-operation is the first-executed sub-operation among the m sub-operations, and this connection line is used to indicate that the first sub-operation is to be executed after the first interaction operation corresponding to the interaction component. The user can set a connection line between the (i - 1)-th service component and the i-th service component corresponding to the i-th sub-operation, where i = 2, 3, 4, …, m, and the i-th sub-operation is the next sub-operation whose execution order is later than that of the (i - 1)-th sub-operation among the m sub-operations, and this connection line is used to indicate that the i-th sub-operation corresponding to the i-th service component is to be executed after the (i - 1)-th sub-operation is completed. The user sets a connection line between the m-th service component and the identification information (which can be represented by an icon) of the first layer, where the m-th service component is the component corresponding to the sub-operation with the latest execution order among the m sub-operations, and this connection line is used to indicate that the content of the first chart is to be adjusted using the first processing operation (the above m sub-operations).

[0085] For example, assume m = 2. The two sub-operations include a first sub-operation and a second sub-operation. The first sub-operation is the first sub-operation to be executed among the two sub-operations, that is, the first sub-operation is the 1st sub-operation. The second sub-operation is the next sub-operation whose execution order is later than that of the first sub-operation among the two sub-operations, that is, the second sub-operation is the 2nd sub-operation. In this way, the user can refer to the required first interaction operation, select the interaction component corresponding to the first interaction operation from the first component library, and refer to the first sub-operation and the second sub-operation, and select the first service component corresponding to the first sub-operation and the second service component corresponding to the second sub-operation from the first component library. That is, the first service component is the 1st service component corresponding to the 1st sub-operation, and the second service component is the 2nd service component corresponding to the 2nd sub-operation. At least one operation component selected by the user includes the interaction component, the first service component, and the second service component. The first device displays the interaction component, the first service component, and the second service component in the construction area included in the first interface. The user can set a connection line between the interaction component and the first service component corresponding to the first sub-operation. This connection line is used to indicate that after responding to the first interaction operation corresponding to the interaction component, the first sub-operation corresponding to the first service component is executed. The user sets a connection line between the first service component and the second service component. This connection line is used to indicate that after the first sub-operation is executed, the second sub-operation corresponding to the second service component is executed. The user sets a connection line between the second service component and the identification information of the first layer. This connection line is used to indicate that the content of the first chart is adjusted using the above first sub-operation and second sub-operation.

[0086] Next, an example shown in Figure 5 will be used for illustration. The first interaction operation required by the user is a floating operation (i.e., the above interaction operation 1). The first processing operation to be performed on the first chart is to magnify and display the turning points of the line chart and display the meaning expressed by the turning points. The first processing operation includes the above sub-operation 1 and sub-operation 3. Refer to Figure 7 . In this way, the user can refer to the required floating operation, select the interaction component 1 corresponding to the floating operation from the first component library, and refer to sub-operation 1 and sub-operation 3, and select the service component 1 corresponding to sub-operation 1 and the service component 3 corresponding to sub-operation 3 from the first component library. At least one operation component selected by the user includes the interaction component 1, the service component 1, and the service component 3. The first device displays the interaction component 1, the service component 1, and the service component 3 in the construction area included in the first interface. The user sets a connection line between the interaction component 1 and the service component 1. This connection line is used to indicate that after the floating operation is responded to, sub-operation 1 is executed. The user sets a connection line between the service component 1 and the service component 3. This connection line is used to indicate that after sub-operation 1 is executed, sub-operation 3 is executed. The user sets a connection line between the service component 3 and the icon 1 (identification information of the first layer). This connection line is used to indicate that the content of the first chart is adjusted using the above sub-operation 1 and sub-operation 3.

[0087] For another example, assume that m = 3. The three sub-operations include a first sub-operation, a second sub-operation, and a third sub-operation. The first sub-operation is the first sub-operation to be executed among the three sub-operations, that is, the first sub-operation is the first sub-operation as described above. The second sub-operation is the next sub-operation whose execution order is later than that of the first sub-operation among the three sub-operations, that is, the second sub-operation is the second sub-operation. The third sub-operation is the last sub-operation to be executed among the three sub-operations, that is, the third sub-operation is the third sub-operation. In this way, the user can select the interaction component corresponding to the first interaction operation from the first component library with reference to the required first interaction operation, and select the first service component corresponding to the first sub-operation, the second service component corresponding to the second sub-operation, and the third service component corresponding to the third sub-operation from the first component library with reference to the first sub-operation, the second sub-operation, and the third sub-operation. That is, the first service component is the first service component corresponding to the first sub-operation, the second service component is the second service component corresponding to the second sub-operation, and the third service component is the third service component corresponding to the third sub-operation. At least one operation component selected by the user includes the interaction component, the first service component, the second service component, and the third service component. The first device displays the interaction component, the first service component, the second service component, and the third service component in the construction area included in the first interface. The user can set a connection line between the interaction component and the first service component corresponding to the first sub-operation, and this connection line is used to indicate that after the first interaction operation corresponding to the interaction component is responded to, the first sub-operation corresponding to the first service component is executed. The user sets a connection line between the first service component and the second service component, and this connection line is used to indicate that after the first sub-operation is executed, the second sub-operation corresponding to the second service component is executed. The user sets a connection line between the second service component and the third service component, and this connection line is used to indicate that after the second sub-operation is executed, the third sub-operation corresponding to the third service component is executed. The user sets a connection line between the third service component and the identification information of the first layer, and this connection line is used to indicate that the content of the first chart is adjusted using the first sub-operation, the second sub-operation, and the third sub-operation as described above.

[0088] In some embodiments, in the case where the component library is the second component library as described above, if the first processing operation includes one sub-operation, the first processing operation is a simple operation. For the convenience of description, this one sub-operation is called the first sub-operation. The user can select the interaction service component jointly corresponding to the first interaction operation and the first sub-operation from the second component library with reference to the required first interaction operation and the first sub-operation. At least one operation component selected by the user includes the interaction service component. The first device displays the interaction service component in the construction area included in the first interface. The user sets a connection line between the interaction service component and the identification information of the first layer, and this connection line is used to indicate that the content of the first chart is adjusted using the first sub-operation.

[0089] If the first processing operation includes a first sub - operation and n other sub - operations, where n is an integer greater than or equal to 1, the first processing operation is a complex operation, and the first sub - operation is the first - executed sub - operation included in the first processing operation. The user can refer to the required first interaction operation and the first sub - operation, select an interaction service component corresponding to both the first interaction operation and the first sub - operation from the second component library, and refer to the n other sub - operations to select n service components corresponding to the n other sub - operations from the second component library. At least one operation component selected by the user includes the interaction service component and the n service components, and the first device displays the interaction service component and the n service components in the construction area included in the first interface. The user can set a connection line between the interaction service component and the first service component corresponding to the first of the n other sub - operations. The first of the n other sub - operations is the next sub - operation whose execution order is later than that of the first sub - operation among the n other sub - operations, and this connection line is used to indicate that after the first sub - operation is executed, the first of the n other sub - operations is to be executed. The user can set a connection line between the (j - 1)th service component and the jth service component corresponding to the jth of the n other sub - operations, where j = 2, 3, 4, …, n. The jth of the n other sub - operations is the next sub - operation whose execution order is later than that of the (j - 1)th of the n other sub - operations, and this connection line is used to indicate that after the (j - 1)th of the n other sub - operations is executed, the jth other sub - operation corresponding to the jth service component is to be executed. The user sets a connection line between the nth service component and the identification information of the first layer. The nth service component is the service component corresponding to the sub - operation with the latest execution order among the n other sub - operations, and this connection line is used to indicate that the content of the first chart is to be adjusted using the first processing operation.

[0090] For example, assume n = 1. The first processing operation includes a first sub - operation and one other sub - operation. The one other sub - operation is the next sub - operation whose execution order is later than that of the first sub - operation, that is, the one other sub - operation is the first of the n other sub - operations as mentioned above. In this way, the user can refer to the required first interaction operation and the first sub - operation, select an interaction service component corresponding to both the first interaction operation and the first sub - operation from the second component library, and refer to the other sub - operation to select the service component corresponding to the other operation from the second component library. At least one operation component selected by the user includes the interaction service component and the service component, and the first device displays the interaction service component and the service component in the construction area included in the first interface. The user can set a connection line between the interaction service component and the service component, and this connection line is used to indicate that after the first interaction operation corresponding to the interaction service component is responded to, the other sub - operation corresponding to the service component is to be executed. The user sets a connection line between the service component and the identification information of the first layer, and this connection line is used to indicate that the content of the first chart is to be adjusted using the first sub - operation and the other sub - operation mentioned above.

[0091] Next, takeFigure 6 An example is described below. The first interaction operation required by the user is a floating operation (i.e., the above interaction operation 1). The first processing operation to be performed on the first chart is to magnify and display the turning points of the line chart and display the meanings expressed by the turning points. The first processing operation includes the above sub-operations 1 and 3. Refer to Figure 8 , so that the user can select the interaction service component 1 corresponding to the floating operation and sub-operation 1 from the second component library with reference to the required floating operation and sub-operation 1, and select the service component 3 corresponding to sub-operation 3 from the second component library with reference to sub-operation 3. At least one operation component selected by the user includes the interaction service component 1 and the service component 3. The first device displays the interaction service component 1 and the service component 3 in the construction area included in the first interface. The user sets a connection line between the interaction service component 1 and the service component 3. This connection line is used to indicate that after sub-operation 1 is executed, sub-operation 3 is executed. The user sets a connection line between the service component 3 and the icon 1 (identification information of the first layer). This connection line is used to indicate that the above sub-operations 1 and 3 are used to adjust the content of the first chart.

[0092] For another example, assume that n = 2. The first processing operation includes a first sub - operation and two other sub - operations. For ease of explanation, these two other sub - operations are referred to as the second sub - operation and the third sub - operation. The first sub - operation is the first - executed sub - operation in the first processing operation. The second sub - operation is the next sub - operation in the first processing operation whose execution order is later than that of the first sub - operation, that is, the second sub - operation is the first of the above - mentioned other sub - operations. The third sub - operation is the last - executed sub - operation in the first processing operation, that is, the third sub - operation is the second of the above - mentioned other sub - operations. In this way, the user can refer to the required first interaction operation and the first sub - operation, select an interaction service component corresponding to both the first interaction operation and the first sub - operation from the second component library, and refer to the second sub - operation and the third sub - operation, select a second service component corresponding to the second sub - operation and a third service component corresponding to the third sub - operation from the second component library. That is, the second service component is the first service component corresponding to the first of the other sub - operations, and the third service component is the second service component corresponding to the second of the other sub - operations. At least one operation component selected by the user includes the interaction service component, the second service component, and the third service component. The first device displays the interaction service component, the second service component, and the third service component in the construction area included in the first interface. The user can set a connection line between the interaction service component and the second service component, and this connection line is used to indicate that after the first sub - operation is executed, the second sub - operation corresponding to the second service component is executed. The user sets a connection line between the second service component and the third service component, and this connection line is used to indicate that after the second sub - operation is executed, the third sub - operation corresponding to the third service component is executed. The user sets a connection line between the third service component and the identification information of the first layer, and this connection line is used to indicate that the content of the first chart is adjusted using the above - mentioned first sub - operation, second sub - operation, and third sub - operation.

[0093] Step 403: The first device obtains an interactive processing flow chart based on at least one operation component displayed in the construction area of the first interface and the identification information of the first layer.

[0094] In step 403, the implementation code of the at least one operation component is obtained based on the at least one operation component, and a first implementation code is obtained based on the implementation code of the at least one operation component and the identification information of the first layer.

[0095] The first implementation code is used to implement the interactive processing flow chart, that is, the interactive processing flow chart is the first implementation code. The first implementation code can be implemented to, when detecting a first interaction operation on the first layer, in response to the first interaction operation, adjust the content of the first chart using the first processing operation and display the adjusted first chart.

[0096] The first implementation code includes the implementation code of the at least one operation component and the identification information of the first layer.

[0097] Optionally, when the at least one operation component includes an interaction component and at least one service component, the first implementation code includes the detection code of the interaction component, the implementation code of the at least one service component, and the identification information of the first layer. That is to say, the first implementation code includes a detection code, at least one implementation code, and the identification information of the first layer.

[0098] Optionally, when the at least one operation component includes an interaction service component, the first implementation code includes the implementation code of the interaction service component and the identification information of the first layer. The implementation code of the interaction service component includes the detection code corresponding to the first interaction operation and the implementation code corresponding to the first sub-operation. When the at least one operation component further includes at least one service component, the first implementation code further includes the implementation code of the at least one service component. That is to say, the first implementation code includes a detection code, at least one implementation code, and the identification information of the first layer.

[0099] In some embodiments, the detection code includes a first call statement that needs to call the first layer. The first device can set the variable called by the first call statement to the identification information of the first layer, so that the first call statement includes the identification information of the first layer. The identification information of the first layer is the variable called by the first call statement. Some or all of the implementation codes in the at least one implementation code include a second call statement that needs to call the first layer. The variable called by the second call statement can be set to the identification information of the first layer, so that the second call statement includes the identification information of the first layer. The identification information of the first layer is the variable called by the second call statement. Thus, the first implementation code includes the detection code, the at least one implementation code, and the identification information of the first layer.

[0100] Among them, when running the detection code included in the first implementation code, since the first call statement in the detection code includes the identification information of the first layer, when running this detection code, the first layer is called based on the identification information of the first layer in the first call statement and the first layer is detected. When the first interaction operation for the first layer is detected, in response to the first interaction operation, at least one implementation code included in the first implementation code is run. Since some of the at least one implementation code includes a second call statement, when running the at least one implementation code, the first layer is called based on the identification information of the first layer in the second call statement and the content of the first chart is adjusted using the first processing operation, and the adjusted first chart is displayed. And the first implementation code is obtained based on at least one operation component selected from the component library, so that it is not necessary for technicians to manually write the first implementation code, which reduces the workload of technicians and saves labor costs.

[0101] In some embodiments, after the first device obtains the first implementation code, a technician may optimize the first implementation code to obtain a second implementation code with better execution effect. Optionally, the first interface further includes an editing area, and the optimization implementation process is as follows in operations 4031-4033.

[0102] 4031: The first device displays the first implementation code in the editing area included in the first interface.

[0103] 4032: The first device receives a modification instruction for the first implementation code.

[0104] For example, referring to Figure 9 , the first interface includes an editing area, and the first device displays the first implementation code in the editing area included in the first interface. Then, the technician can modify the first implementation code to obtain the second implementation code. Since the first implementation code has been used to implement the first processing operation, the technician only needs to make fine-tuning to the first implementation code. The technician can achieve fine-tuning by writing or modifying a small amount of code, which reduces the workload of the technician and saves labor costs.

[0105] The technician can fine-tune the first implementation code through an input device such as a keyboard and / or a mouse, and send a modification instruction to the first device through the input device during fine-tuning.

[0106] 4033: The first device modifies the first implementation code in the editing area based on the modification instruction to obtain the second implementation code.

[0107] The first device obtains the second implementation code from the editing area included in the first interface. The second implementation code is used to implement the interactive processing flowchart, that is, the interactive processing flowchart is the second implementation code. The second implementation code can implement that when a first interactive operation on the first layer is detected, in response to the first interactive operation, the content of the first chart is adjusted using the first processing operation, and the adjusted first chart is displayed.

[0108] After obtaining the interactive processing flowchart, for the first chart displayed by the first device in the chart display interface included in the first interface, the technician can try to perform an interactive operation on the first layer included in the first chart. If the technician performs the first interactive operation on the first layer, the following process is executed to dynamically display the chart.

[0109] Step 404: The first device, in response to the first interactive operation performed on the first layer, adjusts the content of the first chart by performing the first processing operation on the first chart based on the interactive processing flowchart to obtain a second chart.

[0110] In step 404, the first device detects whether a technician performs an interaction operation on the first layer by running the first implementation code or the second implementation code. When detecting an interaction operation on the first layer, the first device obtains the interaction operation. When the interaction operation is a first interaction operation, in response to the first interaction operation, the first device determines a first processing operation based on the first implementation code or the second implementation code, and adjusts the content of the first chart by performing the first processing operation on the first chart to obtain a second chart.

[0111] In some embodiments, the first device includes a graphics converter. The first device performs a first processing operation on the first chart and uses the graphics converter to adjust the content of the first chart to obtain a second chart.

[0112] In some embodiments, the first processing operation includes at least one sub-operation. The interaction processing flowchart describes the process of the first processing operation adjusting the content of the first chart, and the process includes the at least one sub-operation and the execution order of each sub-operation.

[0113] In step 404, the first device determines the at least one sub-operation and the execution order based on the interaction processing flowchart (the first implementation code or the second implementation code). The first chart is adjusted by performing the at least one sub-operation on the first chart in accordance with the execution order to obtain a second chart.

[0114] In some embodiments, when adjusting the content of the first chart, the first device may obtain the configuration parameters of the first layer, and based on the configuration parameters of the first layer, adjust the content of the first chart by performing the first processing operation on the first chart to obtain a second chart.

[0115] Optionally, the operation of adjusting the content of the first chart may be: adjusting the content of the first layer based on the configuration parameters of the first layer to obtain a second layer, replacing the first layer in the first chart with the second layer to obtain a second chart; or generating a second layer based on the configuration parameters of the first layer and using the second layer to cover the first layer in the first chart to obtain a second chart.

[0116] For example, for the first chart as Figure 7 or Figure 8 shown, the first layer in the first chart includes a line chart. When the first device detects that a technician performs an interaction operation on a turning point in the line chart, the first device obtains the interaction operation. When the interaction operation is a hovering operation, in response to the hovering operation, the first device determines sub-operation 1 and sub-operation 3 included in the first processing operation, and obtains the configuration parameters of the turning point. Based on the configuration parameters of the turning point, the first device generates a second layer by performing sub-operation 1 and sub-operation 3 on the first layer in the first chart, and uses the second layer to cover the first layer in the first chart to obtain a second chart.

[0117] Sub - operation 1 is used to magnify and display an image, and sub - operation 3 is used to display the meaning expressed by the image. The configuration parameters of this turning point include the radius, shape, color, and display position of this turning point, as well as the data related to this turning point. For the sake of convenience of explanation, the data related to this turning point is called the first data.

[0118] The operation for the first device to generate the second layer can be as follows: The first device performs sub - operation 1 and sub - operation 3 based on the configuration parameters of this turning point. That is, the first device magnifies the radius of this turning point through sub - operation 1 (assuming the radius of this turning point is 2, and through sub - operation 1, the radius of this turning point is magnified to 5), and obtains the magnified turning point based on the magnified radius, the shape and color of this turning point. Through sub - operation 3, based on the display position of this turning point, the magnified turning point, and the first data related to this turning point, the second layer is generated. The second layer includes the magnified turning point and the first data. Then, the second layer is used to cover the first layer in the first chart. The magnified turning point can cover the turning point in the first layer, and the second chart is obtained.

[0119] In some embodiments, the first interaction operation is a click operation for clicking on the first layer, a drag operation for dragging the first layer, a marquee selection operation for the first layer, or a hovering operation for the first layer, etc.

[0120] In some embodiments, the first processing operation includes one or more of the following operations: an operation for adjusting the color of the first layer, an operation for adjusting the display position of the first layer, an operation for adjusting the shape of the first layer, or an operation for displaying the first data on the first layer, etc.

[0121] Step 405: The first device replaces the first chart displayed in the chart display interface included in the first interface with the second chart, so that the chart display interface included in the first interface displays the second chart.

[0122] The construction area of the first interface may also include identification information of other layers in addition to the first layer. Technicians may need to perform a second interaction operation and a second processing operation on other layers. Technicians can select at least one operation component for implementing the second interaction operation and the second processing operation for other layers according to the above - mentioned process. The first device generates an interaction processing flow chart for other layers based on the at least one operation component.

[0123] Step 406: The first device encapsulates the first chart and the interaction processing flow chart (the first implementation code or the second implementation code) into a chart file.

[0124] The above steps 404 and 405 are optional operations. Steps 404 and 405 may not be executed. After step 403 is executed, step 406 is directly executed.

[0125] Step 407: The first device sends the chart file to the cloud service platform so that the cloud service platform saves the chart file.

[0126] For the above first chart, the first chart may also have the following layers: a selection layer and / or a transient layer. Among them, the selection layer is used to display selected elements and is managed by a selection service; a new chart (such as the above second chart) is generated and overlaid in the old chart (such as the above first chart). The transient layer is used to prompt the selection range and display transient graphic elements generated by tools, usually generated during continuous interaction.

[0127] In the embodiment of the present application, a first interface is provided. The first interface includes a component library and an editing area. For the first interaction operation and the first processing operation that a technician performs on the first chart according to his own needs, at least one operation component for implementing the first interaction operation and the first processing operation can be selected from the component library, and a connection line is used to connect between the at least one operation component and the first layer, thus forming an interaction processing flow chart. Based on the interaction processing flow chart, the first device can adjust the content of the first chart, thereby reducing labor costs compared with the prior art method of writing programs.

[0128] See Figure 10 , the embodiment of the present application provides a method 1000 for processing a chart. The method 1000 is applied to the above second device. The method 1000 can be used to download a chart file from a cloud service platform and then dynamically display the chart file. The method 1000 includes the following processes of steps 1001 to 1004.

[0129] Step 1001: The second device downloads a chart file from the cloud service platform. The chart file includes a first chart and an interaction processing flow chart, and the first chart includes a first layer.

[0130] The second device may be a terminal device. For example, the second device may be a mobile phone, a computer, a tablet computer, etc. When a user needs the chart file, the second device can be used to send a download request to the cloud service platform. The download request includes the identification information of the chart file. Optionally, the identification information of the chart file may be the uniform resource locator (URL) of the chart file.

[0131] After the cloud service platform receives the download request, it obtains the chart file based on the identification information of the chart file included in the download request, and sends a download response to the second device. The download response includes the chart file. The second device receives the download response, thereby realizing the download of the chart file from the cloud service platform.

[0132] Step 1002: The second device provides a chart display interface for displaying a first chart.

[0133] In some embodiments, the chart display interface may be a browser, or an interface provided by other applications for displaying charts.

[0134] The user can perform a first interaction operation on a first layer included in the first chart displayed on the chart display interface.

[0135] Step 1003: In response to the first interaction operation performed on the first layer, the second device adjusts the content of the first chart by performing a first processing operation on the first chart based on the interaction processing flowchart to obtain a second chart.

[0136] For the detailed implementation process of the second device adjusting the content of the first chart by performing a first processing operation on the first chart based on the interaction processing flowchart to obtain a second chart, reference can be made to Figure 4 the relevant content in step 404 of method 400 shown, which will not be elaborated here.

[0137] Step 1004: The second device replaces the first chart displayed in the chart display interface with the second chart, so that the chart display interface displays the second chart.

[0138] In the embodiments of the present application, the second device can download a chart file from the cloud service platform. The chart file includes a first chart and an interaction processing flowchart. A chart display interface is provided, and the first chart is displayed on the chart display interface. When the user performs a first interaction operation on the first layer in the first chart, the second device, in response to the first interaction operation performed on the first layer, adjusts the content of the first chart by performing a first processing operation on the first chart based on the interaction processing flowchart to obtain a second chart, and replaces the first chart displayed in the chart display interface with the second chart. In this way, when the user performs a first interaction operation on the first chart, the content of the first chart can be adjusted to improve the display effect.

[0139] See Figure 11 , the embodiments of the present application provide a device 1100 for processing charts. The device 1100 can be deployed on Figure 3 the first device or the second device in the network architecture 300 shown, or deployed on Figure 4 the first device in the method 400 shown, or deployed on Figure 10on a second device of the method 1000 shown. The apparatus 1100 includes:

[0140] A display unit 1101 for providing a chart display interface, the chart display interface being used to display a first chart, the first chart including a first layer;

[0141] A processing unit 1102 for obtaining an interaction processing flowchart, the interaction processing flowchart including at least one operation component and identification information of the first layer, the at least one operation component defining a first interaction operation and a first processing operation, the interaction processing flowchart being used to indicate adjusting the content of the first chart by using the first processing operation, and the at least one operation component being a selected component among a plurality of operation components included in a component library;

[0142] The processing unit 1102 is further configured to, in response to the first interaction operation performed on the first layer corresponding to the identification information, based on the interaction processing flowchart, adjust the content of the first chart by performing a first processing operation on the first chart to obtain a second chart;

[0143] The processing unit 1102 is further configured to replace the first chart displayed on the chart display interface with the second chart.

[0144] Optionally, for the detailed implementation process of the display unit 1101 providing the chart display interface, reference may be made to the relevant content in step 401 of the method 400 shown, and details are not described herein again. Figure 4 The relevant content in step 401 of the method 400 shown, and details are not described herein again.

[0145] Optionally, for the detailed implementation process of the processing unit 1102 obtaining the interaction processing flowchart, reference may be made to the relevant content in step 403 of the method 400 shown, and details are not described herein again. Figure 4 The relevant content in step 403 of the method 400 shown, and details are not described herein again.

[0146] Optionally, for the detailed implementation process of the processing unit 1102 adjusting the content of the first chart by performing a first processing operation on the first chart to obtain a second chart, reference may be made to step 404 of the method 400 shown or Figure 4 the relevant content in step 1003 of the method 1000 shown, and details are not described herein again. Figure 10 The relevant content in step 1003 of the method 1000 shown, and details are not described herein again.

[0147] Optionally, for the detailed implementation process of the processing unit 1102 replacing the displayed first chart with the second chart, reference may be made to step 405 of the method 400 shown or Figure 4 the relevant content in step 1004 of the method 1000 shown, and details are not described herein again. Figure 10 The relevant content in step 1004 of the method 1000 shown, and details are not described herein again.

[0148] Optionally, the first processing operation includes a plurality of sub-operations, and the interaction processing flowchart is further used to describe the execution order between the plurality of sub-operations;

[0149] A processing unit 1102, configured to:

[0150] Determine the multiple sub-operations and the execution order based on an interaction processing flowchart;

[0151] Execute the multiple sub-operations on a first chart according to the execution order to adjust the content of the first chart to obtain a second chart.

[0152] Optionally, for the detailed implementation process of the processing unit 1102 to determine the multiple sub-operations and the execution order, reference can be made to Figure 4 step 404 of the method 400 shown in Figure 10 the relevant content in step 1003 of the method 1000 shown in, which will not be elaborated here.

[0153] Optionally, for the detailed implementation process of the processing unit 1102 to execute the multiple sub-operations on the first chart according to the execution order, reference can be made to Figure 4 step 404 of the method 400 shown in Figure 10 the relevant content in step 1003 of the method 1000 shown in, which will not be elaborated here.

[0154] Optionally, the at least one operation component includes an interaction component and multiple service components. The interaction component is configured to respond to a first interaction operation performed on a first layer. The multiple sub-operations correspond to the multiple service components, and each service component in the multiple service components is respectively configured to implement the sub-operation corresponding to each service component.

[0155] Optionally, the multiple service components include a first service component and a second service component. The first sub-operation corresponding to the first service component is the first sub-operation to be executed among the multiple sub-operations. The second sub-operation corresponding to the second service component is the next sub-operation whose execution order is later than that of the first sub-operation. In the interaction processing flowchart, a first connection line is used to connect the first service component and the second service component. The first connection line is used to indicate the execution order between the first sub-operation and the second sub-operation.

[0156] Optionally, the first service component and the interaction component are integrated into one component.

[0157] Optionally, the multiple service components include a third service component. The third sub-operation corresponding to the third service component is the sub-operation with the latest execution order among the multiple sub-operations. In the interaction processing flowchart, a second connection line is used to connect the third service component and the identification information of the first layer. The second connection line is used to indicate adjusting the content of the first chart using a first processing operation.

[0158] Optionally, a display unit 1101 is further configured to provide a first interface, and the first interface is configured to display a construction area and a component library;

[0159] The processing unit 1102 is configured to, in response to a selection operation on at least one operation component included in the component library, display the at least one operation component in the building area; and obtain an interactive processing flow chart based on the at least one operation component displayed in the building area and the identification information of the first layer.

[0160] Optionally, for the detailed implementation process of the display unit 1101 to provide the first interface, reference can be made to Figure 4 the relevant content in step 401 of the method 400 shown, which will not be elaborated here.

[0161] Optionally, for the detailed implementation process of the processing unit 1102 to display the at least one operation component in the building area, reference can be made to Figure 4 the relevant content in step 402 of the method 400 shown, which will not be elaborated here.

[0162] Optionally, for the detailed implementation process of the processing unit 1102 to obtain the interactive processing flow chart, reference can be made to Figure 4 the relevant content in step 403 of the method 400 shown, which will not be elaborated here.

[0163] Optionally, the apparatus 1100 further includes a receiving unit 1103, and the first interface is further configured to display an editing area.

[0164] The processing unit 1102 is configured to obtain the implementation code of the at least one operation component based on the at least one operation component;

[0165] The display unit 1101 is further configured to display a first implementation code in the editing area, where the first implementation code is obtained based on the implementation code of the at least one operation component and the identification information;

[0166] The receiving unit 1103 is configured to receive a modification instruction for the first implementation code;

[0167] The processing unit 1102 is further configured to modify the first implementation code in the editing area based on the modification instruction to obtain a second implementation code, where the second implementation code is used to implement the interactive processing flow chart.

[0168] Optionally, for the detailed implementation process of the processing unit 1102 to obtain the implementation code of the at least one operation component, reference can be made to Figure 4 the relevant content in step 403 of the method 400 shown, which will not be elaborated here.

[0169] Optionally, for the implementation process of the display unit 1101 to display the first implementation code in the editing area, reference can be made to Figure 4 the relevant content in step 403 of the method 400 shown, which will not be elaborated here.

[0170] Optionally, for the detailed implementation process of the receiving unit 1103 receiving the modification instruction for the first implementation code, reference can be made to Figure 4 the relevant content in step 403 of the method 400 shown in the figure, which will not be elaborated here.

[0171] Optionally, for the detailed implementation process of the processing unit 1102 modifying the implementation code of the first implementation code in the editing area based on the modification instruction, reference can be made to Figure 4 the relevant content in step 403 of the method 400 shown in the figure, which will not be elaborated here.

[0172] Optionally, the first interaction operation is a click operation for clicking on the first layer, a drag operation for dragging the first layer, a marquee selection operation for the first layer, or a hovering operation for the first layer.

[0173] Optionally, the first processing operation includes one or more of the following operations: an operation for adjusting the color of the first layer, an operation for adjusting the display position of the first layer, an operation for adjusting the shape of the first layer, or an operation for displaying the first data on the first layer, where the first data is used to describe the meaning to be expressed by the first layer.

[0174] In the embodiment of the present application, the display unit displays a first interface, and the first interface includes a component library and an editing area. For the first processing operation that the user performs on the first chart according to their needs, at least one operation component for implementing the first processing operation can be selected from the component library, and the processing unit connects at least one operation component to the first chart with a connection line, thus forming an interactive processing flowchart. Based on this interactive processing flowchart, the processing unit can adjust the content of the first chart, thereby reducing the labor cost compared with the prior art method of writing programs.

[0175] See Figure 12 , the embodiment of the present application provides a computing device 1200. As Figure 12 shown, the computing device 1200 includes: a bus 1202, a processor 1204, a memory 1206, and a communication interface 1208. The processor 1204, the memory 1206, and the communication interface 1208 communicate with each other through the bus 1202. The computing device 1200 can be a server or a terminal device. It should be understood that the present application does not limit the number of processors and memories in the computing device 1200.

[0176] The bus 1202 can be a Peripheral Component Interconnect (PCI) bus, an Extended Industry Standard Architecture (EISA) bus, or the like. The bus can be divided into an address bus, a data bus, a control bus, etc. For ease of representation, Figure 12 only one line is used in Figure 12 , but it does not mean that there is only one bus or one type of bus. The bus 1202 can include a path for transmitting information between various components of the computing device 1200 (for example, the processor 1204, the memory 1206, and the communication interface 1208).

[0177] The processor 1204 can include any one or more of processors such as a Central Processing Unit (CPU), a Graphics Processing Unit (GPU), a Micro Processor (MP), or a Digital Signal Processor (DSP).

[0178] The memory 1206 can include volatile memory, such as Random Access Memory (RAM). The memory 1206 can also include non-volatile memory, such as Read-Only Memory (ROM), flash memory, a Hard Disk Drive (HDD), or a Solid State Drive (SSD).

[0179] See Figure 12 , the memory 1206 stores executable program code, and the processor 1204 executes the executable program code to respectively implement the functions of the display unit 1101, the processing unit 1102, and the receiving unit 1103 in the device 1100 shown in Figure 11 , so as to implement the method provided in any of the above embodiments. That is, the memory 1206 stores instructions for executing the method provided in any of the above embodiments. Alternatively, the communication interface 1208 uses a transceiver module such as, but not limited to, a network interface card or a transceiver to implement the communication between the computing device 1200 and other devices or communication networks.

[0180] ​​The embodiments of the present application also provide a cluster. The cluster includes at least one computing device. The computing device can be a terminal device, a server, such as a central server, an edge server, or a local server in a local data center. In some embodiments, the computing device can also be a terminal device such as a desktop computer, a laptop computer, or a smart phone.

[0181] As Figure 13 shown, the cluster includes at least one computing device 1200. Instructions for executing the method provided in any of the above embodiments can be stored in the memory 1206 of one or more computing devices 1200 in the cluster.

[0182] In some possible implementation manners, partial instructions for executing the above communication method can also be stored separately in the memory 1206 of one or more computing devices 1200 in the cluster. In other words, a combination of one or more computing devices 1200 can jointly execute the instructions for executing the method provided in any of the above embodiments.

[0183] In some possible implementation manners, one or more computing devices in the cluster can be connected through a network. Among them, the network can be a wide area network or a local area network, etc. Figure 14 shows a possible implementation manner. As Figure 14 shown, two computing devices 1200A and 1200B are connected through a network. Specifically, they are connected to the network through the communication interface 1208 in each computing device.

[0184] In this type of possible implementation manners, instructions for implementing the functions of the processing unit 1102 in the embodiment shown as Figure 11 are stored in the memory 1206 of the computing device 1200A. At the same time, instructions for implementing the functions of the display unit 1101 and the receiving unit 1103 in the embodiment shown as Figure 11 are stored in the memory 1206 of the computing device 1200B.

[0185] It should be understood that Figure 14 the functions of the computing device 1200A shown in

[0186] can also be completed by multiple computing devices 1200. Similarly, the functions of the computing device 1200B can also be completed by multiple computing devices 1200. Figure 14 The embodiments of the present application also provide another cluster. The connection relationship between the computing devices in the cluster can be similarly referred to

[0187] In some possible implementations, the memories 1206 of one or more computing devices 1200 in the cluster may also store, respectively, some instructions for executing the methods provided in any of the above embodiments. In other words, a combination of one or more computing devices 1200 may jointly execute the instructions for executing the methods provided in any of the above embodiments.

[0188] The embodiments of the present application also provide a computer program product containing instructions. The computer program product may be software or a program product containing instructions that can run on a computing device or be stored in any available medium. When the computer program product runs on at least one computing device, at least one computing device is caused to execute the methods provided in any of the above embodiments.

[0189] The embodiments of the present application also provide a computer-readable storage medium. The computer-readable storage medium may be any available medium that a computing device can store or a data storage device such as a data center containing one or more available mediums. The available medium may be a magnetic medium (for example, a floppy disk, a hard disk, a magnetic tape), an optical medium (for example, a DVD), or a semiconductor medium (for example, a solid-state drive), etc. The computer-readable storage medium includes instructions that instruct the computing device to execute the methods provided in any of the above embodiments.

[0190] The method embodiments for processing charts or the device examples for processing charts provided in any of the above embodiments may be applied to scenarios of building a monitoring dashboard, performing data analysis, and data monitoring. For example, in the data analysis scenario of a data center, charts are used to display the results of data analysis. For another example, in the cloud monitoring scenario of a data center, charts are used to display the monitored data in the cloud.

[0191] The information (including but not limited to user device information, user personal information, etc.), data (including but not limited to data for analysis, stored data, displayed data, etc.), and signals involved in the present application are all authorized by the user or fully authorized by all parties, and the collection, use, and processing of relevant data need to comply with the relevant laws, regulations, and standards of relevant countries and regions.

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

[0193] The above are only optional embodiments of the present application and are not intended to limit the present application. Any modifications, equivalent replacements, improvements, etc. made within the principles of the present application shall be included within the protection scope of the present application.

Claims

1. A method for processing a chart, characterized in that: The method comprises: Providing a chart display interface, the chart display interface is used to display a first chart, the first chart includes a first layer; Acquire an interactive processing flowchart, the interactive processing flowchart comprising at least one operation component and identification information of the first layer, the at least one operation component defining a first interactive operation and a first processing operation, the interactive processing flowchart being used to instruct to adjust the content of the first chart using the first processing operation, and the at least one operation component being a component selected from a plurality of operation components included in a component library; In response to the first interactive operation performed on the first layer corresponding to the identification information, based on the interactive processing flow chart, adjusting the content of the first chart by performing the first processing operation on the first chart to obtain a second chart; The first chart displayed on the chart display interface is replaced by the second chart.

2. The method according to claim 1, characterized in that The first processing operation includes a plurality of sub-operations, and the interactive processing flow chart is also used to describe the execution order between the plurality of sub-operations; The step of adjusting the content of the first chart to obtain the second chart by performing the first processing operation on the first chart based on the interactive processing flow chart includes: Based on the interactive processing flow chart, determining the multiple sub-operations and the execution order; The plurality of sub-operations are executed on the first chart in the execution order to adjust the content of the first chart to obtain the second chart.

3. The method according to claim 1 or 2, characterized in that The at least one operation component includes an interaction component and multiple service components, the interaction component is used to respond to the first interaction operation performed on the first layer, the multiple sub-operations correspond to the multiple service components, and each of the multiple service components is used to implement the sub-operation corresponding to each service component.

4. The method according to claim 3, characterized in that The multiple service components include a first service component and a second service component, the first sub-operation corresponding to the first service component is the first sub-operation executed among the multiple sub-operations, the second sub-operation corresponding to the second service component is the next sub-operation whose execution order is later than the first sub-operation, and the first line is used to connect the first service component and the second service component in the interactive processing flowchart, and the first line is used to indicate the execution order between the first sub-operation and the second sub-operation.

5. The method according to claim 4, characterized in that The first service component and the interaction component are integrated into one component.

6. The method according to any one of claims 3 to 5, characterized in that: The multiple service components include a third service component, and a third sub-operation corresponding to the third service component is the sub-operation with the latest execution order among the multiple sub-operations. In the interactive processing flowchart, a second line is used to connect the third service component and the identification information of the first layer, and the second line is used to indicate that the content of the first chart is adjusted using the first processing operation.

7. The method according to any one of claims 1 to 6, characterized in that: The obtaining of the interactive processing flow chart includes: Providing a first interface, wherein the first interface is used to display a construction area and the component library; In response to a selection operation on the at least one operation component included in the component library, displaying the at least one operation component in the construction area; The interactive processing flowchart is obtained based on the at least one operating component displayed in the construction area and the identification information of the first layer.

8. The method according to claim 7, characterized in that The first interface is also used to display an editing area, and the obtaining of the interactive processing flow chart based on the at least one operating component and identification information of the first layer displayed in the construction area includes: Acquire implementation code of the at least one operation component based on the at least one operation component; Displaying a first implementation code in the editing area, the first implementation code being obtained based on the implementation code of the at least one operating component and the identification information; receiving a modification instruction for the first implementation code; Based on the modification instruction, the first implementation code in the editing area is modified to obtain a second implementation code, where the second implementation code is used to implement the interaction processing flowchart.

9. The method according to any one of claims 1 to 8, characterized in that The first interactive operation is a click operation for clicking the first layer, a drag operation for dragging the first layer, a box selection operation for the first layer, or a floating operation for the first layer.

10. The method according to any one of claims 1 to 9, characterized in that: The first processing operation includes one or more of the following operations: an operation for adjusting the color of the first layer, an operation for adjusting the display position of the first layer, an operation for adjusting the shape of the first layer, or an operation for displaying first data on the first layer, wherein the first data is used to describe the meaning to be expressed by the first layer.

11. A device for processing a chart, characterized in that: The device comprises: A display unit, configured to provide a chart display interface, wherein the chart display interface is configured to display a first chart, wherein the first chart includes a first layer; a processing unit, configured to obtain an interactive processing flowchart, wherein the interactive processing flowchart includes at least one operation component and identification information of the first layer, wherein the at least one operation component defines a first interactive operation and a first processing operation, wherein the interactive processing flowchart is used to indicate that the content of the first chart is adjusted using the first processing operation, and wherein the at least one operation component is a component selected from a plurality of operation components included in a component library; The processing unit is further configured to, in response to the first interactive operation performed on the first layer corresponding to the identification information, adjust the content of the first chart by performing the first processing operation on the first chart based on the interactive processing flow chart to obtain a second chart; The processing unit is further configured to replace the first chart displayed on the chart display interface with the second chart.

12. The device according to claim 11, characterized in that The first processing operation includes a plurality of sub-operations, and the interactive processing flow chart is also used to describe the execution order between the plurality of sub-operations; The processing unit is used for: Based on the interactive processing flow chart, determining the multiple sub-operations and the execution order; The plurality of sub-operations are executed on the first chart in the execution order to adjust the content of the first chart to obtain the second chart.

13. The device according to claim 11 or 12, characterized in that The at least one operation component includes an interaction component and multiple service components, the interaction component is used to respond to the first interaction operation performed on the first layer, the multiple sub-operations correspond to the multiple service components, and each of the multiple service components is used to implement the sub-operation corresponding to each service component.

14. The device according to claim 13, characterized in that The multiple service components include a first service component and a second service component, the first sub-operation corresponding to the first service component is the first sub-operation executed among the multiple sub-operations, the second sub-operation corresponding to the second service component is the next sub-operation whose execution order is later than the first sub-operation, and the first line is used to connect the first service component and the second service component in the interactive processing flowchart, and the first line is used to indicate the execution order between the first sub-operation and the second sub-operation.

15. The device according to claim 14, characterized in that The first service component and the interaction component are integrated into one component.

16. The device according to any one of claims 13 to 15, characterized in that The multiple service components include a third service component, and a third sub-operation corresponding to the third service component is the sub-operation with the latest execution order among the multiple sub-operations. In the interactive processing flowchart, a second line is used to connect the third service component and the identification information of the first layer, and the second line is used to indicate that the content of the first chart is adjusted using the first processing operation.

17. The device according to any one of claims 11 to 16, characterized in that: The display unit is further used to provide a first interface, wherein the first interface is used to display the construction area and the component library; The processing unit is configured to display the at least one operating component in the construction area in response to a selection operation on the at least one operating component included in the component library; The interactive processing flowchart is obtained based on the at least one operating component displayed in the construction area and the identification information of the first layer.

18. The device according to claim 17, characterized in that The device further comprises a receiving unit, and the first interface is further used to display an editing area; The processing unit is configured to obtain an implementation code of the at least one operating component based on the at least one operating component; The display unit is further configured to display a first implementation code in the editing area, wherein the first implementation code is obtained based on the implementation code of the at least one operating component and the identification information; The receiving unit is used to receive a modification instruction for the first implementation code; The processing unit is further used to modify the first implementation code in the editing area based on the modification instruction to obtain a second implementation code, and the second implementation code is used to implement the interaction processing flowchart.

19. The device according to any one of claims 11 to 18, characterized in that The first interactive operation is a click operation for clicking the first layer, a drag operation for dragging the first layer, a box selection operation for the first layer, or a floating operation for the first layer.

20. The device according to any one of claims 11 to 19, characterized in that The first processing operation includes one or more of the following operations: an operation for adjusting the color of the first layer, an operation for adjusting the display position of the first layer, an operation for adjusting the shape of the first layer, or an operation for displaying first data on the first layer, wherein the first data is used to describe the meaning to be expressed by the first layer.

21. A computing device cluster, characterized in that: comprising at least one computing device, each computing device comprising a processor and a memory; The processor of the at least one computing device is configured to execute instructions stored in the memory of the at least one computing device, so that the computing device cluster executes the method according to any one of claims 1 to 10.

22. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a computer, the method according to any one of claims 1 to 10 is implemented.

23. A computer program product comprising a computer program, characterized in that When the computer program is executed by a processor, the method according to any one of claims 1 to 10 is implemented.

Images