Data display method and device and computer storage medium

Abstract

The invention provides a data display method and device and a computer storage medium. The method comprises the steps of determining at least one item of to-be-displayed data; determining the corresponding proportion of each item of to-be-displayed data in each item of to-be-displayed data; the minimum proportion of all the proportions is determined, and the minimum proportion is not larger than the proportions of other all the proportions; based on the minimum proportion, determining a display area of each item of to-be-displayed data in a cylinder; on the basis of the cylinders, the proportions corresponding to the to-be-displayed data and the corresponding display areas, a histogram is generated, and the display areas corresponding to the to-be-displayed data cover the display areas of the cylinders; and displaying the generated histogram. According to the scheme, a user can conveniently and quickly know and judge the proportion condition of each item of to-be-displayed data. The comparison condition of each item of to-be-displayed data can be displayed more visually, and the data interpretation time is shortened, so that the data expression effect of the cylindrical object is improved.

Description

Technical Field

[0001] The present application relates to the technical field of data visualization, and in particular to a data display method, device and computer storage medium. Background Art

[0002] In recent years, as the breadth and depth of information networks continue to increase, information has shown an exponential growth trend. Whether it is user-generated content on social media or real-time data uploaded by various IoT devices, we are surrounded by countless information. In this era of information explosion, how to effectively understand, analyze and utilize this huge amount of data has become a key challenge. At this time, data visualization has become an indispensable tool.

[0003] The bar chart is a commonly used data visualization tool that can visualize complex information in the data and help users more easily identify data trends and anomalies. However, in traditional bar charts, the data is usually displayed in the form of multiple columns to show the absolute value of each data item, which makes it difficult for users to more intuitively understand the relative proportion of each data item in the entire data set, making the data expression effect of the bar chart poor. Summary of the invention

[0004] The present application provides a data display method, device and computer storage medium to at least partially solve the above-mentioned problems.

[0005] In a first aspect, an embodiment of the present application provides a data display method, including:

[0006] Determine at least one item of data to be displayed;

[0007] Determine the proportion of each item of the to-be-displayed data in the various items of the to-be-displayed data;

[0008] Determine the minimum proportion among the proportions, wherein the minimum proportion is not greater than the proportions of the other proportions;

[0009] Based on the minimum proportion, determining a display area of ​​each item of the to-be-displayed data in a column;

[0010] Generate a bar graph based on the column, the proportions corresponding to each item of the data to be displayed, and the corresponding display areas, wherein the display areas corresponding to each item of the data to be displayed cover the display area of ​​the column;

[0011] Display the generated bar chart.

[0012] In one embodiment, determining the display area of ​​each item of the to-be-displayed data in a column based on the minimum proportion includes:

[0013] A1: Determine whether the minimum proportion is less than a preset proportion threshold corresponding to the current page. If so, execute A2; otherwise, execute A4;

[0014] A2: using the preset minimum display area in the column of the current page as the display area of ​​the to-be-displayed data corresponding to the minimum proportion, wherein the minimum display area is larger than the display area actually corresponding to the minimum proportion, and executing A3;

[0015] A3: For each item of data to be displayed except the data to be displayed corresponding to the minimum proportion, the remaining area of ​​the display area of ​​the column after deducting the minimum display area is used as the display area of ​​the column, and step A4 is executed;

[0016] A4: For each item of the data to be displayed, a corresponding display area is divided in the display area of ​​the column according to the corresponding proportion.

[0017] In one embodiment, after A2 and before A3, further comprising:

[0018] When the number of the minimum display area is not less than the preset limit value corresponding to the current page,

[0019] In the display area of ​​the column, according to the proportion of each item of the data to be displayed except the data to be displayed corresponding to the minimum display area, a corresponding display area is divided, and each divided display area and the minimum display area are used as the content displayed in the column, and the column, the proportion corresponding to each item of the data to be displayed and the corresponding display area are executed to generate a bar chart;

[0020] The generated bar chart includes:

[0021] In the display area of ​​the column, each of the minimum display areas and each divided display area is scrolled and displayed, wherein the total length of each divided display area and each minimum display area is greater than the length of the display area of ​​the column.

[0022] In one embodiment, generating a bar chart based on the column, the proportion of each item of the data to be displayed and the corresponding display area includes:

[0023] Arranging the display areas in the column according to a preset arrangement order;

[0024] Each of the display areas is rendered, and the proportion and data name corresponding to each of the display areas are marked to obtain a bar graph, wherein two adjacent display areas are rendered in different colors.

[0025] In one embodiment, the marking of the proportion and data name corresponding to each display area includes:

[0026] For each of the data to be displayed, execute:

[0027] When the number of characters in the data name of the data to be displayed is greater than the preset number of characters, the data name of the data to be displayed is adjusted according to the preset name display text, and the corresponding proportion of each display area and the adjusted data name are marked;

[0028] After the generated bar graph is displayed, the method further comprises:

[0029] When receiving the user triggering the data name, the data name of the data to be displayed before adjustment is displayed.

[0030] In one embodiment, after displaying the generated bar graph, the method further includes:

[0031] Generate a display instruction according to a trigger operation initiated by the user on a target display area in the bar chart;

[0032] In response to the display instruction, graphic information corresponding to the target display area is displayed, wherein the graphic information includes data information generated by the data to be displayed corresponding to the target display area according to a preset interactive text, and / or the target display area is rendered using a high-saturation color, wherein the high-saturation color has a higher saturation than the current color of the target display area and / or the high-saturation color is different from the current color of the target display area.

[0033] In one embodiment, determining at least one item of data to be displayed includes:

[0034] When receiving instruction information for obtaining data at a fixed time, determining whether the interface for calling data can obtain at least one item of data according to the time point in the instruction information, wherein the at least one item of data is not a null value;

