A data display method and device, electronic equipment and storage medium

Abstract

Embodiments of the present disclosure disclose a data display method and device, electronic equipment and storage medium, wherein the method comprises: in response to a display instruction of target display data, determining each candidate position in a display area according to a preset display mode, and determining a reference position in the display area according to the preset display mode and the position of the current display data in the display area; determining the degree value of each candidate position according to the distance between each candidate position and the reference position; determining the target position from each candidate position according to the degree value, and displaying the target display data according to the target position. By determining the corresponding candidate position and reference position in the display area according to different preset display modes, and determining the degree value of the candidate position based on the distance from the reference position, and determining the target position with better display effect under the preset display mode according to the degree value, the display mode can be enriched to meet the diversified display needs of users.

Description

Technical Field

[0001] This disclosure relates to the field of computer technology, and in particular to a data display method, apparatus, electronic device, and storage medium. Background Technology

[0002] In existing technologies, some applications (Apps) can display interactive data on the interface to enhance the interactive experience. However, existing interactive data is typically displayed as scrolling bullet comments, a relatively simplistic approach that fails to meet the diverse display needs of users. Summary of the Invention

[0003] This disclosure provides a data display method, apparatus, electronic device, and storage medium, which can enrich display methods and meet the diverse display needs of users.

[0004] In a first aspect, embodiments of this disclosure provide a data display method, including:

[0005] In response to the display instruction of the target display data, each candidate position in the display area is determined according to the preset display mode, and the reference position in the display area is determined according to the preset display mode and the position of the currently displayed data in the display area;

[0006] The merit value of each candidate position is determined based on the distance between each candidate position and the reference position.

[0007] The target position is determined from the candidate positions based on the excellence value, and the target display data is displayed based on the target position.

[0008] Secondly, this disclosure also provides a data display device, including:

[0009] The position determination module is used to respond to the display instruction of the target display data, determine each candidate position in the display area according to the preset display mode, and determine the reference position in the display area according to the preset display mode and the position of the currently displayed data in the display area;

[0010] The excellence value determination module is used to determine the excellence value of each candidate position based on the distance between each candidate position and the reference position;

[0011] The display module is used to determine the target position from the candidate positions based on the excellence value, and display the target display data based on the target position.

[0012] Thirdly, embodiments of this disclosure also provide an electronic device, the electronic device comprising:

[0013] One or more processors;

[0014] Storage device for storing one or more programs.

[0015] When the one or more programs are executed by the one or more processors, the one or more processors implement the data display method as described in any of the embodiments of this disclosure.

[0016] Fourthly, embodiments of this disclosure also provide a storage medium containing computer-executable instructions, which, when executed by a computer processor, are used to perform the data display method as described in any of the embodiments of this disclosure.

[0017] The technical solution of this disclosure embodiment responds to the display instruction of the target display data, determines each candidate position in the display area according to the preset display mode, and determines the reference position in the display area according to the preset display mode and the position of the currently displayed data in the display area; determines the excellence value of each candidate position according to the distance between each candidate position and the reference position; determines the target position from each candidate position according to the excellence value, and displays the target display data according to the target position.

[0018] By determining corresponding candidate and reference positions within the display area according to different preset display modes, and calculating the candidate position's superiority value based on its distance from the reference position, the target position with the best display effect under that preset display mode is determined based on the superiority value. This enriches the display methods and meets diverse user display needs. Furthermore, by determining the superiority value of the candidate position when the target display data needs to be displayed, the target position can be determined using lazy loading, reducing resource consumption. Attached Figure Description

[0019] The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. Throughout the drawings, the same or similar reference numerals denote the same or similar elements. It should be understood that the drawings are schematic, and the originals and elements are not necessarily drawn to scale.

[0020] Figure 1 This is a flowchart illustrating a data display method provided in Embodiment 1 of this disclosure;

[0021] Figure 2 This is a schematic diagram of an interface in a data display method provided in Embodiment 1 of this disclosure;

[0022] Figure 3 This is a flowchart illustrating a data display method provided in Embodiment 2 of this disclosure;

[0023] Figure 4This is a schematic diagram of a two-dimensional array in a data display method provided in Embodiment 3 of this disclosure;

[0024] Figure 5 This is a schematic diagram of the structure of a data display device provided in Embodiment 4 of this disclosure;

[0025] Figure 6 This is a schematic diagram of the structure of an electronic device provided in Embodiment 5 of this disclosure. Detailed Implementation

[0026] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.

[0027] It should be understood that the steps described in the method embodiments of this disclosure may be performed in different orders and / or in parallel. Furthermore, the method embodiments may include additional steps and / or omit the steps shown. The scope of this disclosure is not limited in this respect.

[0028] The term "comprising" and its variations as used herein are open-ended inclusions, meaning "including but not limited to". The term "based on" means "at least partially based on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Definitions of other terms will be given in the description below.

[0029] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are used only to distinguish different devices, modules or units, and are not used to limit the order of functions performed by these devices, modules or units or their interdependencies.

[0030] It should be noted that the terms "a" and "a plurality of" used in this disclosure are illustrative rather than restrictive, and those skilled in the art should understand that, unless otherwise expressly indicated in the context, they should be understood as "one or more".

[0031] Example 1

[0032] Figure 1This is a flowchart illustrating a data display method provided in Embodiment 1 of this disclosure. This embodiment is applicable to situations where data is displayed on an interface, such as displaying interactive data on a client interface. The method can be executed by a data display device, which can be implemented in software and / or hardware. The data display device can be integrated into the client and can be installed in an electronic device along with the client, such as a mobile phone or computer.

[0033] like Figure 1 As shown, the data display method provided in this embodiment may include:

[0034] S110. In response to the display instruction of the target display data, determine each candidate position in the display area according to the preset display mode, and determine the reference position in the display area according to the preset display mode and the position of the currently displayed data in the display area.

[0035] The embodiments disclosed herein may relate to the following multi-client interaction scenarios:

