Chart component display method and device, equipment, storage medium and product

Abstract

The embodiment of the invention provides a chart component display method and device, equipment, a storage medium and a product, and relates to the technical field of the Internet, the method comprises the steps that in response to a triggering operation of adding component options, multiple to-be-added component options are displayed, and the multiple to-be-added component options comprise label component options; in response to a trigger operation of the label component option, displaying a label component in an application building interface, the label component being used for displaying a chart component in a paging manner according to label pages, and the chart component being used for displaying data statistical information of at least one data item in a data table; wherein a preset number of labels are displayed in a first area of the label component, and when the labels are selected, label pages which correspond to the labels and are used for displaying chart components are displayed in a second area of the label component. According to the method, the operation difficulty of displaying the multiple chart components through the application can be reduced, so that the application use cost of a user is reduced.

Description

TECHNICAL FIELD

[0001] Embodiments of the present disclosure relate to the technical field of Internet, and in particular, to a display method and apparatus of chart components, a device, a storage medium and a product. BACKGROUND

[0002] With the continuous development of Internet technology, more and more users choose to use database tables to store data. For example, users can store personnel information, production information, cost information and other data of each department of an enterprise through tables.

[0003] In the prior art, some database tables already have the ability to build application systems. However, compared with mainstream application software, the cost of the application system built by users using database tables is relatively high due to the relatively complex organization form and interaction logic of data in the database tables. SUMMARY

[0004] Embodiments of the present disclosure provide a display method and apparatus of chart components, a device, a storage medium and a product, which can reduce the operation difficulty of displaying multiple chart components through an application, thereby reducing the cost of users using the application.

[0005] In a first aspect, embodiments of the present disclosure provide a display method of chart components, comprising:

[0006] In response to a triggering operation of an adding component option, displaying multiple to-be-added component options, wherein the multiple to-be-added component options include a label component option;

[0007] In response to a triggering operation of the label component option, displaying a label component in an application building interface, wherein the label component is used to display chart components in tabs, and the chart components are used to display data statistical information of at least one data item in a data table;

[0008] The first area of the label component displays a preset number of labels, and when a label is selected, the second area of the label component displays a tab corresponding to the label for displaying chart components.

[0009] In a second aspect, embodiments of the present disclosure provide a display apparatus of chart components, comprising:

[0010] A first display unit is configured to display multiple to-be-added component options in response to a triggering operation of an adding component option, wherein the multiple to-be-added component options include a label component option;

[0011] The second display unit is configured to display a label component in the application building interface in response to a triggering operation of the label component option, the label component being configured to display chart components in label pages according to a label page, and the chart components being configured to display data statistical information of at least one data item in a data table; wherein a first area of the label component displays a preset number of labels, and when a label is selected, a label page corresponding to the label for displaying chart components is displayed in a second area of the label component.

[0012] In a third aspect, the embodiments of the present disclosure provide an electronic device, comprising: a processor and a memory;

[0013] The memory stores computer-executable instructions.

[0014] The processor executes the computer-executable instructions stored in the memory, so that the at least one processor executes the display method of the various possible chart components of the first aspect.

[0015] In a fourth aspect, the embodiments of the present disclosure provide a computer-readable storage medium, and the computer-readable storage medium stores computer-executable instructions. When the processor executes the computer-executable instructions, the display method of the various possible chart components of the first aspect is implemented.

[0016] In a fifth aspect, the embodiments of the present disclosure provide a computer program product, comprising a computer program. When the computer program is executed by the processor, the display method of the various possible chart components of the first aspect is implemented.

[0017] The display method, device, equipment, storage medium and product of the chart component provided by the embodiments of the present disclosure, the method comprises: in response to a triggering operation of an adding component option, displaying a plurality of component options to be added, the plurality of component options to be added comprising a label component option; in response to a triggering operation of the label component option, displaying a label component in an application building interface, the label component being used to display chart components in tabs, and the chart component being used to display data statistical information of at least one data item in a data table; wherein a first area of the label component displays a preset number of labels, and when a label is selected, a tab corresponding to the label for displaying the chart component is displayed in a second area of the label component. In the embodiments of the present disclosure, since the label component is displayed in the application building interface, the user's demand for displaying chart components in tabs can be met through the plurality of labels in the label component, thereby reducing the operation difficulty of displaying a plurality of chart components through the application, thus reducing the cost of the user using the application; and since the user can add the label component based on the label component option, display the chart components in tabs through the plurality of labels in the label component, when the number of chart components is large, the plurality of chart components can be added to the plurality of tabs in pages, and the chart components are displayed in pages, which can reduce the number of chart components displayed each time, so that the user can view the data statistical information presented by each chart component at a glance, thereby improving the information display effect of the chart component. BRIEF DESCRIPTION OF DRAWINGS

[0018] In order to more clearly illustrate the technical solutions in the embodiments of the present disclosure or the prior art, the following will briefly introduce the drawings needed to be used in the embodiments or the prior art description. Obviously, the drawings in the following description are some embodiments of the present disclosure, and those skilled in the art can also obtain other drawings according to these drawings without creative labor.

[0019] Figure 1 An application scenario diagram of a display method of a chart component provided by an embodiment of the present disclosure;

[0020] Figure 2 A flowchart of a display method of a chart component provided by an embodiment of the present disclosure;

[0021] Figure 3 A schematic diagram of a method for adding a label component provided by an embodiment of the present disclosure;

[0022] Figure 4 A schematic diagram of a label component provided by an embodiment of the present disclosure;

[0023] Figure 5 A schematic diagram of a label component provided by an embodiment of the present disclosure;

[0024] Figure 6 A schematic diagram of a label assembly provided for an embodiment of the present disclosure;

[0025] Figure 7 A schematic diagram of a label assembly provided for an embodiment of the present disclosure;

[0026] Figure 8 A schematic diagram of a label assembly provided for an embodiment of the present disclosure;

[0027] Figure 9 A schematic diagram of a label assembly provided for an embodiment of the present disclosure;

[0028] Figure 10 A schematic diagram of a label assembly provided for an embodiment of the present disclosure;

[0029] Figure 11 A schematic diagram of a label assembly provided for an embodiment of the present disclosure;

[0030] Figure 12 A schematic diagram of a label assembly provided for an embodiment of the present disclosure;

[0031] Figure 13 A structural block diagram of a display device of a chart assembly provided for an embodiment of the present disclosure;

[0032] Figure 14 A hardware structure schematic diagram of an electronic device provided for an embodiment of the present disclosure. DETAILED DESCRIPTION

[0033] In order to make the objectives, technical solutions and advantages of the embodiments of the present disclosure clearer, the technical solutions in the embodiments of the present disclosure will be described clearly and completely below with reference to the drawings in the embodiments of the present disclosure. Obviously, the described embodiments are some but not all of the embodiments of the present disclosure. Based on the embodiments in the present disclosure, all other embodiments obtained by those of ordinary skill in the art without creative work fall within the protection scope of the present disclosure.

[0034] It should be noted that the user information (including but not limited to user equipment information, user personal information, etc.) and data (including but not limited to data for analysis, stored data, displayed data, etc.) involved in one or more embodiments of the present disclosure are all information and data authorized by the user or authorized by all parties, and the collection, use and processing of related data need to comply with relevant laws, regulations and standards, and provide corresponding operation portal for user to choose authorization or refusal.