[0035] If the at least one item of data can be obtained, the obtained data is used as the data to be displayed;

[0036] If the at least one item of data cannot be obtained, a preset view is displayed, wherein the preset view includes: a null value view for prompting that data has not been obtained, or a default value view for displaying the proportion of at least one preset value.

[0037] In one embodiment, determining the proportion of each item of the to-be-displayed data in each item of the to-be-displayed data includes:

[0038] Determine the data size of each item of data to be displayed;

[0039] Calculate the total size of each item of data to be displayed;

[0040] Calculating the ratio of the data size of each item of the data to be displayed to the total;

[0041] Process the comparison value according to the preset data value acquisition method;

[0042] The ratio after processing is taken as the proportion.

[0043] In one embodiment, the columns in the bar graph are displayed in a horizontal or vertical manner;

[0044] When the display mode of the column is horizontal display, each of the display areas is arranged in sequence in the horizontal direction in the column;

[0045] When the display mode of the column is vertical display, each of the display areas is arranged in sequence in the column in a direction perpendicular to the horizontal direction.

[0046] In one embodiment, the display effect of each display area in the bar graph includes: any one of a sliding effect, a fade-in effect and a non-animation effect, wherein the sliding effect includes each display area sliding from one side of the bar in the bar graph into the display area of ​​the bar, the fade-in effect includes the color of each display area in the display area of ​​the bar in the bar graph changing from a transparent color to a rendered color, and the non-animation effect includes displaying each rendered display area in the display area of ​​the bar in the bar graph.

[0047] In one embodiment, the data to be displayed includes at least one of: numerical value, sound, image and video.

[0048] In a second aspect, an embodiment of the present application provides a data display device, including:

[0049] A data management module, used for determining at least one data to be displayed;

[0050] A proportion management module, used to determine the proportion of each of the to-be-displayed data determined by the data management module in the various to-be-displayed data; and determine the minimum proportion among the various proportions, wherein the minimum proportion is not greater than the proportions of the other various proportions;

[0051] An area management module, used for determining a display area of ​​each item of the to-be-displayed data in the bar chart based on the minimum proportion determined by the proportion management module;

[0052] A view processing module, configured to generate a bar graph based on the proportions and corresponding display areas corresponding to each item of the data to be displayed determined by the area management module, wherein the display area corresponding to each item of the data to be displayed covers the display area of ​​the column;

[0053] The view display module is used to display the bar chart generated by the view processing module.

[0054] In a third aspect, an embodiment of the present application provides a computer program product, including a computer program / instructions, wherein the computer program / instructions, when executed by a processor, implement the method steps described in any one of the first aspects.

[0055] In a fourth aspect, an embodiment of the present application provides a computer storage medium having a computer program stored thereon, which, when executed by a processor, implements any method described in the first aspect.

[0056] The embodiments of the present application provide a data display method, device and computer storage medium. By determining the data to be analyzed and displayed, and displaying the proportion of each data to be displayed in a bar graph, the bar graph can accurately reflect the relative importance of each data to be displayed, which is convenient for users to understand and judge the proportion of each data to be displayed. By determining the display area of ​​each data to be displayed based on the minimum proportion, the visual effect of each data to be displayed in the bar graph can be balanced, and the visual impact of the bar graph caused by the large data span can be reduced. Further displaying the display area corresponding to the proportion of the data to be displayed in the bar graph is beneficial to the readability and visual effect of the bar graph, and the comparison of each data to be displayed can be more intuitively displayed, reducing the data interpretation time, thereby improving the data expression effect of the column. BRIEF DESCRIPTION OF THE DRAWINGS

[0057] Figure 1 is a flow chart of a data display method provided by an embodiment of the present application;

[0058] Figure 2 is a flow chart of another data display method provided by an embodiment of the present application;

[0059] Figure 3 is a schematic diagram of a horizontally displayed bar graph provided by an embodiment of the present application;

[0060] Figure 4 is a schematic diagram of a vertically displayed bar graph provided by an embodiment of the present application;

[0061] Figure 5 It is a schematic diagram of a data display device provided in one embodiment of the present application. DETAILED DESCRIPTION

[0062] In order to make the purpose, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without making creative work are within the scope of protection of this application.

[0063] Figure 1 A flowchart of a data display method provided in an embodiment of the present application, the method comprising the following steps:

[0064] Step 101: Determine at least one item of data to be displayed;

[0065] In the embodiment of the present application, by determining at least one item of data to be displayed, the most relevant information can be screened out more efficiently for display, thereby optimizing the data display method. This reduces the time it takes for users to find the required information in a large amount of data and improves the user experience.

[0066] Step 102: Determine the proportion of each item of data to be displayed in each item of data to be displayed;

[0067] In the embodiment of the present application, by determining the proportion of each item of data to be displayed in all the determined data, it is possible to easily identify key data, which is conducive to a faster and clearer understanding of the relationship and comparison between the data.

[0068] Step 103: Determine the minimum proportion of the display area proportion of each item of the data to be displayed in a column based on the minimum proportion, wherein the minimum proportion of the display area of ​​each item of the data to be displayed in a column determined based on the minimum proportion is not greater than the proportion of the display area of ​​each item of the data to be displayed in a column determined based on the minimum proportion for each of the other items.

[0069] In the embodiment of the present application, by determining the minimum proportion, it is possible to identify data that is relatively small but may be very important among all the data to be displayed.

[0070] Step 104: Determine the minimum proportion of the display area of ​​each item of the data to be displayed in a column based on the minimum proportion, and determine the display area of ​​each item of the data to be displayed in a column based on the minimum proportion.

[0071] In the embodiment of the present application, by allocating the column display area based on the minimum proportion, it is ensured that each data to be displayed, even the smallest one, can be effectively displayed. This avoids the situation where data is ignored or not displayed clearly due to its small proportion.