[0036] At least two clients establishing a communication connection can form a communication range. Any client within the communication range can send a request to the backend server to retrieve data to be played (such as audio and video data). The server can respond to the request and distribute the data to be played to each client within the communication range. Each client can then play the data synchronously, thus meeting the needs of multiple people watching audio and video online together.

[0037] During synchronized playback, any client within the communication range can send interactive data (such as text, images, and emoticons) to the server to interact with the playback content and / or other clients, such as sending bullet comments while watching a video. The server can then distribute the received interactive data to all clients within the communication range. Each client can display the interactive data received from the server during synchronized playback, thereby creating a lively and engaging interactive atmosphere and enhancing the synchronized viewing experience.

[0038] The client within the communication range can be a client integrated with the data display device provided in this embodiment. The target display data can be interactive data in an interactive scenario. The client can generate a display instruction for displaying the interactive data when sending or receiving it; that is, the display instruction can be generated based on sending or receiving the target display data. The target display data currently being displayed in the display area can be referred to as the current display data.

[0039] The client can pre-define a display mode setting interface to receive user input setting instructions, thereby enabling the pre-setting of the display mode and obtaining a preset display mode. The preset display mode can include at least one attribute field, and the attribute field can include, but is not limited to, display-related fields such as distribution and effects. The display area can be considered as a valid area that can be used to display the target display data. The candidate position can be considered as the pixel coordinates of candidate points in the display area used to display the target display data; the position of the currently displayed data can include the pixel coordinates occupied by the data currently being displayed in the display area; the reference position can be considered as the pixel coordinates in the display area used to evaluate the merits of each candidate position.

[0040] Due to differences in interface size and UI element sizes among clients, the display area may vary. Furthermore, different clients may have different preferred display modes, resulting in different candidate and reference positions. After generating a display command, the client can respond by determining the corresponding candidate position from its own display area based on its preset display mode, and determining the corresponding reference position based on its preset display mode and the position of the currently displayed data.

[0041] Generally, the more candidate locations identified, the better the display effect of the target location, but the lower the efficiency of determining the target location. To balance the display effect and the efficiency of target location determination, a better number of candidate locations can be determined through pre-experimentation. For example, an experimental model K+n*k1 can be constructed first; then K and k1 can be set based on experience; then the value of n can be adjusted in each round of experimentation, and the balance can be recorded; finally, after a preset number of rounds of experimentation, the n value with the best balance can be used as the number of candidate locations determined in the data display method.

[0042] S120. Determine the merit value of each candidate position based on the distance between each candidate position and the reference position.

[0043] Since candidate and reference positions can be pixel coordinates, the distance between each candidate and reference position can be determined by calculating the distance between pixel coordinates (e.g., Euclidean distance or Manhattan distance). Specifically, this can include: traversing each candidate position, calculating the distance between the current candidate position and each reference position; determining the final distance between the current candidate and reference positions based on these distances, and using this final distance as the final distance between the current candidate and reference positions; and so on until all traversals are completed, thus obtaining the distance between each candidate and reference position.

[0044] Before implementing the data visualization method, the correspondence between distance and superiority value can be pre-defined. For example, a table showing the correspondence between distance range and superiority value can be pre-defined, or a mathematical formula representing the correspondence between distance and superiority value can be pre-constructed, or a machine learning model that can predict the correspondence between distance and superiority value can be pre-trained, etc., which will not be exhaustive here.

[0045] Accordingly, when determining the merit value of each candidate position, the merit value of each candidate position can be determined according to the pre-set correspondence between distance and merit value when the distance between each candidate position and the reference position is determined; or the merit value of each candidate position can be determined uniformly according to the pre-set correspondence between distance and merit value after the distance between each candidate position and the reference position is determined.

[0046] S130. Determine the target position from each candidate position based on the excellence value, and display the target display data based on the target position.

[0047] After determining the merit values ​​of each candidate position, the candidate position with the highest merit value can be selected as the target position. Furthermore, the rendering parameters for the target display data can be set based on the target position, so that the target display data is rendered and displayed according to these parameters.

[0048] In practice, there are situations where the client receives display instructions for multiple target data consecutively. In this case, the client can determine the target position of the corresponding target data one by one according to the timing of the display instructions and display it. In addition, when the display duration of the target data reaches the preset duration, the display can be canceled to avoid the excessive display of target data from obscuring the playback of the data to be played, which can further improve the viewing experience.

[0049] In this embodiment, each client determines corresponding candidate and reference positions within its respective display area according to its preset display mode. A merit value is then determined based on the distance to the reference position, and the target position with the best display effect under the preset display mode is determined based on the merit value. This enriches the display methods and meets diverse user display needs. Furthermore, by determining the candidate position and calculating the merit value only when the target display data needs to be displayed, a lazy loading method for determining the target position can be achieved, reducing resource consumption.

[0050] In some optional implementations, the display interface to which the display area belongs may also include a deployment area for preset interface elements; the display area is determined based on the deployment area, which is determined by the attributes of the preset interface elements.

[0051] In these optional implementations, interface elements can be considered as the UI elements mentioned above. To avoid the display area blocking the triggering of functional controls and the display of communication screens, the client can determine the deployment area of ​​UI elements based on the attributes of existing UI elements on the interface (including but not limited to element size, area, shape, and / or effects). Furthermore, the effective area for displaying target data can be dynamically adjusted based on the deployment area of ​​UI elements, i.e., the display area can be dynamically determined. For example, the client can use the area remaining after removing the deployment area of ​​interface elements from the interface area as the display area.

[0052] For example, Figure 2 This is a schematic diagram of the interface in a data display method provided in Embodiment 1 of this disclosure.

[0053] Figure 2 Interfaces 210 and 220 can both be interfaces that synchronously play data to be played, and the sizes of the two interface areas can be the same. Both interfaces can contain interface elements, such as sending controls for sending interactive data and avatar controls for displaying client avatars or communication screens. Specifically, the deployment areas 211 and 221 of the sending control in interface 210 and interface 220 can be the same size, while the deployment area 212 of the avatar control in interface 210 can be larger than the deployment area 222 of the avatar control in interface 220.