[0035] With the continuous development of Internet technology, more and more users choose to use database tables to store data. For example, users can store personnel information, production information, cost information and other data of various departments of an enterprise through tables.

[0036] In the prior art, some database tables already have the ability to build application systems. However, compared with mainstream application software, the cost of the application system built by the user using the database table is relatively high because the organization form and interaction logic of the data in the database table are still relatively complex.

[0037] Therefore, how to reduce the cost of using the application of the user to improve the user experience of the application is a technical problem to be solved at present.

[0038] In order to solve the above technical problems, the technical idea of the inventor is as follows: a label component is added in the application, and a plurality of labels in the label component are used to display chart components in a label page, so as to reduce the number of chart components displayed each time, and the user can view the data statistical information presented by each chart component at a glance.

[0039] Correspondingly, the specific steps can include: in response to the triggering operation of the adding component option, displaying a plurality of to-be-added component options, the plurality of to-be-added component options including a label component option; in response to the triggering operation of the label component option, displaying the label component in the application building interface, the label component being used to display chart components in a label page, the chart component being used to display data statistical information of at least one data item in a data table; wherein a first area of the label component displays a preset number of labels, and when a label is selected, a label page corresponding to the label for displaying the chart component is displayed in a second area of the label component.

[0040] In this technical solution, since the label component is displayed in the application building interface, the user's demand for displaying chart components in a label page can be met through a plurality of labels in the label component, thereby reducing the operation difficulty of displaying a plurality of chart components through the application, thus reducing the cost of using the application of the user; and since the user can add the label component based on the label component option, display the chart components in a label page through a plurality of labels in the label component, when the number of chart components is large, the plurality of chart components can be added to a plurality of label pages in pages, and the chart components are displayed in pages, which can reduce the number of chart components displayed each time, so that the user can view the data statistical information presented by each chart component at a glance, thereby improving the information display effect of the chart component.

[0041] The application scenarios of the embodiments of the present disclosure are explained as follows:

[0042] The display method of the chart component provided by the embodiments of the present disclosure can be applied to various display scenarios of chart components.Figure 1 Schematic diagram of an application scenario of a display method of a chart component provided by an embodiment of the present disclosure. Figure 1 As shown, an "Add Component" option can be displayed in the application building interface (i.e., the dashboard interface). Users can use the "Add Component" option to add chart component 1 (bar chart), chart component 2 (pie chart), and chart component 3 (statistics). The data statistical information of the data item is displayed through the chart component, where the data item can be sales volume, sales revenue, unit price, etc. When the number of chart components in the dashboard interface is large, the chart component can be added through the display method of the chart component provided by the embodiment of the present disclosure, and the chart components can be displayed by tab page through multiple labels in the label component. For example, when label 1 is selected, the tab page corresponding to label 1 is displayed, and chart component 1 is displayed in the tab page corresponding to label 1; when label 2 is selected, the tab page corresponding to label 2 is displayed, and chart component 2 and chart component 3 are displayed in the tab page corresponding to label 2. It can be seen that the display method of the chart component provided by the embodiment of the present disclosure displays the chart component by tab page, which can reduce the number of chart components displayed each time, so that the user can view the data statistical information presented by each chart component at a glance.

[0043] The following is a specific implementation process of the display method of the chart component involved in the embodiment of the present disclosure, and some examples are only for illustration and not for limitation. The execution subject of the display method of the chart component involved in the embodiment of the present disclosure is an electronic device, which can be a terminal or a server.

[0044] Figure 2 A flowchart of a method for displaying a chart component provided by an embodiment of the present disclosure is shown in FIG. Figure 2 As shown, the display method of the chart component includes:

[0045] S201. In response to a triggering operation of adding a component option, a plurality of component options to be added are displayed, wherein the plurality of component options to be added include a label component option.

[0046] In the disclosed embodiments, the component options to be added can be various types of component options. For example, they can be chart options such as bar charts, line charts, pie charts, bar charts, area charts, radar charts, scatter charts, combination charts, funnel charts, word clouds, etc.; they can also be view options such as tables, dashboards, calendars, Gantt charts, albums, etc.; they can also be component options such as indicator cards, text, progress charts, countdowns, combination layouts, and label components.

[0047] For example, Figure 3 As shown, in response to the triggering operation of adding the component option, the "label component" option is displayed in the "others" component of the component list.

[0048] In some embodiments, in response to an operation of creating an application in a data table, an application building page is displayed, wherein the application building page includes an add component option. Optionally, a component can be added in the application through the add component option in the application building page.

[0049] In some other embodiments, in response to an operation of creating an application in a table space, a target application is generated in the table space, the target application includes an application building page, and the application building page includes an add component option; wherein the table space further includes one or more data tables, a component of the target application can reference data of the data tables, and the target application is different from the data organization form of the data tables.

[0050] S202, in response to a triggering operation of the label component option, a label component is displayed in the application building interface, the label component is used to display chart components in tab pages, and the chart components are used to display data statistical information of at least one data item in a data table; wherein a first area of the label component displays a preset number of labels, and when a label is selected, a tab page corresponding to the label for displaying the chart components is displayed in a second area of the label component.

[0051] In the embodiments of the present disclosure, the preset number of values and the positions and sizes of the first area and the second area are not specifically limited. The first area can be located on the upper side, the left side, the lower side or the right side of the second area. The preset number can be 1, 2, 3, etc.

[0052] For example, as shown in FIG. 2A, the first area is located on the upper side of the second area; wherein the widths of the first area and the second area are the same. The first area of the label component displays two labels: “Label 1” and “Label 2”. When “Label 1” is selected, the label page corresponding to “Label 1” is displayed in the second area of the label component, and chart component 1 is displayed in the label page corresponding to “Label 1”. Figure 4 For example, as shown in FIG. 2B, when “Label 2” is selected, the label page corresponding to “Label 2” is displayed in the second area of the label component, and chart component 2 and chart component 3 are displayed in the label page corresponding to “Label 2”.

[0053] Figure 5 For example, as shown in FIG. 2B, when “Label 2” is selected, the label page corresponding to “Label 2” is displayed in the second area of the label component, and chart component 2 and chart component 3 are displayed in the label page corresponding to “Label 2”.

[0054] The chart component is used to display data statistical information of at least one data item in a data table. The data item can be sales volume, sales amount, average unit price, etc. For example, as shown in FIG. 2A, the data statistical information in chart component 1 can be a column chart corresponding to the sales volume of four stores: A, B, C and D. Figure 4

[0055] ​​In some embodiments, the method further comprises: in response to the preset operation of the tab, displaying a first edit icon on the tab; in response to a triggering operation of the first edit icon, presenting a plurality of first edit options, wherein the first edit options are used for editing the tab and / or a tab page corresponding to the tab.

[0056] In the embodiments of the present disclosure, the preset operation is not specifically limited. For example, the preset operation can be a selection operation of the tab, or an operation of moving an icon to the tab. Alternatively, the plurality of first edit options can include an edit option, a move-in component option, a delete option, and the like. In the embodiments of the present disclosure, the position of the first edit icon is not specifically limited. Alternatively, the first edit icon can be located on the left side, the right side, or the like of the tab.

[0057] For example, as shown in FIG. 1, when an icon is moved to a tab, a more icon of “...” is displayed on the right side of the tab. Figure 6 For example, as shown in FIG. 1, when an icon is moved to a tab, a more icon of “...” is displayed on the right side of the tab.