[0072] Step 105: Generate a bar chart based on the column, the proportion of each item of data to be displayed and the corresponding display area, wherein the display area corresponding to each item of data to be displayed covers the display area of ​​the column;

[0073] Step 106: Display the generated bar chart.

[0074] In the embodiment of the present application, the display area is allocated in the bar chart according to the proportion of each data to be displayed, so that each data occupies a reasonable space in the bar chart, ensuring that the entire display area of ​​the bar chart is fully utilized. In this way, more data content can be displayed as much as possible, improving the efficiency of information transmission.

[0075] In an embodiment of the present application, determining the display area of ​​each item of data to be displayed in a column based on the minimum proportion includes:

[0076] A1: Determine based on the minimum proportion, whether the minimum proportion of each data item to be displayed in a column is less than the preset proportion threshold corresponding to the current page. If so, execute A2; otherwise, execute A4.

[0077] A2: using the preset minimum display area in the column of the current page as the minimum proportion, determining the display area of ​​the data to be displayed corresponding to the minimum proportion of the display area of ​​each item of data to be displayed in a column based on the minimum proportion, wherein the minimum display area of ​​each item of data to be displayed in a column determined based on the minimum proportion is greater than the display area actually corresponding to the minimum proportion of the display area of ​​each item of data to be displayed in a column determined based on the minimum proportion, and executing A3;

[0078] A3: For each data item to be displayed except for the data item to be displayed corresponding to the minimum proportion of the display area of ​​each data item to be displayed in a column determined based on the minimum proportion, the remaining area after deducting the minimum display area of ​​each data item to be displayed in a column determined based on the minimum proportion from the display area of ​​the column is used as the display area of ​​the column, and step A4 is executed;

[0079] A4: For each item based on the minimum proportion, determine the display area of ​​each data to be displayed in a column, and divide the corresponding display area in the display area of ​​the column according to the corresponding proportion.

[0080] In an embodiment of the present application, by determining whether the minimum proportion is less than the corresponding proportion threshold of the column to be displayed in the current page, it can be determined whether it is necessary to dynamically adjust the display area of ​​other data to be displayed. If the minimum proportion is less than the preset proportion threshold, it indicates that the display area corresponding to the minimum proportion is small in the column of the current page, and it is not easy to view or cannot be displayed. Therefore, in order to ensure that the different data to be displayed in the column can be clearly displayed, the minimum display area in the column of the current page is used as the display area corresponding to the minimum proportion, and the remaining area in the column is divided according to the proportion of other data to be displayed. By reasonably allocating the display area of ​​the column, the overall layout of the column can be made clearer and easier to read, which is convenient for users to interpret and analyze data.

[0081] It can be understood that when dividing the remaining area in the column, the area of ​​the remaining area is taken as 100%, and the division is performed according to each proportion except the smallest proportion.

[0082] It should be noted that the minimum display area corresponding to the minimum proportion is larger than the actual (i.e., real) display area corresponding to the minimum proportion. For example, the display area of ​​the minimum proportion before adjustment is 1cm×0.5cm. Since the display area of ​​1cm×0.5cm is small in the column of the current page and difficult to view, the minimum area of ​​1cm×2cm is used as the display area of ​​the minimum proportion.

[0083] In an embodiment of the present application, after A2 and before A3, further comprising:

[0084] After A2 and before A3, further include:

[0085] When the number of the minimum display area is not less than the preset limit value corresponding to the current page,

[0086] In the display area of ​​the column, according to the proportion of each item of data to be displayed except the data to be displayed corresponding to the minimum display area, a corresponding display area is divided, and each divided display area and the minimum display area are used as the content displayed in the column, and a bar chart is generated based on the proportion of each item of data to be displayed and the corresponding display area;

[0087] Display the generated bar chart, including:

[0088] In the display area of ​​the column, each minimum display area and each divided display area are scrolled and displayed, wherein the total length of each divided display area and each minimum display area is greater than the length of the display area of ​​the column.

[0089] In the embodiment of the present application, by detecting whether the number of the minimum display area is greater than the preset limit value, it is determined whether it is necessary to dynamically adjust the layout of each data to be displayed in the column to achieve the best display effect under different data amounts. If the number corresponding to the minimum display area is greater than the preset limit value, it indicates that the minimum display area corresponding to the proportion of the smaller value is greater than the actual display area, which will make the display area of ​​all data to be displayed larger than the display area of ​​the column. By dividing the display area of ​​the data to be displayed outside the data to be displayed corresponding to the minimum display area in the display area of ​​the column, and then using the divided display area and the minimum display area as the display content of a column, the comprehensiveness and rationality of the display of the data to be displayed can be ensured, so that even very small data to be displayed will not be ignored, and the integrity of the data display is improved. In this way, when displaying each data in the column, all the data to be displayed and the corresponding display area can be scrolled in the column display area to display, which can solve the problem of insufficient space in the column display area and reduce the confusion caused by information compression, and keep the data display neat and readable. The user can browse all the data through the scroll bar.

[0090] If the minimum display area is smaller than the preset limit value corresponding to the current page, for each item of data to be displayed except the data to be displayed corresponding to the minimum proportion, the display area of ​​the corresponding data to be displayed in the column is determined based on the proportion of each item based on the remaining area after deducting the minimum display area from the display area of ​​the column.

[0091] In one embodiment of the present application, a bar chart is generated based on the column, the proportion of each item of data to be displayed and the corresponding display area, including:

[0092] The bars in the bar chart are arranged in each display area according to the preset arrangement order;

[0093] Each display area is rendered, and the proportion and data name corresponding to each display area are marked to obtain a bar chart, in which two adjacent display areas are rendered in different colors.