[0054] Accordingly, the display area 213 in interface 210 can be the interface area minus the deployment area 211 of the sending control and the deployment area 212 of the avatar control; the display area 223 in interface 220 can be the interface area minus the deployment area 221 of the sending control and the deployment area 222 of the avatar control. That is, the display area 213 in interface 210 is smaller than the display area 223 in interface 220.

[0055] In some optional implementations, the target display data includes interactive emoticons; correspondingly, the target display data is displayed according to the target location, including: setting the target location as the position parameter of a preset feature point of the interactive emoticon, and rendering the interactive emoticon according to the position parameter.

[0056] Interactive emoticons can be either animated or static. Furthermore, when displayed in the designated area, interactive emoticons can be associated with the user's avatar or nickname, effectively indicating the client from which the emoticon originated. For example, see again... Figure 2 , Figure 2 The user's avatar can be displayed in the lower right corner of the interactive emoticons displayed in the central area.

[0057] The client can generate display commands in response to trigger events of controls sent from its own interface, or in response to trigger events of controls sent from other terminals by the server. Responding to the display commands, the client can determine candidate positions in the display area based on a preset display mode, determine a reference position in the display area based on the preset display mode and the position of the currently displayed data, determine the priority value of each candidate position based on the distance between each candidate position and the reference position, determine the target position from the candidate positions based on the priority value, and display an interactive emoticon at the target position. This enables sending and receiving interactive emoticons.

[0058] The preset feature points for interactive emoticons can be, for example, the center point, top vertex, bottom vertex, left vertex, and right vertex, with the center point being preferred to facilitate determining accurate quality values ​​based on distance. Setting the target position as the position parameter of the preset feature point for the interactive emoticon can be considered as setting the rendering parameters for the target display data. By rendering the interactive emoticon according to the position parameters, the display effect of the interactive emoticon can be optimized, and the interaction can be made more vivid, interesting, and atmospheric.

[0059] The technical solution of this disclosure embodiment responds to the display instruction of the target display data, determines each candidate position in the display area according to the preset display mode, and determines the reference position in the display area according to the preset display mode and the position of the currently displayed data in the display area; determines the excellence value of each candidate position according to the distance between each candidate position and the reference position; determines the target position from each candidate position according to the excellence value, and displays the target display data according to the target position.

[0060] By determining corresponding candidate and reference positions within the display area according to different preset display modes, and calculating the candidate position's superiority value based on its distance from the reference position, the target position with the best display effect under that preset display mode is determined based on the superiority value. This enriches the display methods and meets diverse user display needs. Furthermore, by determining the superiority value of the candidate position when the target display data needs to be displayed, the target position can be determined using lazy loading, reducing resource consumption.

[0061] Example 2

[0062] This embodiment can be combined with various optional solutions in the data display methods provided in the above embodiments. The data display method provided in this embodiment details the determination of candidate positions and reference positions.

[0063] In some optional implementations, the preset display mode includes data distribution method, data distribution location, and data overlap degree. Accordingly, each candidate location and reference location is determined based on the following steps: determining each candidate location in the display area according to the data distribution method; determining the reference location in the display area according to the data distribution location, data overlap degree, and the location of the currently displayed data in the display area.

[0064] Data distribution methods can include random distribution, rule-based distribution, etc. Rule-based distribution can be, for example, a distribution based on preset shapes, such as heart shapes, spiral shapes, or firework shapes. By distributing data according to preset images, the preset image can be presented when a certain amount of interactive data is collected, bringing a sense of surprise to the user and thus improving the user experience to some extent.

[0065] The data distribution location can characterize the position in which users expect the data to be displayed, such as the center position, the edge position, etc. For example, when the data distribution location is the center position, it can indicate that users expect the data to be displayed with a bias towards being centered.

[0066] Data overlap can characterize the degree of overlap that users allow when displaying data. It can be categorized from low to high as no overlap, low overlap, and high overlap. For example, when the data overlap is zero, it indicates that the user expects a certain distance between the target displayed data, preventing overlap.

[0067] The determination of candidate positions in the display area based on the data distribution method may include at least one of the following: when the data distribution method is random distribution, the candidate positions in the display area may be determined randomly; when the data distribution method is rule-based distribution, the candidate positions may be determined according to the distribution rules and the position of the target display data in the display.

[0068] Based on the data distribution location, the degree of data overlap, and the position of the currently displayed data in the display area, a reference position in the display area is determined, which may include at least one of the following: If the data overlap is high, it can be assumed that the user has a high tolerance for overlap of the target displayed data. In this case, the data distribution location and the position of a small amount of currently displayed data can be used as reference positions. If the data overlap is low or non-overlapping, it can be assumed that the user expects a certain distance between the target displayed data. In this case, the data distribution location can be used as a reference position, and the position of a large amount or all of the currently displayed data can also be used as a reference position.

[0069] Among these optional implementation methods, determining candidate positions based on the data distribution in the preset display mode facilitates the display of target data according to different distribution methods (e.g., random distribution, rule-based distribution, etc.), achieving diversified display effects. Determining reference positions based on the data distribution positions and data overlap in the preset display mode allows selection of reference positions based on user-preferred distribution positions (e.g., center positions, edge positions, etc.) and the user-allowed degree of overlap (e.g., no overlap, low overlap, high overlap, etc.). This enables the determination of target positions that meet user needs based on the reference positions, improving user experience.

[0070] In some further implementations, determining a reference position in the display area based on the data distribution location and the degree of data overlap may include: determining a reference position in the display area based on the data distribution location, the degree of data overlap, and the position of the currently displayed data in the display area, including: determining at least one first reference position in the display area based on the data distribution location; determining at least one second reference position from the position of the currently displayed data based on the degree of data overlap; the degree of data overlap is inversely correlated with the number of second reference positions.