[0058] It should be noted that the first edit icon can also be fixedly displayed on the tab, in which case, the preset operation of the tab is not required. For example, as shown in FIG. 2, more icons of “...” are displayed on the right side of the tab 1 and the tab 2. Figure 5 For example, as shown in FIG. 2, more icons of “...” are displayed on the right side of the tab 1 and the tab 2.

[0059] In some embodiments, the move-in component option is included in the plurality of first edit options; the method further comprises: in response to a triggering operation of the move-in component option, presenting a plurality of candidate chart components, the candidate chart components being chart components that have been added and are not in a tab page corresponding to the tab; and in response to a triggering operation of any candidate chart component, moving the candidate chart component into the tab page corresponding to the tab. Alternatively, the candidate chart components include chart icons and chart names.

[0060] For example, as shown in FIG. 3, in response to a triggering operation of the move-in component option, a list presents a plurality of candidate chart components: a pie chart component, a table component, and a KPI card component; wherein the pie chart component includes a pie chart icon and a pie chart name, the table component includes a table icon and a table name, and the KPI card component includes a KPI card icon and a KPI card name. Figure 7 For example, as shown in FIG. 3, in response to a triggering operation of the move-in component option, a list presents a plurality of candidate chart components: a pie chart component, a table component, and a KPI card component; wherein the pie chart component includes a pie chart icon and a pie chart name, the table component includes a table icon and a table name, and the KPI card component includes a KPI card icon and a KPI card name.

[0061] In some embodiments, the plurality of first editing options comprises a deletion option; the method further comprises: in response to a triggering operation of the deletion option, displaying secondary confirmation information, the secondary confirmation information comprising a first simultaneous deletion option for confirming whether to simultaneously delete all chart components in the tab page; in response to a confirmation operation of the secondary confirmation information, determining the option state of the first simultaneous deletion option; if the option state is a selected state, deleting the tab and the tab page corresponding to the tab, and simultaneously deleting all chart components in the tab page; if the option state is an unselected state, deleting the tab and the tab page corresponding to the tab, and moving all chart components in the tab page out of the tab page.

[0062] Optionally, in response to a cancel operation of the secondary confirmation information, the secondary confirmation information is closed. In some embodiments, the default state of the first simultaneous deletion option can be set as the unselected state.

[0063] For example, as shown in Figure 8 the secondary confirmation information can be a secondary confirmation pop-up window. In response to a triggering operation of the deletion option, the secondary confirmation pop-up window is displayed. The secondary confirmation pop-up window comprises: confirmation information "Confirm to delete this page", and the first simultaneous deletion option "whether to simultaneously delete all chart components in the tab page". In response to a triggering operation of the deletion option, the option state of the first simultaneous deletion option is determined as the unselected state, and tab 1 and the tab page corresponding to tab 1 are deleted, and chart component 1 is moved out of the tab page. In response to a triggering operation of the cancel option, the secondary confirmation pop-up window is closed.

[0064] It should be noted that when all chart components in the tab page are moved out of the tab page, the chart components can be sequentially increased after the last component in the application building interface according to the position order in the tab page.

[0065] In some embodiments, if the number of tabs in the first area of the tab component is 1, the deletion option is adjusted to an unselectable gray state; in response to a triggering operation of the deletion option, prompt information is displayed, and the prompt information is used to prompt that the tab component at least retains a tab page corresponding to a tab.

[0066] For example, the prompt information can be "at least retain a tab page".

[0067] In some embodiments, the plurality of first editing options comprises an editing tab option; the method further comprises: in response to a triggering operation of the editing tab option, displaying a tab editing box, and the tab editing box is used to edit the title of the tab. In some other embodiments, the title of the tab can also be modified through a double-click operation of the tab title.

[0068] For example, the label title is the label name, and the format of the label name includes: no duplicate name, no empty, and the maximum input length is 100 characters, and the exceeding part is truncated. In the first area, the label name is displayed with a maximum of 15 Chinese characters. If the label name exceeds 15 Chinese characters, “...” is displayed. In this case, when the icon moves over the label name, the complete label name can be displayed through the prompt box.

[0069] It should be noted that in the embodiments of the present disclosure, the position of the chart component can also be edited.

[0070] In some embodiments, the chart component in the label component can be moved out. Optionally, the method further includes: in response to a preset operation of the chart component in the label component, displaying a second editing icon on the chart component; in response to a triggering operation of the second editing icon, displaying a plurality of second editing options, the plurality of second editing options including a move-out option; and in response to a triggering operation of the move-out option, moving the chart component out of the label component.

[0071] For example, as shown in Figure 9 In response to a preset operation of “chart component 1” in the label component, a second editing icon is displayed on the chart component; in response to a triggering operation of the second editing icon, a plurality of second editing options are displayed, the plurality of second editing options including a move-out option; and in response to a triggering operation of the move-out option, “chart component 1” is moved out of the label component.

[0072] In other embodiments, the chart component outside the label component can be moved into the label component. Optionally, the operation of “moving into the label component” can be added in the editing operation of other components. Accordingly, the method further includes: in response to a preset operation of the chart component outside the label component, displaying a second editing icon on the chart component; in response to a triggering operation of the second editing icon, displaying a plurality of second editing options, the plurality of second editing options including a move-in option; in response to a triggering operation of the move-in option, displaying at least one label component option; in response to a triggering operation of any label component option, displaying a tab page list (including label page options corresponding to each tab in the label component corresponding to the label component option); and in response to a triggering operation of any tab page option, moving the chart component into the tab page corresponding to the tab page option.

[0073] Optionally, the chart component outside the label component can be a chart component located in another label component, a chart component located in a combined layout, or a chart component located in an application building interface.

[0074] For example, as shown in Figure 10As shown, in response to a preset operation of the "chart component 2" outside the label component, a second edit icon "..." is displayed on the "chart component 2"; in response to a triggering operation of the second edit icon, a plurality of second edit options are displayed, the plurality of second edit options including a move-in option; in response to a triggering operation of the move-in option, a "label component 1" option and a "label component 2" option are displayed. In response to a triggering operation of the "label component 1" option, a "tab page 1" option corresponding to label 1 and a "tab page 2" option corresponding to label 2 in the "label component 1" are displayed. In response to a triggering operation of the "tab page 1" option, the chart component is moved into the "tab page 1".

[0075] Optionally, moving the chart component into the tab page corresponding to the tab page option can include: adding the chart component to the right of the last component of the tab page, and if the right space is insufficient, displaying the chart component by line change.

[0076] It should be noted that, in response to the triggering operation of the move-in option, all label components in the combined layout and the current dashboard can be displayed. The order of the label components can be sorted according to the creation time of the label components; the order of the combined layout can be sorted according to the creation time of the combined layout. In some embodiments, if the chart component is already in a current tab page of a label component, the tab page list does not display the current tab page, and displays the remaining tab pages. If there is no remaining tab page, the label component is not displayed. Optionally, if there is no label component or combined layout that meets the condition, a prompt information "no combined layout or tab page" can be displayed.

[0077] In the embodiments of the present disclosure, the preset operation of the chart component is not specifically limited. For example, the preset operation of the chart component can be a selection operation of the chart component, or an operation of moving an icon to the chart component. It should be noted that the second edit icon can also be fixedly displayed on the chart component, and in this case, the preset operation of the chart component is not required.

[0078] It should be noted that, in the embodiments of the present disclosure, the label component can also be edited.