[0094] In an embodiment of the present application, data is arranged by a preset arrangement order so that the data display has a certain logical order. The preset arrangement order can be sorted by size, time or category. It is convenient to understand the relationship and hierarchy between data more intuitively. The clear arrangement order helps users quickly find the data they are concerned about. Render each display area and mark its proportion and data name so that each data item can be clearly displayed. It is convenient to quickly understand the meaning of each display area and its relative proportion in the overall data, reducing the time cost of information search and understanding. The use of different colors to distinguish adjacent display areas can effectively avoid data overlap and visual fatigue, and enhance the readability of the chart. The use of different colors can help users segment and compare data more conveniently. After the display area of ​​the column is rendered and the proportion and data name are marked, a bar chart can be obtained.

[0095] In one embodiment of the present application, the proportion and data name corresponding to each display area are indicated, including:

[0096] For each data to be displayed, execute:

[0097] When the number of characters in the data name of the data to be displayed is greater than the preset number of characters, the data name of the data to be displayed is adjusted according to the preset name display text, and the corresponding proportion of each display area and the adjusted data name are marked;

[0098] After displaying the generated bar chart, it further includes:

[0099] When receiving the user triggering the data name, the data name of the data to be displayed before adjustment is displayed.

[0100] In the embodiment of the present application, a data name that is too long will cause the interface to be crowded and difficult to read. Through appropriate adjustment, the data name is made more concise, which improves the readability and user experience of the bar graph. The concise name is convenient for users to quickly browse and understand information and reduce reading difficulties. Therefore, when the data name is too long, the data name is adjusted according to the preset name display text. For example, the requirement of the preset name display text is to only display the first 4 words, then the data name that is greater than 4 words is modified to display its first 4 words. Although the adjusted data name is shorter, it can be displayed by user triggering (such as mouse hovering or clicking) to ensure the integrity and accuracy of information transmission. This interactive display keeps it concise when browsing for the first time, and provides detailed information when the user needs it, taking into account information density control and user needs.

[0101] In one embodiment of the present application, after displaying the generated bar graph, the method further includes:

[0102] Generate a display instruction according to a trigger operation initiated by the user on a target display area in the bar chart;

[0103] In response to the display instruction, graphic information corresponding to the target display area is displayed, wherein the graphic information includes data information generated by the data to be displayed corresponding to the target display area according to the preset interactive text, and / or the target display area is rendered using a high-saturation color, wherein the high-saturation color has a higher saturation than the current color of the target display area and / or the high-saturation color is different from the current color of the target display area.

[0104] In an embodiment of the present application, a user performs a trigger operation on a target display area in a bar chart, such as hovering, clicking, and other interactive operations. A display instruction is generated based on the trigger operation, and an immediate response is given to display detailed graphical information in the target display area. This instant feedback enhances the user's interactive experience and makes the data exploration process more intuitive and smooth. Highly saturated colors can enhance and guide the user's gaze to the current display area, enhance the visual appeal of the bar chart, and help the user quickly locate the data that needs attention, thereby improving the focus and efficiency during the data analysis process. For the target display area that the user is concerned about, detailed data information generated according to the preset interactive text is displayed, so that the user can obtain detailed information that was originally simplified and hidden, ensuring that the user obtains a full and accurate interpretation of the data.

[0105] In an embodiment of the present application, determining at least one item of data to be displayed includes:

[0106] When receiving instruction information for obtaining data at a fixed time, determining whether the interface for calling the data can obtain at least one item of data according to the time point in the instruction information, wherein at least one item of data is not a null value;

[0107] If at least one item of data can be obtained, the obtained data will be used as the data to be displayed;

[0108] If at least one item of data cannot be obtained, a preset view is displayed, wherein the preset view includes: a null value view for prompting that data has not been obtained, or a default value view for displaying the proportion of at least one preset value.

[0109] In an embodiment of the present application, when periodically acquiring data, it will automatically check whether the data interface can provide at least one valid data, that is, the data is not null, which ensures that only valid data will be used for display. If the interface data is empty or invalid, it will switch to the preset view in time to avoid displaying error information or invalid data to the user, thereby improving the accuracy and reliability of data display. When valid data is not obtained, the system will display the preset view in time, feedback the reason why the data cannot be obtained to the user, or provide a default value view, so that the user can also get timely and useful information feedback when data acquisition fails.

[0110] In an embodiment of the present application, determining the proportion of each item of data to be displayed in each item of data to be displayed includes:

[0111] Determine the data size of each item of data to be displayed;

[0112] Calculate the total size of each item of data to be displayed;

[0113] Calculate the ratio of the data size of each item of data to be displayed to the total;

[0114] Process the comparison value according to the preset data value acquisition method;

[0115] The ratio after processing is taken as the proportion;

[0116] In the embodiment of the present application, the data size of each item of data to be displayed is first determined, and then the data to be displayed are summed up, and then the ratio of the data size to the sum is calculated, and finally the arrangement is processed according to the preset data value method, so as to obtain the proportion of each item of data to be displayed in all the data to be displayed.

[0117] The preset data value selection method can be rounding, retaining 2, 3 or 4 significant decimal places.

[0118] In one embodiment of the present application, the display mode of the bars in the bar graph is horizontal display or vertical display;

[0119] When the display mode of the column is horizontal display, each display area is arranged in sequence in the horizontal direction in the column;

[0120] When the display mode of the column is vertical display, each display area is arranged in sequence in the column in a direction perpendicular to the horizontal direction.

[0121] In the embodiment of the present application, the column can be displayed horizontally or vertically. The horizontal display is displayed in a horizontal direction, and the vertical display is displayed in a direction perpendicular to the horizontal direction.

[0122] In a horizontally displayed column, each display area is arranged horizontally, and the data name and proportion corresponding to each display area can be marked in the display area, or the data name and the proportion can be marked at the same time above or below the display area; or the data name is marked above the display area and the proportion is marked below the display area; or, the data name is marked below the display area and the proportion is marked above the display area.