[0071] Determining the first reference position based on the data distribution location can be done by using the data distribution location as the first reference position. Determining the second reference position based on the degree of data overlap can include: if the data overlap is non-overlapping, the position of all currently displayed data can be used as the second reference position; if the data overlap is low, the position of a first predetermined proportion of the currently displayed data can be used as the second reference position; if the data overlap is high, the position of a second predetermined proportion of the currently displayed data can be used as the second reference position, where the first predetermined proportion is greater than the second predetermined proportion. This allows for an inverse correlation between the degree of data overlap and the number of second reference positions.

[0072] Accordingly, the dominance value of each candidate position is determined based on the distance between each candidate position and the reference position, including: determining the dominance value of each candidate position based on the relationship between each candidate position and the first and second reference positions. In these optional implementations, since the reference position is determined based on the data distribution location, the closer the candidate position is to it, the greater the dominance value; and since the reference position is determined based on the degree of data overlap, the farther the candidate position is from it, the greater the dominance value. By considering the correlation between the distance to the reference position and the dominance value, the reference position can be divided into a first reference position and a second reference position. Furthermore, the dominance value of each candidate position can be determined based on the distances of the candidate position to the first and second reference positions, respectively, and the aforementioned correlation.

[0073] In some optional implementations, determining the merit value of each candidate position may include: traversing each candidate position, determining the first merit value of the traversed current candidate position based on the sum of the first distances between the traversed current candidate position and each first reference position; the sum of the first distances is inversely correlated with the first merit value; determining the second merit value of the traversed current candidate position based on the sum of the second distances between the traversed current candidate position and each second reference position; the sum of the second distances is positively correlated with the second merit value; determining the merit value of the traversed current candidate position based on the first merit value and the second merit value, until the traversal is completed, and obtaining the merit value of each candidate position.

[0074] In these further implementations, during the determination of the dominance value of each candidate position, each candidate position can be traversed to determine the dominance value of each candidate position separately. For each candidate position, a first distance from each first reference position can be determined, the sum of the first distances is obtained, and the first dominance value is determined based on the inverse correlation between the sum of the first distances and the first dominance value; alternatively, a second distance from each second reference position can be determined, the sum of the second distances is obtained, and the second dominance value is determined based on the positive correlation between the sum of the second distances and the second dominance value; finally, the dominance value of each candidate position can be determined based on the first and second dominance values.

[0075] Since the display area sizes may differ across clients, determining the first and second superiority values ​​based solely on the sum of the first and second distances could lack a unified standard. Therefore, in some implementations, the first superiority value of the current candidate position can be determined based on the normalized sum of the first distances, and the second superiority value can be determined based on the normalized sum of the second distances. This improves the universality of superiority value determination.

[0076] Normalizing the sum of the first distances / the sum of the second distances can be considered as mapping the sum of the first distances / the sum of the second distances to a preset range, such as (0, N). N can be determined based on prior experiments. For example, an experimental model A*k2 can be constructed first; then k2 can be set empirically; then, the value of A can be adjusted in each round of experiments, and the evaluation effect of the candidate positions can be recorded; finally, after a preset number of rounds of experiments, the A*k2 value with the best evaluation effect can be used as the maximum value N of the preset range for normalization.

[0077] Determining the superiority value of the current candidate position based on the first and second superiority values ​​can include: using the sum of the first and second superiority values ​​as the superiority value of the current candidate position. Alternatively, the average of the first and second superiority values ​​can be used as the superiority value of the current candidate position. Furthermore, other calculation methods that achieve a positive correlation between the superiority value and the first and second superiority values ​​can also be applied here, and are not exhaustively listed. For example, Figure 3 This is a flowchart illustrating a data display method provided in Embodiment 2 of this disclosure. In this example, the target display data can be interactive emoticons; the data distribution method in the preset display mode can be random distribution, the data distribution position can be the center position, and the data overlap can be non-overlapping, in order to achieve the desired effect of randomly displaying interactive emoticons while maintaining a certain distance between them and being biased towards the center. See also Figure 3 The data display methods provided in this example may include:

[0078] S310. Generate a display instruction based on sending or receiving interactive emoticons; execute steps S321-S323 in response to the display instruction.

[0079] S321. When the data distribution method is random distribution, randomly determine each candidate position in the display area.

[0080] S322. When the data distribution location is the center location, the center location of the display area shall be used as the first reference location.

[0081] S323. When the data overlap is non-overlapping, the center position of the currently displayed interactive emoticon in the display area shall be used as the second reference position.

[0082] S331. Traverse each candidate position, and determine the first merit value of the current candidate position by calculating the first distance between the current candidate position and the first reference position.

[0083] The first distance is inversely correlated with the first goodness value. For example, if the first distance is d1, then the first goodness value can be d1*(-a), where a is a positive number.

[0084] S332. Determine the second priority value of the current candidate position based on the sum of the second distances between the current candidate position and each second reference position.

[0085] The second distance is positively correlated with the second goodness value. For example, if the first distance is d2, then the second goodness value can be d2*b, where b is a positive number.

[0086] S340. Determine the quality value of the current candidate position traversed based on the first quality value and the second quality value, until the traversal ends, and obtain the quality value of each candidate position.

[0087] The sum of the first and second merit values ​​can be used as the merit value of the current candidate position. Referring to the example of the first and second merit values ​​above, the final merit value could be, for example, res = d2*b - d1*a.

[0088] S350. Determine the target position from each candidate position based on the excellence value, set the target position as the position parameter of the preset feature point of the interactive expression, and render the interactive expression according to the position parameter.

[0089] The technical solution of this disclosure describes in detail the determination of candidate positions and reference positions. Determining candidate positions based on the data distribution in a preset display mode facilitates the display of target data according to different distribution methods (e.g., random distribution, rule-based distribution), achieving diversified display effects. Determining reference positions based on the data distribution position and data overlap in the preset display mode allows selection of reference positions based on user-preferred distribution positions (e.g., center position, edge position) and the user-allowed degree of overlap (e.g., no overlap, low overlap, high overlap), thereby determining target positions that meet user needs and improving user experience. For reference positions determined based on data distribution position, the closer the candidate position is to it, the higher its superiority value; for reference positions determined based on data overlap, the farther the candidate position is from it, the higher its superiority value. By dividing reference positions into first reference positions and second reference positions based on the correlation between distance and superiority value, the first and second superiority values ​​can be determined respectively, thus obtaining the superiority value of each candidate position.