[0079] In some embodiments, the method further comprises: displaying a third edit icon on the label component in response to a preset operation of the label component; displaying a plurality of third edit options in response to a triggering operation of the third edit icon, wherein the third edit options are used to edit the label component, and the plurality of third edit options include a delete option; displaying secondary confirmation information in response to a triggering operation of the delete option, wherein the secondary confirmation information includes a second simultaneous deletion option for confirming whether to simultaneously delete all chart components in the label component; determining a selection state of the second simultaneous deletion option in response to a confirmation operation of the secondary confirmation information; if the selection state is a selected state, deleting the label component and simultaneously deleting all chart components in the label component; and if the selection state is an unselected state, deleting the label component and moving all chart components in the label component out of the label component.

[0080] For example, as shown in FIG. 6, in response to a preset operation of the label component, a third edit icon “...” is displayed on the label component. In response to a triggering operation of the third edit icon, a plurality of third edit options are displayed, including a configuration option, a copy option, a copy to option, a move in option, and a delete option. Figure 11 For example, as shown in FIG. 6, in response to a preset operation of the label component, a third edit icon “...” is displayed on the label component. In response to a triggering operation of the third edit icon, a plurality of third edit options are displayed, including a configuration option, a copy option, a copy to option, a move in option, and a delete option. Figure 12 For example, as shown in FIG. 6, in response to a triggering operation of the delete option, a secondary confirmation pop-up box is displayed. The secondary confirmation pop-up box includes: “Confirm to delete the label component?”, a second simultaneous deletion option for confirming whether to simultaneously delete all chart components in the label component, a “Delete” option, and a “Cancel” option.

[0081] Optionally, in response to a triggering operation of the “Delete” option, a selection state of the second simultaneous deletion option is determined. If the second simultaneous deletion option is in a selected state, the label component is deleted and all chart components in the label component are simultaneously deleted. If the second simultaneous deletion option is in an unselected state, the label component is deleted and all chart components in the label component are moved out of the label component. Optionally, in response to a triggering operation of the “Cancel” option, the secondary confirmation pop-up box disappears.

[0082] In the embodiments of the present disclosure, the preset operation of the label component is not specifically limited. For example, the preset operation of the label component can be a selection operation of the label component, or an operation of moving an icon to the label component. It should be noted that the third edit icon can also be fixedly displayed on the label component, in which case, the preset operation of the label component is not required.

[0083] In the embodiments of the present disclosure, the attribute information of the label component can also be configured.

[0084] In some embodiments, the method further includes: displaying a label configuration page for configuring the attribute information of the label in the application building interface; wherein the label configuration page includes one or more of the title configuration information, label style configuration information, label size configuration information, label position configuration information and label color configuration information of the label component.

[0085] For example, Figure 4 As shown, the title configuration information of the label component includes a title input box, through which the label component title is entered. The default label component title is: Label. Users can customize the label title through the title input box. Optionally, when the title input box is cleared, the prompt message "Please enter" is displayed in the title input box.

[0086] In some embodiments, as Figure 4 As shown, you can also configure whether to display the label component's title. The default is to display it. If you check Show Title, the label component's title will be displayed in the first area. The label component's title can be placed before the label. If you do not check Show Title, the label component's title will not be displayed before the label.

[0087] In some embodiments, as Figure 4 As shown, the label style configuration information includes: Card, Underline, and Selected. The default label style configuration information is: Underline. The label size configuration information includes: Large, Medium, and Small. The default label size configuration information is: Medium. The label position configuration information includes: Left Aligned, Right Aligned, and Centered in the First Area. The default label position configuration information is: Left Aligned.

[0088] In some embodiments, as Figure 4 As shown, the label color configuration information includes: the label's highlight color configuration information, the label's text color configuration information, and the label's background color configuration information. Optionally, the highlight color configuration information is used to configure the color of the text and style-related areas when the label is selected. For example, when the label style is underlined, the highlight color configuration information is used to configure the text color and underline color when the label is selected. Optionally, the label's text color configuration information is used to configure the color of the text when the label is not selected. Optionally, the label's background color configuration information is used to configure the background color of the entire label component.

[0089] In some embodiments, a label adding option is provided in the first area of ​​the label component; the method further includes: adding a label in the first area of ​​the label component in response to a selection operation of the label adding option.

[0090] For example, Figure 4As shown, the label adding option can be an icon "+"; in response to a selection operation of the label icon "+", "Label 3" is added in the first area of the label component.

[0091] It should be noted that in some embodiments, if the number of labels included in the label component is greater than a preset number threshold, the preset number threshold of labels are displayed in the first area, a first label switching option is displayed on one side of a first label, and a second label switching option is displayed on one side of a second label; the first label is the first label displayed in the first area, and the second label is the last label displayed in the first area; in response to a trigger operation of the first label switching option, the previous label of the first label is displayed in the first area, and the second label is cancelled; in response to a trigger operation of the second label switching option, the next label of the second label is displayed in the first area, and the first label is cancelled. Exemplarily, the first label switching option can be a "<" icon, and the second label switching option can be a ">" icon.

[0092] In the embodiments of the present disclosure, the value of the preset number threshold is not specifically limited. Alternatively, the preset number threshold represents the maximum number of labels that can be displayed in the first area of the label component. At this time, the preset number threshold can be determined by the width of the label component. Alternatively, the width of the preset number threshold of labels is less than the width of the label component, and the width of the preset number threshold + 1 of labels is greater than the width of the label component. Exemplarily, if the width of 10 labels is less than the width of the label component, and the width of 11 labels is greater than the width of the label component, the preset number threshold is 10.

[0093] The embodiment of the present disclosure provides a display method of a chart component, including: in response to a triggering operation of an adding component option, displaying a plurality of component options to be added, the plurality of component options to be added including a label component option; in response to a triggering operation of the label component option, displaying a label component in an application building interface, the label component being used for displaying chart components in a tab page by page manner, the chart component being used for displaying data statistical information of at least one data item in a data table; and wherein a first area of the label component displays a preset number of labels, and when a label is selected, a label page corresponding to the label for displaying the chart component is displayed in a second area of the label component. In the embodiment of the present disclosure, since the label component is displayed in the application building interface, the demand of a user for displaying the chart components in the tab page by page manner can be met through the plurality of labels in the label component, the operation difficulty of displaying a plurality of chart components through the application is reduced, and therefore the cost of the user using the application is reduced. Moreover, the user can add the label component based on the label component option, display the chart components in the tab page by page manner through the plurality of labels in the label component, and therefore when the number of the chart components is large, the plurality of chart components can be added in the plurality of label pages in a page by page manner, the number of the chart components displayed each time can be reduced, the user can view the data statistical information presented by each chart component at a glance, and therefore the information display effect of the chart component is improved.

[0094] Figure 13 A structural block diagram of a display device of a chart component is provided in the embodiment of the present disclosure. Referring to FIG. 13, Figure 13 The device includes a first display unit 1301 and a second display unit 1302.

[0095] The first display unit 1301 is configured to display a plurality of component options to be added in response to a triggering operation of an adding component option, the plurality of component options to be added including a label component option.

[0096] The second display unit 1302 is configured to display a label component in an application building interface in response to a triggering operation of the label component option, the label component being used for displaying chart components in a tab page by page manner, the chart component being used for displaying data statistical information of at least one data item in a data table; and wherein a first area of the label component displays a preset number of labels, and when a label is selected, a label page corresponding to the label for displaying the chart component is displayed in a second area of the label component.