[0123] In addition, in the vertically displayed column, each display area is arranged vertically, and the data name and the proportion corresponding to each display area can be marked in the display area, or the data name and the proportion can be marked on the left or right side of the display area at the same time; or, the data name is marked on the left side of the display area and the proportion is marked on the right side of the display area; or, the data name is marked on the right side of the display area and the proportion is marked on the left side of the display area.

[0124] In one embodiment of the present application, the display effects of each display area in the bar graph include: any one of a sliding effect, a fade-in effect and a no animation effect, wherein the sliding effect includes each display area sliding from one side of the bar graph into the display area of ​​the column in the bar graph, the fade-in effect includes the color of each display area in the display area of ​​the column in the bar graph changing from a transparent color to a rendered color, and the no animation effect includes displaying each rendered display area in the display area of ​​the column in the bar graph.

[0125] In the embodiment of the present application, data is displayed through a sliding effect, and each display area will come into view one by one, which can give the user a feeling of data progression layer by layer, increase the layering of the bar chart, and make it more orderly and organized.

[0126] When the bar chart is displayed horizontally, the display effect of each display area can be sliding from left to right or from right to left until the display area of ​​the column is covered, or the color of each display area can be changed from transparent color to rendered color, or the rendered display area can be directly displayed in the bar chart.

[0127] When the bar chart is displayed vertically, the display effect of each display area can be sliding from bottom to top or from top to bottom into the display area of ​​the column, or the rendering color of each display area can be changed from transparent to the rendered color, or each display area can be displayed in the bar chart without any animation effect.

[0128] In an embodiment of the present application, the data includes at least one of: numerical value, sound, image and video.

[0129] like Figure 2 In order to more clearly illustrate the technical solution and advantages of the present application, a data display method provided in an embodiment of the present application is described in detail below, which may specifically include the following steps:

[0130] Step 201: upon receiving instruction information for periodically acquiring data, determining whether an interface for calling data can acquire at least one item of data according to the time point in the instruction information.

[0131] Specifically, users can customize the quality of data acquisition according to their needs. The number of interface calls can be optimized by determining the time point, so that at least one valid data can be obtained for each call. Reasonable arrangement of call time points ensures that the data of each call can be effectively used and invalid calls can be avoided.

[0132] Step 202: If at least one item of data can be obtained, the obtained data is used as the data to be displayed.

[0133] Specifically, the acquired data may be at least one of numerical values, sounds, images or videos.

[0134] In the case where at least one item of data cannot be obtained, a preset view is displayed, and the preset view package can be a null value view for prompting that data has not been obtained, or a default value view for displaying the proportion of at least one preset value.

[0135] Displaying a null value view can prevent users from seeing a blank page, improving the smoothness of the user experience. In addition, a null value view can clearly inform users of the current state of no data, while guiding users to understand the situation, rather than letting users guess whether it is a system failure. When displaying business indicators, even if the data cannot be obtained, displaying the default value view can keep the page structure and layout intact. In the absence of actual data, the default value view provides a reference point for business decisions, thereby avoiding a complete loss of reference basis.

[0136] Step 203: Calculate the proportion of each item of data to be displayed in all items of data to be displayed.

[0137] Specifically, by calculating the data size of each item of data to be displayed, and then calculating the sum of the data sizes of each item of data to be displayed, and then calculating the ratio of the data size of each item of data to be displayed to the sum, the comparison value is processed according to the preset data value method; the processed ratio is the proportion.

[0138] Step 204: Determine the minimum weight among the weights.

[0139] Specifically, if the number of data items is greater than 1, determine the minimum proportion of the proportions of the other items. It is understandable that there may be multiple data items with the same proportion, and the multiple same proportions have the smallest values ​​among all the proportions, then these proportions are the minimum proportions. For example, the proportions are 60%, 20%, 10%, and 10%, respectively, and the two 10% are the minimum proportions that are not greater than the other proportions.

[0140] In the case where the number of items of data to be displayed is equal to 1, since there is only one item of data to be displayed, the proportion of the data to be displayed is the minimum proportion.

[0141] Step 205 : Determine whether the minimum proportion is less than a preset proportion threshold corresponding to the current page. If so, execute step 206 ; otherwise, execute step 210 .

[0142] Specifically, in order to enable pages of different sizes to clearly display the data to be displayed, pages of different sizes have different corresponding weight thresholds, which are values ​​determined according to different page design requirements. The weight threshold can optimize the display effect of the display area in the column, and will not cause the display area to be compressed to the point where it cannot be displayed. Therefore, by comparing the minimum proportion with the weight threshold corresponding to the current page, it can be determined that it needs to be adjusted to at least meet the page weight threshold.

[0143] For example, a weight threshold of 0.05 (5%) is set for the current page, which means that the weight of any data to be displayed on the current page cannot be less than 5%.

[0144] Step 206: Use the preset minimum display area in the body of the current page as the display area of ​​the to-be-displayed data corresponding to the minimum proportion, and execute step 207.

[0145] Specifically, determining and applying the minimum display area can effectively improve the readability of data display. Users can see the data to be displayed in the column more clearly.

[0146] Step 207: Determine whether the number of the minimum display area is less than the preset limit value corresponding to the current page. If so, execute step 208; otherwise, execute step 209.

[0147] Step 208: For each item of data to be displayed except the data to be displayed corresponding to the smallest proportion, the remaining area after deducting the minimum display area from the display area of ​​the column is used as the display area of ​​the column, and step 210 is executed.

[0148] Specifically, after the data items with larger data to be displayed occupy most of the display space of the column, in order to avoid the situation where the data with smaller data to be displayed cannot be displayed or visual congestion, on the premise of ensuring that the minimum data to be displayed can be clearly displayed, the remaining area of ​​the column is reasonably allocated to other data to be displayed, which can optimize the aesthetics of the data display.