[0090] Furthermore, the data display method provided in this embodiment belongs to the same disclosure concept as the data display method provided in the above embodiments. Technical details not described in detail in this embodiment can be found in the above embodiments, and the same technical features have the same beneficial effects in this embodiment and the above embodiments.

[0091] Example 3

[0092] This embodiment can be combined with various optional solutions in the data display methods provided in the above embodiments. The data display method provided in this embodiment details the maintenance of a two-dimensional array corresponding to the display area. By maintaining a two-dimensional array corresponding to the currently displayed data, the position of the currently displayed data can be recorded, which is beneficial for determining candidate positions and reference positions. Furthermore, after calculating the superiority value of each candidate position, the superiority value can be recorded in the array element corresponding to each candidate position, which is beneficial for determining the target position.

[0093] Among these optional implementations, after displaying the target display data based on the target location, the data display method may also include:

[0094] Update the current display data based on the target display data, and maintain the array elements in the two-dimensional array based on the updated current display data; the array elements correspond to the pixels in the display area, and when the array element is a preset value, it indicates that the corresponding pixel belongs to the current display data.

[0095] The mapping between array elements and pixels in the display area can be understood as follows: a pixel at a relative pixel coordinate in the display area corresponds to an array element at the corresponding row and column position in the two-dimensional array. For example, the pixel located at row M and column N in the display area corresponds to the array element at row M and column N in the two-dimensional array. After determining the display area, the client can generate a two-dimensional array corresponding to the display area.

[0096] Updating the current display data based on the target display data can include incorporating the target display data into the current display data. Furthermore, it can also include removing target display data that disappears after being displayed from the current display data. Maintaining the array elements in the two-dimensional array based on the updated current display data can include: when the target display data is used as the current display data, setting the data element corresponding to the pixels occupied by the target display data to a preset value; when the target display data is removed from the current display data, clearing the corresponding data element that has been set to the preset value. This achieves the effect of using a two-dimensional array to record the position of the current display data.

[0097] The preset value can be a value outside the range of excellence values. For example, when the excellence value range is (0,1), the preset value can be 0. This allows the excellence values ​​of each candidate position to be temporarily stored in the corresponding array element after they are determined, distinguishing them from the preset value. Furthermore, the stored excellence values ​​can be cleared after the target position is determined, so that the two-dimensional array can record the excellence values ​​of candidate positions each time the display position of the target data is determined.

[0098] By maintaining data elements in the two-dimensional data based on the updated current display data, the position of the currently displayed data in the display area can be determined based on the two-dimensional array in response to display instructions for new target display data. Specifically, the position of the pixel corresponding to the array element in the two-dimensional array that equals a preset value can be used as the position of the currently displayed data in the display area. Furthermore, when determining the reference position, the reference position in the display area can be determined based on the data distribution position in the preset display mode, the degree of data overlap, and the position of the currently displayed data in the display area.

[0099] Furthermore, two-dimensional arrays can be used to label reference and candidate positions, which facilitates the calculation of the distance between each candidate position and the reference position. For example, Figure 4 This is a schematic diagram of a two-dimensional array in a data display method provided in Embodiment 3 of this disclosure.

[0100] See Figure 4 The squares in the diagram can represent array elements in a two-dimensional array, and each array element can correspond one-to-one with each pixel in the display area. Figure 4 Array elements set to 0 represent pixels that belong to the target display data. When new target display data is added, candidate positions (represented by black squares in the diagram) and reference positions (represented by circles within squares) can be determined. The candidate positions in the two-dimensional array can be traversed, the distance between the current candidate position and the reference position can be calculated, and the superiority value of each candidate position can be determined. Corresponding array elements can be set according to the superiority value of each candidate position to record that value. This allows for recording the position of the target display data and the superiority value of candidate positions based on a two-dimensional array.

[0101] The technical solution of this disclosure provides a detailed description of the two-dimensional array corresponding to the maintenance and display area. By maintaining and displaying the two-dimensional array corresponding to the target display data, the position of the target display data can be recorded, which is beneficial for determining candidate positions and reference positions. Furthermore, after calculating the superiority value of each candidate position, the superiority value can be recorded in the array element corresponding to each candidate position, which is beneficial for determining the target position.

[0102] The data display method provided in this embodiment belongs to the same concept as the data display method provided in the above embodiments. Technical details not described in detail in this embodiment can be found in the above embodiments, and the same technical features have the same beneficial effects in this embodiment and the above embodiments.

[0103] Example 4

[0104] Figure 5 This is a schematic diagram of a data display device provided in Embodiment 4 of this disclosure. The data display device provided in this embodiment is suitable for situations where data is displayed on an interface, such as displaying interactive data on a client interface.

[0105] like Figure 5 As shown, the data display device provided in this embodiment may include:

[0106] The position determination module 510 is used to respond to the display instruction of the target display data, determine each candidate position in the display area according to the preset display mode, and determine the reference position in the display area according to the preset display mode and the position of the currently displayed data in the display area.

[0107] The excellence value determination module 520 is used to determine the excellence value of each candidate position based on the distance between each candidate position and the reference position.

[0108] The display module 530 is used to determine the target position from each candidate position based on the excellence value, and to display the target display data based on the target position.

[0109] In some optional implementations, the preset display mode includes the data distribution method, data distribution location, and data overlap degree;

[0110] Accordingly, the location determination module can determine each candidate location and reference location based on the following steps:

[0111] Based on the data distribution method, determine the candidate positions in the display area;

[0112] The reference position in the display area is determined based on the data distribution location, the degree of data overlap, and the position of the currently displayed data in the display area.

[0113] In some alternative implementations, the location determination module can be specifically used for:

[0114] Based on the data distribution location, determine at least one first reference location in the display area;

[0115] Based on the degree of data overlap, at least one second reference position is determined from the position of the currently displayed data; the degree of data overlap is inversely correlated with the number of second reference positions.