[0097] According to one or more embodiments of the present disclosure, the display device further includes a component editing unit; the component editing unit is configured to display a first editing icon on the label in response to a preset operation of the label; and in response to a triggering operation of the first editing icon, a plurality of first editing options are displayed, wherein the first editing options are used for editing the label and / or a label page corresponding to the label.

[0098] According to one or more embodiments of the present disclosure, the plurality of first editing options comprises a move-in component option; the component editing unit is further configured to, in response to a triggering operation of the move-in component option, display a plurality of candidate chart components, the candidate chart components being chart components that have been added and are not in the tab corresponding to the label; and in response to a triggering operation of any candidate chart component, move the candidate chart component into the tab corresponding to the label.

[0099] According to one or more embodiments of the present disclosure, the plurality of first editing options comprises a delete option; the component editing unit is further configured to, in response to a triggering operation of the delete option, display secondary confirmation information, the secondary confirmation information comprising a first simultaneous deletion option for confirming whether to simultaneously delete all chart components in the tab; in response to a confirmation operation of the secondary confirmation information, determine the option state of the first simultaneous deletion option; if the option state is a selected state, delete the label and the tab corresponding to the label, and simultaneously delete all chart components in the tab; and if the option state is an unselected state, delete the label and the tab corresponding to the label, and move all chart components in the tab out of the tab.

[0100] According to one or more embodiments of the present disclosure, the plurality of first editing options comprises an edit label option; the component editing unit is further configured to, in response to a triggering operation of the edit label option, display a label editing box for editing the title of the label.

[0101] According to one or more embodiments of the present disclosure, the component editing unit is further configured to, in response to a preset operation of a chart component within the label component, display a second editing icon on the chart component; in response to a triggering operation of the second editing icon, display a plurality of second editing options, the plurality of second editing options comprising a move-out option; and in response to a triggering operation of the move-out option, move the chart component out of the label component.

[0102] According to one or more embodiments of the present disclosure, the component editing unit is further configured to, in response to a preset operation of a chart component outside the label component, display a second editing icon on the chart component; in response to a triggering operation of the second editing icon, display a plurality of second editing options, the plurality of second editing options comprising a move-in option; in response to a triggering operation of the move-in option, display at least one label component option; in response to a triggering operation of any label component option, display tab options corresponding to each label in the label component corresponding to the label component option; and in response to a triggering operation of any tab option, move the chart component into the tab corresponding to the tab option.

[0103] According to one or more embodiments of the present disclosure, the component editing unit is further configured to display a third editing icon on the label component in response to a preset operation of the label component; display a plurality of third editing options in response to a triggering operation of the third editing icon, wherein the third editing options are used to edit the label component, and the plurality of third editing options include a deletion option; display secondary confirmation information in response to a triggering operation of the deletion option, wherein the secondary confirmation information includes a second simultaneous deletion option used to confirm whether to simultaneously delete all chart components in the label component; determine a selection state of the second simultaneous deletion option in response to a confirmation operation of the secondary confirmation information; if the selection state is a selected state, delete the label component and simultaneously delete all chart components in the label component; and if the selection state is an unselected state, delete the label component and move all chart components in the label component out of the label component.

[0104] According to one or more embodiments of the present disclosure, the component editing unit is further configured to display a label configuration page for configuring attribute information of the label in the application building interface; and the label configuration page includes one or more of title configuration information, label style configuration information, label size configuration information, label position configuration information, and label color configuration information of the label component.

[0105] According to one or more embodiments of the present disclosure, the first area of the label component is provided with a label adding option; and the component editing unit is further configured to add a label in the first area of the label component in response to a selection operation of the label adding option.

[0106] According to one or more embodiments of the present disclosure, the component editing unit is further configured to display a preset number of labels in the first area if the number of labels included in the label component is greater than a preset number threshold, display a first label switching option on one side of a first label, and display a second label switching option on one side of a second label, wherein the first label is the first label displayed in the first area, and the second label is the last label displayed in the first area; display a previous label of the first label in the first area and cancel display of the second label in response to a triggering operation of the first label switching option; and display a next label of the second label in the first area and cancel display of the first label in response to a triggering operation of the second label switching option.

[0107] The display device of the chart component provided by the embodiments of the present disclosure can meet the requirement of the user for displaying the chart component by the tabs in the label component, and reduce the operation difficulty of displaying multiple chart components by the application, thereby reducing the cost of the user using the application. In addition, the user can add the label component based on the label component option, and display the chart component by the tabs in the label component. Therefore, when the number of the chart components is large, the multiple chart components can be added to the multiple tabs, and the chart components can be displayed by the tabs, so that the number of the chart components displayed each time can be reduced, and the user can view the data statistical information presented by each chart component at a glance, thereby improving the information display effect of the chart component.

[0108] In order to implement the above-mentioned embodiments, the embodiments of the present disclosure further provide a computer readable storage medium, and the computer readable storage medium stores computer execution instructions. When the processor executes the computer execution instructions, the display method of the chart component according to any one of the above-mentioned embodiments is implemented.

[0109] In order to implement the above-mentioned embodiments, the embodiments of the present disclosure further provide a computer program product, and the computer program product includes a computer program. When the processor executes the computer program, the display method of the chart component according to any one of the above-mentioned embodiments is implemented.

[0110] In order to implement the above-mentioned embodiments, the embodiments of the present disclosure further provide an electronic device, which includes a processor and a memory.

[0111] The memory stores computer execution instructions.

[0112] The processor executes the computer execution instructions stored in the memory, so that the processor executes the display method of the chart component according to any one of the above-mentioned embodiments.

[0113] Reference Figure 14 which shows a structural schematic diagram of an electronic device 1400 suitable for implementing the embodiments of the present disclosure. The electronic device 1400 can be a terminal device or a server. The terminal device can include but is not limited to a mobile terminal such as a mobile phone, a notebook computer, a digital broadcast receiver, a personal digital assistant (PDA), a tablet computer, a portable multimedia player (PMP), a vehicle-mounted terminal (such as a vehicle-mounted navigation terminal), and the like, and a fixed terminal such as a digital TV, a desktop computer, and the like. Figure 14 The electronic device shown is only an example, and should not bring any limitation to the functions and use range of the embodiments of the present disclosure.

[0114] As shown in Figure 14 The electronic device 1400 can include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 1401 that can perform various appropriate actions and processes according to programs stored in a Read Only Memory (ROM) 1402 or loaded into a Random Access Memory (RAM) 1403 from a storage device 1408. Various programs and data required for the operation of the electronic device 1400 are also stored in the RAM 1403. The processing device 1401, the ROM 1402, and the RAM 1403 are connected to each other through a bus 1404. An Input / Output (I / O) interface 1405 is also connected to the bus 1404.

[0115] In general, the following devices can be connected to the I / O interface 1405: input devices 1406 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; output devices 1407 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, etc.; storage devices 1408 including, for example, a magnetic tape, a hard disk, etc.; and communication devices 1409. The communication devices 1409 can allow the electronic device 1400 to communicate wirelessly or wired with other devices to exchange data. Although Figure 14 The electronic device 1400 is shown with various devices, but it should be understood that all of the illustrated devices are not required, and fewer or different devices can be provided.