[0149] Step 209: In the display area of ​​the column, according to the proportion of each item of data to be displayed except the data to be displayed corresponding to the minimum display area, the corresponding display area is divided, and each divided display area and the minimum display area are used as the content displayed in the column. Execute step 211.

[0150] Specifically, when there are too many minimum display areas, since the minimum display area is larger than the actual display area corresponding to the proportion, in order to ensure that all data to be displayed can be displayed clearly and beautifully, the display area is divided according to the proportion of each data to be displayed except the data to be displayed corresponding to the minimum display area in the display area of ​​the column. Then, the divided display area and each minimum display area are used as the content of the display, and are scrolled and presented in the column. This column chart display method can ensure the existence of the minimum display area and reasonably allocate the remaining display area in proportion, making the data display more comprehensive, clear and beautiful.

[0151] Step 210: For each item of data to be displayed, divide the display area of ​​the column into corresponding display areas according to the corresponding proportions.

[0152] Specifically, by dividing the display area according to the proportion of the corresponding data, the display effect of the bar chart can be fully optimized. This method not only highlights the relative importance of the data, but also enhances the readability and aesthetics of the bar chart.

[0153] Step 211: Arrange the display areas in the column according to a preset arrangement order.

[0154] Specifically, the arrangement of each display area can be sorted according to the needs, for example, by the proportion, time or category of the data to be displayed. The preset arrangement order can ensure that the display of data always follows a certain logic or rule. The randomness of the order of the data to be displayed is reduced, making the bar chart look more orderly and avoiding confusion.

[0155] Step 212: Render each display area. When the number of characters in the data name of the data to be displayed is greater than the preset number of characters, adjust the data name of the data to be displayed according to the preset name display text, mark the corresponding proportion of each display area and the adjusted data name, and obtain a bar chart.

[0156] Specifically, the bar chart consists of a display area rendered in the bar, a marked proportion and a data name.

[0157] Rendering each display area helps to distinguish the information of different data to be displayed. Marking the corresponding proportion and data name of each display area allows users to clearly know the specific content of each data to be displayed, eliminating ambiguity in understanding and allowing users to see the relative importance of the data at a glance.

[0158] For different data to be displayed, the number of characters in the name may be relatively long. Due to page limitations, sometimes the data name cannot be fully displayed. When the data name is too long, the number of characters or the name content of the data name will be adjusted according to the preset name display text, and then the adjusted data name and proportion will be marked.

[0159] The adjustment of the data name can be to adjust the number of words or to abbreviate the data name. For example, a specific number of words, a specific position, or a specific abbreviation in the data name can be used as the data name. For example, the number of patent applications filed by Zhang in 2023 can be adjusted to "the number of patent applications filed by Zhang" or "Zhang's 2023 patents" or "Zhang's 2023 patent applications".

[0160] The display direction of the column can be horizontal display or vertical display. In a horizontally displayed column, each display area is arranged horizontally, and the data name and proportion corresponding to each display area can be marked in the display area, or the data name and proportion can be marked at the same time above or below the display area; or the data name is marked above the display area and the proportion is marked below the display area; or the data name is marked below the display area and the proportion is marked above the display area. In addition, in a vertically displayed column, each display area is arranged vertically, and the data name and proportion corresponding to each display area can be marked in the display area, or the data name and proportion can be marked at the same time on the left or right side of the display area; or the data name is marked on the left side of the display area and the proportion is marked on the right side of the display area; or the data name is marked on the right side of the display area and the proportion is marked on the left side of the display area.

[0161] When the display mode of the column is horizontal display, each display area is arranged in sequence in the horizontal direction in the column;

[0162] When the display mode of the column is vertical display, each display area is arranged in sequence in the column in a direction perpendicular to the horizontal direction.

[0163] It should be noted that each display area may be rendered in a low-saturation color or a high-saturation color. In order to distinguish different display areas, two adjacent display areas are rendered in different colors.

[0164] Step 213: Display the generated bar chart.

[0165] Specifically, there are two ways to display a bar chart. The first is that all the data to be displayed can be fully displayed in the column. The second is that because the number of minimum display areas is greater than or equal to the preset limit value set on the current page, the total area of ​​the minimum display area and the display areas of other data to be displayed except the sentence to be displayed corresponding to the minimum display area is greater than the area of ​​the column display area. Therefore, all the minimum display areas and the display areas of other data to be displayed need to be scrolled within the display area of ​​the column.

[0166] For the first case, the cylinder can be displayed directly.

[0167] In the second case, in the display area of ​​the column, each minimum display area and each divided display area are scrolled and displayed.

[0168] The display effect of each display area of ​​the column can be any one of the following: sliding effect, fade-in effect and no animation effect. The sliding effect includes each display area sliding into the display area of ​​the column from one side of the column, the fade-in effect includes the color of each display area in the display area of ​​the column changing from transparent color to rendered color, and the no animation effect includes displaying each rendered display area in the display area of ​​the column.

[0169] Specifically, when a user triggers a data name, the data name before the adjustment of the data to be displayed is displayed. This allows users to understand the status of the data to be displayed before and after the adjustment to avoid misleading or doubting. The adjusted data is more conducive to display, but the original data name is helpful for users to understand detailed information.

[0170] Specifically, when a user triggers a target display area in a bar chart, for example, by clicking or hovering the mouse, a display instruction for the target display area will be generated, and based on the display instruction, relevant graphic information will be immediately displayed. The graphic information includes: generating data information corresponding to the target display area according to a preset interactive text for the data to be displayed, and / or using a high-saturation color to render the target display area when the user touches it, wherein the high-saturation color is higher than the saturation of the current color of the target display area and / or the high-saturation color is different from the current color of the target display area. The graphic information can make users feel that their operations have been responded to in a timely manner, enhancing interactivity. High-saturation colors can significantly distinguish the target display area visually, making it more prominent and attracting user attention.