[0116] Correspondingly, the merit value determination module can determine the merit value of each candidate position based on the relationship between each candidate position and the first reference position and the second reference position.

[0117] In some alternative implementations, the excellence value determination module can be specifically used for:

[0118] Traverse each candidate position and determine the first goodness value of the current candidate position based on the sum of the first distances between the current candidate position and each first reference position; the sum of the first distances is inversely correlated with the first goodness value.

[0119] The second merit value of the current candidate position is determined by the sum of the second distances between the current candidate position and each second reference position; the sum of the second distances is positively correlated with the second merit value.

[0120] The first and second excellence values ​​determine the excellence value of the current candidate position being traversed until the traversal ends, thus obtaining the excellence value of each candidate position.

[0121] In some alternative implementations, the excellence value determination module can be used for:

[0122] The sum of the first and second excellence values ​​is used as the excellence value of the current candidate position traversed.

[0123] In some alternative implementations, the first superiority value of the current candidate position is determined based on the sum of the normalized first distances; the second superiority value of the current candidate position is determined based on the sum of the normalized second distances.

[0124] In some alternative implementations, the data display device may also include:

[0125] The array maintenance module is used to update the current display data based on the target display data after displaying the target display data based on the target position, and maintain the array elements in the two-dimensional array based on the updated current display data; the array elements correspond to the pixels in the display area, and when the array element is a preset value, it indicates that the corresponding pixel belongs to the current display data;

[0126] Accordingly, the location determination module can be used for:

[0127] In response to a new instruction to display target data, the position of the currently displayed data in the display area is determined based on a two-dimensional array.

[0128] In some alternative implementations, the display instruction is generated based on the target display data being sent or received.

[0129] In some optional implementations, the display interface to which the display area belongs also includes a deployment area for preset interface elements; the display area is determined based on the deployment area, which is determined by the attributes of the preset interface elements.

[0130] In some alternative implementations, the target display data includes interactive emoticons; correspondingly, the display module can be used for:

[0131] Set the target location as the position parameter of the preset feature point of the interactive emoticon, and render the interactive emoticon according to the position parameter.

[0132] The data display device provided in this disclosure can execute the data display method provided in any embodiment of this disclosure, and has the corresponding functional modules and beneficial effects of the method execution.

[0133] It is worth noting that the various units and modules included in the above-mentioned device are only divided according to functional logic, but are not limited to the above division, as long as the corresponding functions can be realized; in addition, the specific names of each functional unit are only for easy differentiation and are not used to limit the protection scope of the embodiments of this disclosure.

[0134] Example 5

[0135] The following is for reference. Figure 6 It illustrates an electronic device suitable for implementing embodiments of the present disclosure (e.g., Figure 6 The diagram below shows the structure of the terminal device or server 600. The terminal device in this embodiment may include, but is not limited to, mobile terminals such as mobile phones, laptops, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), and vehicle terminals (e.g., vehicle navigation terminals), as well as fixed terminals such as digital TVs and desktop computers. Figure 6 The electronic device shown is merely an example and should not be construed as limiting the functionality and scope of the embodiments disclosed herein.

[0136] like Figure 6 As shown, electronic device 600 may include a processing unit (e.g., a central processing unit, a graphics processing unit, etc.) 601, which can perform various appropriate actions and processes according to a program stored in read-only memory (ROM) 602 or a program loaded from storage device 608 into random access memory (RAM) 603. RAM 603 also stores various programs and data required for the operation of electronic device 600. The processing unit 601, ROM 602, and RAM 603 are interconnected via bus 604. Input / output (I / O) interface 605 is also connected to bus 604.

[0137] Typically, the following devices can be connected to I / O interface 605: input devices 606 including, for example, touchscreens, touchpads, keyboards, mice, cameras, microphones, accelerometers, gyroscopes, etc.; output devices 607 including, for example, liquid crystal displays (LCDs), speakers, vibrators, etc.; storage devices 608 including, for example, magnetic tapes, hard disks, etc.; and communication devices 609. Communication device 609 allows electronic device 600 to communicate wirelessly or wiredly with other devices to exchange data. Although Figure 6 An electronic device 600 with various devices is shown; however, it should be understood that it is not required to implement or possess all of the devices shown. More or fewer devices may be implemented or possessed alternatively.

[0138] In particular, according to embodiments of this disclosure, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, embodiments of this disclosure include a computer program product comprising a computer program carried on a non-transitory computer-readable medium, the computer program containing program code for performing the methods shown in the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network via a communication device 609, or installed from a storage device 608, or installed from a ROM 602. When the computer program is executed by the processing device 601, it performs the functions defined in the data display method of embodiments of this disclosure.

[0139] The electronic device provided in this embodiment and the data display method provided in the above embodiments belong to the same disclosed concept. Technical details not described in detail in this embodiment can be found in the above embodiments, and this embodiment has the same beneficial effects as the above embodiments.

[0140] Example 6

[0141] This disclosure provides a computer storage medium storing a computer program that, when executed by a processor, implements the data display method provided in the above embodiments.

[0142] It should be noted that the computer-readable medium described in this disclosure can be a computer-readable signal medium or a computer-readable storage medium, or any combination thereof. A computer-readable storage medium can be, for example,—but not limited to—an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor device or any combination thereof. More specific examples of a computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM), or flash memory (FLASH), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination thereof. In this disclosure, a computer-readable storage medium can be any tangible medium containing or storing a program that can be used by or in connection with an instruction execution device or apparatus. In this disclosure, a computer-readable signal medium can include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code. Such propagated data signals can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A computer-readable signal medium may be any computer-readable medium other than a computer-readable storage medium, which can send, propagate, or transmit a program for use by or in connection with an instruction execution device or apparatus. The program code contained on the computer-readable medium can be transmitted using any suitable medium, including but not limited to: wires, optical fibers, RF (radio frequency), etc., or any suitable combination thereof.