[0116] In particular, the processes described above with reference to the flowcharts can be implemented as a computer software program according to embodiments of the present disclosure. For example, embodiments of the present disclosure include a computer program product comprising a computer program carried on a computer readable medium, the computer program containing program code for performing the methods illustrated by the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network through the communication devices 1409, or installed from the storage devices 1408, or installed from the ROM 1402. When the computer program is executed by the processing device 1401, the above-mentioned functions defined in the methods of embodiments of the present disclosure are performed.

[0117] It should be noted that the computer-readable medium in the above disclosure can be a computer-readable signal medium or a computer-readable storage medium or any combination of the two. The computer-readable storage medium may, for example, but is not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or apparatus, or any combination of the above. More specific examples of the computer-readable storage medium can include, but are not limited to, an electrical connection having one or more wires, a portable computer diskette, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, the computer-readable storage medium can be any tangible medium containing or storing a program that can be used by or in conjunction with an instruction execution system, device or apparatus. In the present disclosure, the computer-readable signal medium can include a data signal carried in a baseband or as a part of a carrier wave, which carries computer-readable program code. Such a propagated data signal can take many forms, including but not limited to an electromagnetic signal, an optical signal or any suitable combination of the above. The computer-readable signal medium can also be any computer-readable medium other than the computer-readable storage medium, which can send, propagate or transmit a program for use by or in conjunction with an instruction execution system, device or apparatus. The program code contained in the computer-readable medium can be transmitted by any suitable medium, including but not limited to a wire, a cable, an RF (radio frequency) or the like, or any suitable combination of the above.

[0118] The computer-readable medium described above can be contained in the electronic device described above; or can exist separately and not be assembled into the electronic device.

[0119] The computer-readable medium described above carries one or more programs, which, when executed by the electronic device, cause the electronic device to perform the methods shown in the above embodiments.

[0120] Computer program code for carrying out operations of the present disclosure can be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C++ or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code can execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the latter scenario, the remote computer can be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or the connection can be made to an external computer (for example, through the Internet using an Internet Service Provider).

[0121] The flow diagrams and the block diagrams in the drawings are illustrations of architectures, functionalities, and operations of possible implementations of systems, methods, and computer program products according to various embodiments of present disclosure. In this regard, each block in the flow diagrams or block diagrams can represent a module, a procedure, or a part of code, which comprises one or more executable instructions for implementing the specified logical functions. It should also be noted that in some alternative implementations, the functions noted in the blocks can occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently or in the reverse order, depending on the functionality involved. It is also noted that each block in the block diagrams and / or flow diagrams and combinations of blocks in the block diagrams and / or flow diagrams can be implemented by special-purpose hardware-based systems that perform the specified functions or operations, or combinations of special-purpose hardware and computer instructions.

[0122] The units described in the embodiments of the present disclosure can be implemented by software, or by hardware. In some cases, the name of the unit does not constitute a limitation on the unit itself. For example, the first obtaining unit can also be described as a unit for obtaining at least two Internet protocol addresses.

[0123] The functions described in this specification can be implemented in part or in whole by one or more hardware logic components. For example, and without limitation, illustrative types of hardware logic components that can be used include Field-programmable Gate Arrays (FPGAs), Program-specific Integrated Circuits (ASICs), Program-specific Standard Products (ASSPs), System-on-a-chip systems (SOCs), Complex Programmable Logic Devices (CPLDs), etc.

[0124] In the context of the present disclosure, a machine-readable medium can be a tangible medium that can contain or store the program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. The machine-readable medium can include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of the machine-readable storage medium will include one or more of an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or Flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0125] The display method, apparatus, electronic device, storage medium, and program product of the chart component provided by the embodiments of the present disclosure can meet the user's requirement of displaying the chart component by page according to the tabs through displaying the tab component in the application building interface, thereby reducing the operation difficulty of displaying multiple chart components through the application, and thus reducing the cost of using the application for the user. In addition, the user can add the tab component based on the tab component option, and display the chart component by page according to the tabs in the tab component. Therefore, when the number of chart components is large, the multiple chart components can be added to the multiple tabs by page, and the chart components are displayed by page, which can reduce the number of chart components displayed each time, so that the user can view the data statistical information presented by each chart component at a glance, thereby improving the information display effect of the chart component.

[0126] In a first aspect, according to one or more embodiments of the present disclosure, a display method of a chart component is provided, including:

[0127] In response to a triggering operation of the adding component option, displaying multiple to-be-added component options, the multiple to-be-added component options including a tab component option;

[0128] In response to a triggering operation of the tab component option, displaying a tab component in the application building interface, the tab component being used to display the chart component by page according to the tabs, and the chart component being used to display data statistical information of at least one data item in a data table;

[0129] The first area of the tab component displays a preset number of tabs, and when the tab is selected, the second area of the tab component displays a tab page corresponding to the tab for displaying the chart component.

[0130] According to one or more embodiments of the present disclosure, the method further includes: in response to a preset operation of the tag, displaying a first edit icon on the tag; in response to a triggering operation of the first edit icon, presenting a plurality of first edit options, wherein the first edit options are used to edit the tag and / or a tab page corresponding to the tag.

[0131] According to one or more embodiments of the present disclosure, the plurality of first edit options includes a move-in component option; the method further includes: in response to a triggering operation of the move-in component option, presenting a plurality of candidate chart components, the candidate chart components being chart components that have been added and are not in the tab page corresponding to the tag; in response to a triggering operation of any of the candidate chart components, moving the candidate chart component into the tab page corresponding to the tag.

[0132] According to one or more embodiments of the present disclosure, the plurality of first edit options includes a delete option; the method further includes: in response to a triggering operation of the delete option, presenting secondary confirmation information, the secondary confirmation information including a first simultaneous deletion option for confirming whether to simultaneously delete all chart components in the tab page; in response to a confirmation operation of the secondary confirmation information, determining an option state of the first simultaneous deletion option; if the option state is a selected state, deleting the tag and the tab page corresponding to the tag, and simultaneously deleting all chart components in the tab page; if the option state is an unselected state, deleting the tag and the tab page corresponding to the tag, and moving all chart components in the tab page out of the tab page.

[0133] According to one or more embodiments of the present disclosure, the plurality of first edit options includes an edit tag option; the method further includes: in response to a triggering operation of the edit tag option, presenting a tag edit box, the tag edit box being used to edit a title of the tag.

[0134] According to one or more embodiments of the present disclosure, the method further includes: in response to a preset operation of a chart component in the tag component, displaying a second edit icon on the chart component; in response to a triggering operation of the second edit icon, presenting a plurality of second edit options, the plurality of second edit options including a move-out option; in response to a triggering operation of the move-out option, moving the chart component out of the tag component.

[0135] According to one or more embodiments of the present disclosure, the method further comprises: in response to a preset operation of the chart component outside the label component, displaying a second edit icon on the chart component; in response to a triggering operation of the second edit icon, displaying a plurality of second edit options, the plurality of second edit options including a move-in option; in response to a triggering operation of the move-in option, displaying at least one label component option; in response to a triggering operation of any label component option, displaying label page options corresponding to each label in the label component corresponding to the label component option; and in response to a triggering operation of any label page option, moving the chart component into a label page corresponding to the label page option.