[0171] Figure 3 A horizontally displayed bar graph is shown. Figure 4 A vertically displayed bar graph is shown.

[0172] like Figure 5 As shown, the present application provides a data display device, comprising:

[0173] A data management module 501 is used to determine at least one data to be displayed;

[0174] The proportion management module 502 is used to determine the proportion of each item of data to be displayed determined by the data management module 501 in the items of data to be displayed; determine the minimum proportion among the proportions, wherein the minimum proportion is not greater than the proportions of other items;

[0175] The area management module 503 is used to determine the display area of ​​each item of data to be displayed in the bar chart based on the minimum proportion determined by the proportion management module 502;

[0176] The view processing module 504 is used to generate a bar chart based on the proportions and corresponding display areas of each item of data to be displayed determined by the area management module 503, wherein the display area corresponding to each item of data to be displayed covers the display area of ​​the column;

[0177] The view display module 505 is used to display the bar chart generated by the view processing module 504 .

[0178] The embodiment of the present application provides a schematic diagram of the structure of an electronic device, and the specific embodiment of the present application does not limit the specific implementation of the electronic device.

[0179] The electronic device may include: a processor, a communication interface, a memory, and a communication bus.

[0180] The processor, the communication interface, and the memory communicate with each other via a communication bus.

[0181] Communication interface, used to communicate with other electronic devices or servers.

[0182] The processor is used to execute the program, and specifically can execute the relevant steps in the above method embodiment.

[0183] Specifically, the program may include program codes including computer operation instructions.

[0184] The processor may be a CPU, a GPU (Graphic Processing Unit), an ASIC (Application Specific Integrated Circuit), or one or more integrated circuits configured to implement the embodiments of the present application. The one or more processors included in the smart device may be processors of the same type, such as one or more CPUs; or may be processors of different types, such as one or more CPUs and one or more ASICs.

[0185] The memory is used to store programs. The memory may include a high-speed RAM memory, and may also include a non-volatile memory (non-volatile memory), such as at least one disk memory.

[0186] The program may include multiple computer instructions. Specifically, the program may enable a processor to execute operations corresponding to the method described in any of the aforementioned method embodiments through the multiple computer instructions.

[0187] The specific implementation of each step in the program can refer to the corresponding description of the corresponding steps and units in the above method embodiment, and has corresponding beneficial effects, which will not be repeated here. The technicians in the relevant field can clearly understand that for the convenience and simplicity of description, the specific working process of the above-described devices and modules can refer to the corresponding process description in the above method embodiment, which will not be repeated here.

[0188] The present application also provides a computer storage medium on which a computer program is stored, and when the program is executed by a processor, the method described in any of the above-mentioned method embodiments is implemented. The computer storage medium includes, but is not limited to, a compact disc read-only memory (CD-ROM), a random access memory (RAM), a floppy disk, a hard disk, or a magneto-optical disk.

[0189] An embodiment of the present application also provides a computer program product, including computer instructions, which instruct a computing device to execute operations corresponding to any one of the above-mentioned multiple method embodiments.

[0190] In addition, it should be noted that the user-related information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to sample data used to train the model, data used for analysis, stored data, displayed data, etc.) involved in the embodiments of the present application are all information and data authorized by the user or fully authorized by all parties, and the collection, use and processing of relevant data need to comply with the relevant laws, regulations and standards of the relevant countries and regions, and provide corresponding operation entrances for users to choose to authorize or refuse.

[0191] It should be pointed out that, according to the needs of implementation, the various components / steps described in the embodiments of the present application can be split into more components / steps, or two or more components / steps or partial operations of components / steps can be combined into new components / steps to achieve the purpose of the embodiments of the present application.

[0192] The above-mentioned method according to the embodiment of the present application can be implemented in hardware, firmware, or implemented as software or computer code that can be stored in a recording medium (such as a CD-ROM, RAM, floppy disk, hard disk or magneto-optical disk), or implemented as a computer code originally stored in a remote recording medium or a non-temporary machine-readable medium downloaded through a network and to be stored in a local recording medium, so that the method described herein can be stored in such software processing on a recording medium using a general-purpose computer, a dedicated processor or programmable or dedicated hardware (such as an application-specific integrated circuit (ASIC) or a field-programmable gate array (FPGA)). It can be understood that a computer, a processor, a microprocessor controller or programmable hardware includes a storage component (e.g., a random access memory (RAM), a read-only memory (ROM), a flash memory, etc.) that can store or receive software or computer code, and when the software or computer code is accessed and executed by a computer, a processor or hardware, the method described herein is implemented. In addition, when a general-purpose computer accesses the code for implementing the method shown here, the execution of the code converts the general-purpose computer into a dedicated computer for executing the method shown here.

[0193] Those of ordinary skill in the art will appreciate that the units and method steps of each example described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are performed in hardware or software depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for specific applications, but such implementation should not be considered to be beyond the scope of the embodiments of the present application.

[0194] The above implementation methods are only used to illustrate the embodiments of the present application, and are not limitations on the embodiments of the present application. Ordinary technicians in the relevant technical field can make various changes and modifications without departing from the spirit and scope of the embodiments of the present application. Therefore, all equivalent technical solutions also belong to the scope of the embodiments of the present application. The scope of patent protection of the embodiments of the present application should be limited by the claims.

Claims

1. A data display method, characterized in that: include: Determine at least one item of data to be displayed; Determine the proportion of each item of the to-be-displayed data in the various items of the to-be-displayed data; Determine the minimum proportion among the proportions, wherein the minimum proportion is not greater than the proportions of the other proportions; Based on the minimum proportion, determining a display area of ​​each item of the to-be-displayed data in a column; Generate a bar graph based on the column, the proportions corresponding to each item of the data to be displayed, and the corresponding display areas, wherein the display areas corresponding to each item of the data to be displayed cover the display area of ​​the column; Display the generated bar chart.