[0143] In some implementations, clients and servers can communicate using any currently known or future-developed network protocol such as HTTP (Hypertext Transfer Protocol) and can interconnect with digital data communication (e.g., communication networks) of any form or medium. Examples of communication networks include local area networks (“LANs”), wide area networks (“WANs”), the Internet (e.g., the Internet of Things), and end-to-end networks (e.g., ad hoc end-to-end networks), as well as any currently known or future-developed networks.

[0144] The aforementioned computer-readable medium may be included in the aforementioned electronic device; or it may exist independently and not assembled into the electronic device.

[0145] The aforementioned computer-readable medium carries one or more programs, which, when executed by the electronic device, cause the electronic device to:

[0146] In response to the display instruction of the target display data, determine each candidate position in the display area according to the preset display mode, and determine the reference position in the display area according to the preset display mode and the position of the currently displayed data in the display area; determine the excellence value of each candidate position according to the distance between each candidate position and the reference position; determine the target position from each candidate position according to the excellence value, and display the target display data according to the target position.

[0147] Computer program code for performing the operations of this disclosure can be written in one or more programming languages ​​or a combination thereof, including but not limited to object-oriented programming languages ​​such as Java, Smalltalk, and C++, as well as conventional procedural programming languages ​​such as the "C" language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user's computer via any type of network—including a local area network (LAN) or a wide area network (WAN)—or can be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0148] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of methods and computer program products according to various embodiments of this disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of code containing one or more executable instructions for implementing the specified logical function. It should also be noted that in some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutively indicated blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented using a dedicated hardware-based system that performs the specified function or operation, or using a combination of dedicated hardware and computer instructions.

[0149] The units described in the embodiments of this disclosure can be implemented in software or hardware. The names of the units and modules do not, in certain circumstances, constitute a limitation on the unit or module itself.

[0150] The functions described above in this document can be performed, at least in part, by one or more hardware logic components. For example, exemplary types of hardware logic components that can be used, without limitation, include: Field Programmable Gate Array (FPGA), Application Specific Integrated Circuit (ASIC), Application Specific Standard Parts (ASSP), System on Chip (SOC), Complex Programmable Logic Device (CPLD), and so on.

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

[0152] According to one or more embodiments of this disclosure, [Example 1] provides a data display method, the method comprising:

[0153] In response to the display instruction of the target display data, each candidate position in the display area is determined according to the preset display mode, and the reference position in the display area is determined according to the preset display mode and the position of the currently displayed data in the display area;

[0154] The merit value of each candidate position is determined based on the distance between each candidate position and the reference position.

[0155] The target position is determined from the candidate positions based on the excellence value, and the target display data is displayed based on the target position.

[0156] According to one or more embodiments of this disclosure, [Example 2] provides a data display method, which further includes:

[0157] In some optional implementations, the preset display mode includes data distribution method, data distribution location, and data overlap degree;

[0158] Accordingly, each candidate position and the reference position are determined based on the following steps:

[0159] Based on the data distribution method, determine each candidate position in the display area;

[0160] The reference position in the display area is determined based on the data distribution location, the degree of data overlap, and the position of the currently displayed data in the display area.

[0161] According to one or more embodiments of this disclosure, [Example 3] provides a data display method, which further includes:

[0162] In some optional implementations, determining the reference position in the display area based on the data distribution location, the degree of data overlap, and the position of the currently displayed data in the display area includes:

[0163] Based on the data distribution location, at least one first reference location in the display area is determined;

[0164] Based on the degree of data overlap, at least one second reference position is determined from the position of the currently displayed data; the degree of data overlap is inversely correlated with the number of second reference positions.

[0165] Accordingly, determining the merit value of each candidate position based on the distance between each candidate position and the reference position includes:

[0166] Based on the relationship between each candidate position and the first reference position and the second reference position, the excellence value of each candidate position is determined.

[0167] According to one or more embodiments of this disclosure, Example 4 provides a data display method, which further includes:

[0168] In some optional implementations, determining the merit value of each candidate position includes:

[0169] Traverse each candidate position, and determine the first merit value of the traversed current candidate position based on the sum of the first distances between the traversed current candidate position and each of the first reference positions; the sum of the first distances is inversely correlated with the first merit value.

[0170] The second merit value of the traversed current candidate position is determined based on the sum of the second distances between the current candidate position and each of the second reference positions; the sum of the second distances is positively correlated with the second merit value.

[0171] The excellence value of the current candidate position is determined based on the first excellence value and the second excellence value, until the traversal ends, and the excellence value of each candidate position is obtained.

[0172] According to one or more embodiments of this disclosure, Example 5 provides a data display method, which further includes:

[0173] In some optional implementations, determining the merit value of the current candidate position traversed based on the first merit value and the second merit value includes:

[0174] The sum of the first excellence value and the second excellence value is used as the excellence value of the current candidate position traversed.

[0175] According to one or more embodiments of this disclosure, Example Six provides a data display method, which further includes:

[0176] In some alternative implementations, the first superiority value of the traversed current candidate position is determined based on the normalized sum of the first distances; the second superiority value of the traversed current candidate position is determined based on the normalized sum of the second distances.

[0177] According to one or more embodiments of this disclosure, [Example Seven] provides a data display method, which further includes:

[0178] In some optional implementations, after displaying the target display data according to the target location, the method further includes:

[0179] The current display data is updated based on the target display data, and array elements in a two-dimensional array are maintained based on the updated current display data; the array elements correspond to pixels in the display area, and when the array element is a preset value, it indicates that the corresponding pixel belongs to the current display data;

[0180] In response to a new instruction to display target data, the position of the currently displayed data in the display area is determined based on the two-dimensional array.

[0181] According to one or more embodiments of this disclosure, [Example Eight] provides a data display method, which further includes:

[0182] In some alternative implementations, the display instruction is generated based on sending or receiving the target display data.

[0183] According to one or more embodiments of this disclosure, [Example Nine] provides a data display method, which further includes:

[0184] In some optional implementations, the display interface to which the display area belongs also includes a preset deployment area for interface elements; the display area is determined based on the deployment area, and the deployment area is determined by the attributes of the preset interface elements.