[0136] According to one or more embodiments of the present disclosure, the method further comprises: in response to a preset operation of the label component, displaying a third edit icon on the label component; in response to a triggering operation of the third edit icon, displaying a plurality of third edit options, wherein the third edit options are used to edit the label component, and the plurality of third edit options include a delete option; in response to a triggering operation of the delete option, displaying secondary confirmation information, the secondary confirmation information including a second simultaneous deletion option for confirming whether to simultaneously delete all chart components in the label component; in response to a confirmation operation of the secondary confirmation information, determining an option state of the second simultaneous deletion option; if the option state is a selected state, deleting the label component and simultaneously deleting all chart components in the label component; and if the option state is an unselected state, deleting the label component and moving all chart components in the label component out of the label component.

[0137] According to one or more embodiments of the present disclosure, the method further comprises: displaying a label configuration page for configuring attribute information of the label in the application building interface; and wherein the label configuration page includes one or more of title configuration information, label style configuration information, label size configuration information, label position configuration information, and label color configuration information of the label component.

[0138] According to one or more embodiments of the present disclosure, the first area of the label component is provided with a label adding option; and the method further comprises: in response to a selection operation of the label adding option, adding a label in the first area of the label component.

[0139] According to one or more embodiments of the present disclosure, the method further includes: if the number of labels included in the label component is greater than a preset number threshold, displaying a preset number threshold of labels in the first area, and displaying a first label switching option on one side of a first label and a second label switching option on one side of a second label; wherein the first label is the first label displayed in the first area, and the second label is the last label displayed in the first area; in response to a triggering operation of the first label switching option, displaying a previous label of the first label in the first area and canceling display of the second label; and in response to a triggering operation of the second label switching option, displaying a next label of the second label in the first area and canceling display of the first label.

[0140] In a second aspect, according to one or more embodiments of the present disclosure, a display device of a chart component is provided, including:

[0141] A first display unit is configured to, in response to a triggering operation of an add component option, display a plurality of to-be-added component options, the plurality of to-be-added component options including a label component option;

[0142] A second display unit is configured to, in response to a triggering operation of the label component option, display a label component in an application building interface, the label component being configured to display chart components in label pages, and the chart components being configured to display data statistical information of at least one data item in a data table; wherein a first area of the label component displays a preset number of labels, and when a label is selected, a label page corresponding to the label for displaying chart components is displayed in a second area of the label component.

[0143] According to one or more embodiments of the present disclosure, the display device further includes a component editing unit; the component editing unit is configured to, in response to a preset operation of the label, display a first editing icon on the label; and in response to a triggering operation of the first editing icon, display a plurality of first editing options, wherein the first editing options are configured to edit the label and / or a label page corresponding to the label.

[0144] According to one or more embodiments of the present disclosure, the plurality of first editing options includes a move-in component option; and the component editing unit is further configured to, in response to a triggering operation of the move-in component option, display a plurality of candidate chart components, the candidate chart components being chart components that have been added but not in the label page corresponding to the label; and in response to a triggering operation of any of the candidate chart components, move the candidate chart component into the label page corresponding to the label.

[0145] According to one or more embodiments of the present disclosure, the plurality of first editing options includes a deletion option; the component editing unit is further configured to, in response to a triggering operation of the deletion option, display secondary confirmation information, the secondary confirmation information including a first simultaneous deletion option for confirming whether to simultaneously delete all chart components in the tab page; in response to a confirmation operation of the secondary confirmation information, determine a selection state of the first simultaneous deletion option; if the selection state is a selected state, delete the tab and the tab page corresponding to the tab, and simultaneously delete all chart components in the tab page; if the selection state is an unselected state, delete the tab and the tab page corresponding to the tab, and move all chart components in the tab page out of the tab page.

[0146] According to one or more embodiments of the present disclosure, the plurality of first editing options includes an edit label option; the component editing unit is further configured to, in response to a triggering operation of the edit label option, display a label editing box for editing a title of the label.

[0147] According to one or more embodiments of the present disclosure, the component editing unit is further configured to, in response to a preset operation of a chart component outside the label component, display a second editing icon on the chart component; in response to a triggering operation of the second editing icon, display a plurality of second editing options, the plurality of second editing options including a move-in option; in response to a triggering operation of the move-in option, display at least one label component option; in response to a triggering operation of any label component option, display label page options corresponding to each label in a label component corresponding to the label component option; and in response to a triggering operation of any label page option, move the chart component into a tab page corresponding to the label page option.

[0148] According to one or more embodiments of the present disclosure, the component editing unit is further configured to, in response to a preset operation of a chart component outside the label component, display a second editing icon on the chart component; in response to a triggering operation of the second editing icon, display a plurality of second editing options, the plurality of second editing options including a move-in option; in response to a triggering operation of the move-in option, display at least one label component option; in response to a triggering operation of any label component option, display label page options corresponding to each label in a label component corresponding to the label component option; and in response to a triggering operation of any label page option, move the chart component into a tab page corresponding to the label page option.

[0149] According to one or more embodiments of the present disclosure, the component editing unit is further configured to display a third editing icon on the label component in response to a preset operation of the label component; in response to a triggering operation of the third editing icon, display a plurality of third editing options, wherein the third editing options are used to edit the label component, and the plurality of third editing options include a deletion option; in response to a triggering operation of the deletion option, display secondary confirmation information, wherein the secondary confirmation information includes a second simultaneous deletion option used to confirm whether to simultaneously delete all chart components in the label component; in response to a confirmation operation of the secondary confirmation information, determine a selection state of the second simultaneous deletion option; if the selection state is a selected state, delete the label component and simultaneously delete all chart components in the label component; if the selection state is an unselected state, delete the label component and move all chart components in the label component out of the label component.

[0150] According to one or more embodiments of the present disclosure, the component editing unit is further configured to display a label configuration page used to configure attribute information of the label in the application building interface; wherein the label configuration page includes one or more of title configuration information, label style configuration information, label size configuration information, label position configuration information, and label color configuration information of the label component.

[0151] According to one or more embodiments of the present disclosure, the first area of the label component is provided with a label adding option; the component editing unit is further configured to add a label in the first area of the label component in response to a selection operation of the label adding option.

[0152] According to one or more embodiments of the present disclosure, the component editing unit is further configured to, if the number of labels included in the label component is greater than a preset number threshold, display a preset number of labels in the first area, display a first label switching option on one side of a first label, and display a second label switching option on one side of a second label; wherein the first label is the first label displayed in the first area, and the second label is the last label displayed in the first area; in response to a triggering operation of the first label switching option, display a previous label of the first label in the first area and cancel display of the second label; in response to a triggering operation of the second label switching option, display a next label of the second label in the first area and cancel display of the first label.

[0153] In a third aspect, according to one or more embodiments of the present disclosure, an electronic device is provided, including a processor and a memory connected with the processor in communication;

[0154] The memory stores computer execution instructions;

[0155] The processor executes the computer-executed instructions stored in the memory to implement the display method of the chart component as described in the first aspect and various possible designs of the first aspect.

[0156] In a fourth aspect, a computer-readable storage medium is provided according to one or more embodiments of the present disclosure, and the computer-readable storage medium stores computer-executed instructions, and when a processor executes the computer-executed instructions, a display method of a chart component as described in the first aspect and various possible designs of the first aspect is implemented.

[0157] In a fifth aspect, a computer program product is provided according to the embodiments of the present disclosure, and the computer program product includes a computer program, and when a processor executes the computer program, a display method of a chart component as described in the first aspect and various possible designs of the first aspect is implemented.