2. The method according to claim 1, characterized in that The step of determining a display area of ​​each item of the to-be-displayed data in a column based on the minimum proportion includes: A1: Determine whether the minimum proportion is less than a preset proportion threshold corresponding to the current page. If so, execute A2; otherwise, execute A4; A2: using the preset minimum display area in the column of the current page as the display area of ​​the to-be-displayed data corresponding to the minimum proportion, wherein the minimum display area is larger than the display area actually corresponding to the minimum proportion, and executing A3; A3: For each item of data to be displayed except the data to be displayed corresponding to the minimum proportion, the remaining area of ​​the display area of ​​the column after deducting the minimum display area is used as the display area of ​​the column, and step A4 is executed; A4: For each item of the data to be displayed, a corresponding display area is divided in the display area of ​​the column according to the corresponding proportion.

3. The method according to claim 2, characterized in that After A2 and before A3, further comprising: When the number of the minimum display area is not less than the preset limit value corresponding to the current page, In the display area of ​​the column, according to the proportion of each item of the data to be displayed except the data to be displayed corresponding to the minimum display area, a corresponding display area is divided, and each divided display area and the minimum display area are used as the content displayed in the column, and the column, the proportion corresponding to each item of the data to be displayed and the corresponding display area are executed to generate a bar chart; The generated bar chart includes: In the display area of ​​the column, each of the minimum display areas and each divided display area is scrolled and displayed, wherein the total length of each divided display area and each minimum display area is greater than the length of the display area of ​​the column.

4. The method according to claim 1, characterized in that: The generating a bar chart based on the column, the proportion of each item of the to-be-displayed data and the corresponding display area includes: Arranging the display areas in the column according to a preset arrangement order; Each of the display areas is rendered, and the proportion and data name corresponding to each of the display areas are marked to obtain a bar graph, wherein two adjacent display areas are rendered in different colors.

5. The method according to claim 4, characterized in that The marking indicates the proportion and data name corresponding to each display area, including: For each of the data to be displayed, execute: When the number of characters in the data name of the data to be displayed is greater than the preset number of characters, the data name of the data to be displayed is adjusted according to the preset name display text, and the corresponding proportion of each display area and the adjusted data name are marked; After the generated bar graph is displayed, the method further comprises: When receiving the user triggering the data name, the data name of the data to be displayed before adjustment is displayed.

6. The method according to claim 1, characterized in that After displaying the generated bar chart, the method further includes: Generate a display instruction according to a trigger operation initiated by the user on a target display area in the bar chart; In response to the display instruction, graphic information corresponding to the target display area is displayed, wherein the graphic information includes data information generated by the data to be displayed corresponding to the target display area according to a preset interactive text, and / or the target display area is rendered using a high-saturation color, wherein the high-saturation color has a higher saturation than the current color of the target display area and / or the high-saturation color is different from the current color of the target display area.

7. The method according to any one of claims 1 to 6, characterized in that: The determining at least one item of data to be displayed includes: When receiving instruction information for obtaining data at a fixed time, determining whether the interface for calling data can obtain at least one item of data according to the time point in the instruction information, wherein the at least one item of data is not a null value; If the at least one item of data can be obtained, the obtained data is used as the data to be displayed; If the at least one item of data cannot be obtained, a preset view is displayed, wherein the preset view includes: a null value view for indicating that the data has not been obtained, or a default value view for displaying the proportion of at least one preset value; and / or, The determining the proportion of each item of the to-be-displayed data in each item of the to-be-displayed data includes: Determine the data size of each item of data to be displayed; Calculate the total size of each item of data to be displayed; Calculating the ratio of the data size of each item of the data to be displayed to the total; Process the comparison value according to the preset data value acquisition method; The ratio after processing is taken as the proportion; and / or, The display mode of the bars in the bar graph is horizontal display or vertical display; When the display mode of the column is horizontal display, each of the display areas is arranged in sequence in the horizontal direction in the column; When the display mode of the column is vertical display, each of the display areas is arranged in sequence in the column in a direction perpendicular to the horizontal direction; and / or, The display effect of each display area in the bar graph includes: any one of a sliding effect, a fade-in effect and a non-animation effect, wherein the sliding effect includes each display area sliding from one side of the bar graph into the display area of ​​the column in the bar graph, the fade-in effect includes the color of each display area in the display area of ​​the column in the bar graph changing from a transparent color to a rendered color, and the non-animation effect includes displaying each rendered display area in the display area of ​​the column in the bar graph; and / or, The data to be displayed includes at least one of numerical values, sounds, images and videos.

8. A data display device, characterized in that: include: A data management module, used for determining at least one data to be displayed; A proportion management module, used to determine the proportion of each of the to-be-displayed data determined by the data management module in the various to-be-displayed data; and determine the minimum proportion among the various proportions, wherein the minimum proportion is not greater than the proportions of the other various proportions; An area management module, used for determining a display area of ​​each item of the to-be-displayed data in the bar chart based on the minimum proportion determined by the proportion management module; A view processing module, configured to generate a bar graph based on the proportions and corresponding display areas corresponding to each item of the data to be displayed determined by the area management module, wherein the display area corresponding to each item of the data to be displayed covers the display area of ​​the column; The view display module is used to display the bar chart generated by the view processing module.

9. A computer program product comprising a computer program / instructions, wherein: When the computer program / instructions are executed by a processor, the method steps of any one of claims 1 to 7 are implemented.

10. A computer storage medium having a computer program stored thereon, wherein when the program is executed by a processor, the method according to any one of claims 1 to 7 is implemented.

Images