[0185] According to one or more embodiments of this disclosure, Example 10 provides a data display method, which further includes:

[0186] In some optional implementations, the target display data includes interactive emoticons; correspondingly, displaying the target display data according to the target location includes:

[0187] The target position is set as the position parameter of the preset feature point of the interactive emoticon, and the interactive emoticon is rendered according to the position parameter.

[0188] The above description is merely a preferred embodiment of this disclosure and an explanation of the technical principles employed. Those skilled in the art should understand that the scope of this disclosure is not limited to technical solutions formed by specific combinations of the above-described technical features, but should also cover other technical solutions formed by arbitrary combinations of the above-described technical features or their equivalents without departing from the above-described concept. For example, technical solutions formed by substituting the above features with (but not limited to) technical features disclosed in this disclosure that have similar functions.

[0189] Furthermore, while the operations are described in a specific order, this should not be construed as requiring these operations to be performed in the specific order shown or in a sequential order. In certain environments, multitasking and parallel processing may be advantageous. Similarly, while several specific implementation details are included in the above discussion, these should not be construed as limiting the scope of this disclosure. Certain features described in the context of individual embodiments may also be implemented in combination in a single embodiment. Conversely, various features described in the context of a single embodiment may also be implemented individually or in any suitable sub-combination in multiple embodiments.

[0190] Although the subject matter has been described using language specific to structural features and / or methodological logic, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. Rather, the specific features and actions described above are merely illustrative examples of implementing the claims.

Claims

1. A data display method, characterized in that, include: In response to the display instruction of the target display data, each candidate position in the display area is determined according to the preset display mode, and the reference position in the display area is determined according to the preset display mode and the position of the currently displayed data in the display area; The merit value of each candidate position is determined based on the distance between each candidate position and the reference position. The target position is determined from the candidate positions based on the excellence value, and the target display data is displayed based on the target position. The preset display mode includes data distribution method, data distribution position and data overlap degree, wherein the data overlap degree represents the degree of overlap when the user allows data to be displayed; Accordingly, each candidate position and the reference position are determined based on the following steps: Based on the data distribution method, determine each candidate position in the display area; The reference position in the display area is determined based on the data distribution location, the degree of data overlap, and the position of the currently displayed data in the display area.

2. The method according to claim 1, characterized in that, Determining the reference position in the display area based on the data distribution location, the degree of data overlap, and the position of the currently displayed data in the display area includes: Based on the data distribution location, at least one first reference location in the display area is determined; Based on the degree of data overlap, at least one second reference position is determined from the position of the currently displayed data; the degree of data overlap is inversely correlated with the number of second reference positions. Accordingly, determining the merit value of each candidate position based on the distance between each candidate position and the reference position includes: Based on the relationship between each candidate position and the first reference position and the second reference position, the excellence value of each candidate position is determined.

3. The method according to claim 2, characterized in that, Determining the merit value of each candidate position includes: Traverse each candidate position, and determine the first merit value of the traversed current candidate position based on the sum of the first distances between the traversed current candidate position and each of the first reference positions; the sum of the first distances is inversely correlated with the first merit value. The second merit value of the traversed current candidate position is determined based on the sum of the second distances between the current candidate position and each of the second reference positions; the sum of the second distances is positively correlated with the second merit value. The excellence value of the current candidate position is determined based on the first excellence value and the second excellence value, until the traversal ends, and the excellence value of each candidate position is obtained.

4. The method according to claim 3, characterized in that, Determining the merit value of the current candidate position traversed based on the first merit value and the second merit value includes: The sum of the first excellence value and the second excellence value is used as the excellence value of the current candidate position traversed.

5. The method according to claim 3, characterized in that, The first superiority value of the current candidate position traversed is determined based on the sum of the first distances after normalization; the second superiority value of the current candidate position traversed is determined based on the sum of the second distances after normalization.

6. The method according to claim 1, characterized in that, After displaying the target display data according to the target location, the method further includes: The current display data is updated based on the target display data, and array elements in a two-dimensional array are maintained based on the updated current display data; the array elements correspond to pixels in the display area, and when the array element is a preset value, it indicates that the corresponding pixel belongs to the current display data; In response to a new instruction to display target data, the position of the currently displayed data in the display area is determined based on the two-dimensional array.

7. The method according to claim 1, characterized in that, The display instruction is generated based on sending or receiving the target display data.

8. The method according to claim 1, characterized in that, The display area also includes a preset deployment area for interface elements within the display interface; the display area is determined based on the deployment area, which is determined by the attributes of the preset interface elements.

9. The method according to any one of claims 1-8, characterized in that, The target display data includes interactive emoticons; correspondingly, displaying the target display data according to the target location includes: The target position is set as the position parameter of the preset feature point of the interactive emoticon, and the interactive emoticon is rendered according to the position parameter.

10. A data display device, characterized in that, include: The position determination module is used to respond to the display instruction of the target display data, determine each candidate position in the display area according to the preset display mode, and determine the reference position in the display area according to the preset display mode and the position of the currently displayed data in the display area; The excellence value determination module is used to determine the excellence value of each candidate position based on the distance between each candidate position and the reference position; The display module is used to determine the target position from the candidate positions based on the excellence value, and display the target display data based on the target position; The preset display mode includes data distribution method, data distribution position and data overlap degree, wherein the data overlap degree represents the degree of overlap when the user allows data to be displayed; Accordingly, the location determination module determines each candidate location and the reference location based on the following steps: Based on the data distribution method, determine each candidate position in the display area; The reference position in the display area is determined based on the data distribution location, the degree of data overlap, and the position of the currently displayed data in the display area.

11. An electronic device, characterized in that, The electronic device includes: One or more processors; Storage device for storing one or more programs. When the one or more programs are executed by the one or more processors, the one or more processors implement the data display method as described in any one of claims 1-9.

12. A storage medium comprising computer-executable instructions, which, when executed by a computer processor, are used to perform the data display method as described in any one of claims 1-9.

Images