[0158] The above description is merely exemplary of the disclosure and the application of the principles thereof and the scope of protection is not limited to the specific embodiments described herein, but only by the claims that follow. It will be understood that various changes can be made to the embodiments described and components employed in the embodiments could be altered, and equivalents employed, without departing from the scope of the disclosure. For example, it is expressly intended that all combinations of those elements and / or method steps which accomplish similar functionality be within the scope of the disclosure. Connections can be made, for example, between features described in different embodiments.

[0159] Further, although operations are depicted in a particular, chronological sequence, this should not be understood as requiring such order unless specifically specified av erily. One of ordinary skill in the art will appreciate that many of the operations can be performed in an order other than that shown or such operations can be performed concurrently or with partial concurrence. Additionally, the descriptions above are intended to cover any and all modifications, variations, or equivalents that fall within the scope of the present disclosure. It should be apparent that elements of the disclosure can be interchanged between embodiments where consistency exists between the elements. It will further be understood that wherever aspects are described in the foregoing description, alternative and / or equivalent aspects can be substituted therefor.

[0160] Although the subject matter has been described in language specific to structural features and / or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are disclosed as example forms of implementing the claims.

Claims

1. A method for displaying a chart component, characterized in that: The method comprises: In response to a triggering operation of adding a component option, a plurality of component options to be added are displayed, wherein the plurality of component options to be added include a label component option; In response to a triggering operation of the label component option, a label component is displayed in the application building interface, the label component is used to display a chart component in pages according to the tabs, and the chart component is used to display data statistical information of at least one data item in the data table; The first area of ​​the label component displays a preset number of labels, and when the label is selected, the second area of ​​the label component displays a tab page corresponding to the label for displaying a chart component.

2. The display method according to claim 1, wherein: The method further comprises: In response to a preset operation of the label, displaying a first editing icon on the label; In response to a triggering operation of the first editing icon, a plurality of first editing options are displayed, wherein the first editing options are used to edit the tag and / or a tab page corresponding to the tag.

3. The display method according to claim 2, wherein: The plurality of first editing options includes a move component option; the method further includes: In response to a triggering operation of the move-in component option, displaying a plurality of candidate chart components, wherein the candidate chart components are chart components that have been added and are not in a tab page corresponding to the tab; In response to a triggering operation of any of the candidate chart components, the candidate chart component is moved to a tab page corresponding to the tab.

4. The display method according to claim 2, wherein: The plurality of first editing options include a delete option; the method further comprising: In response to the triggering operation of the deletion option, displaying secondary confirmation information, wherein the secondary confirmation information includes a first simultaneous deletion option for confirming whether to simultaneously delete all chart components in the tab page; In response to a confirmation operation of the secondary confirmation information, determining an option state of the first simultaneous deletion option; If the option status is selected, the label and the tab page corresponding to the label are deleted, and all chart components in the tab page are deleted at the same time; if the option status is unselected, the label and the tab page corresponding to the label are deleted, and all chart components in the tab page are moved out of the tab page.

5. The display method according to claim 2, wherein: The plurality of first editing options include an edit label option; the method further comprising: In response to the triggering operation of the edit tag option, a tag editing box is displayed, and the tag editing box is used to edit the title of the tag.

6. The display method according to claim 1, wherein: The method further comprises: In response to a preset operation of the chart component within the label component, displaying a second editing icon on the chart component; In response to a triggering operation of the second editing icon, displaying a plurality of second editing options, wherein the plurality of second editing options include a remove option; In response to a triggering operation of the remove option, the chart component is removed from the label component.

7. The display method according to claim 1, wherein: The method further comprises: In response to a preset operation of a chart component outside the label component, a second editing icon is displayed on the chart component; in response to a triggering operation of the second editing icon, a plurality of second editing options are displayed, wherein the plurality of second editing options include a move option; In response to the triggering operation of the move option, at least one label component option is displayed; in response to the triggering operation of any label component option, the tab page options corresponding to each label in the label component corresponding to the label component option are displayed; in response to the triggering operation of any tab page option, the chart component is moved to the tab page corresponding to the tab page option.

8. The display method according to claim 1, wherein: The method further comprises: In response to a preset operation of the label component, displaying a third editing icon on the label component; in response to a triggering operation of the third editing icon, displaying a plurality of third editing options, wherein the third editing options are used to edit the label component, and the plurality of third editing options include a delete option; In response to the triggering operation of the deletion option, displaying secondary confirmation information, wherein the secondary confirmation information includes a second simultaneous deletion option for confirming whether to simultaneously delete all chart components in the label component; In response to the confirmation operation of the secondary confirmation information, the option status of the second simultaneous deletion option is determined; if the option status is selected, the label component is deleted, and all chart components in the label component are deleted at the same time; if the option status is unselected, the label component is deleted, and all chart components in the label component are moved out of the label component.

9. The display method according to claim 1, wherein: The method further comprises: Displaying a tag configuration page for configuring attribute information of the tag in the application building interface; The label configuration page includes one or more of the label component's title configuration information, label style configuration information, label size configuration information, label position configuration information, and label color configuration information.

10. The display method according to claim 1, wherein: A label adding option is provided in the first area of ​​the label component; and the method further comprises: In response to a selection operation of the tag adding option, a tag is added in the first area of ​​the tag component.

11. The display method according to claim 1, wherein: The method further comprises: If the number of labels included in the label component is greater than a preset number threshold, the labels of the preset number threshold are displayed in the first area, and a first label switching option is displayed on one side of the first label, and a second label switching option is displayed on one side of the second label; wherein the first label is the first label displayed in the first area, and the second label is the last label displayed in the first area; In response to the triggering operation of the first tab switching option, the previous tab of the first tab is displayed in the first area, and the second tab is canceled; in response to the triggering operation of the second tab switching option, the next tab of the second tab is displayed in the first area, and the first tab is canceled.

12. The display method according to claim 1, wherein: The method further comprises: In response to the operation of creating an application in the data table, an application building page is displayed, and the application building page includes the adding component option.

13. The display method according to claim 1, wherein: The method further comprises: In response to an operation of creating an application in a table space, a target application is generated in the table space, wherein the target application includes an application building page, and the application building page includes the add component option; wherein, the table space also includes one or more data tables, and the components of the target application can reference the data of the data tables, and the data organization form of the target application is different from that of the data tables.

14. A display device for a chart component, characterized in that: include: A first display unit is configured to display a plurality of component options to be added in response to a triggering operation of adding a component option, wherein the plurality of component options to be added include a label component option; The second display unit is used to display the label component in the application building interface in response to the triggering operation of the label component option, and the label component is used to display the chart component in pages by tab page, and the chart component is used to display data statistical information of at least one data item in the data table; wherein, the first area of ​​the label component displays a preset number of labels, and when the label is selected, the label page corresponding to the label for displaying the chart component is displayed in the second area of ​​the label component.

15. An electronic device, characterized in that: include: processor and memory; The memory stores computer-executable instructions; The processor executes the computer-executable instructions stored in the memory, so that the processor performs the method for displaying a chart component according to any one of claims 1 to 13.

16. A computer-readable storage medium, characterized in that The computer-readable storage medium stores computer-executable instructions. When a processor executes the computer-executable instructions, the method for displaying a chart component according to any one of claims 1 to 13 is implemented.

17. A computer program product comprising a computer program, characterized in that When the computer program is executed by a processor, the method for displaying a chart component according to any one of claims 1 to 13 is implemented.

Images