Data display method, apparatus, device and storage medium
The method and device improve data visualization on large screens by enlarging specific data areas upon user interaction, providing clearer and more detailed displays through interactive controllers and animations.
Patent Information
- Application Number
- JP2025532879
- Authority / Receiving Office
- JP · JP
- Patent Type
- Applications
- Current Assignee / Owner
- Priority Date
- 2023-04-26
- Filing Date
- 2024-04-19
- Publication Date
- 2025-11-28
AI Technical Summary
The limited space on large screens hinders effective display of large volumes of data, failing to meet user needs for clear and detailed visualization.
A method and device that display multiple data areas on a target page, allowing for enlargement of specific areas upon user interaction, with enlarged areas showing more data than the original, and featuring controllers and animations for seamless transitions.
Enhances data display clarity and detail on large screens, meeting user needs for comprehensive data visualization.
Smart Images

Figure 2025538728000001_ABST
Abstract
Description
[Technical Field]
[0001] This application claims priority to a Chinese patent application filed on April 26, 2023, entitled "Data Display Method, Apparatus, Device and Storage Medium," with application number 202310467653.X, the entire contents of which are incorporated herein by reference.
[0002] The present disclosure relates to the field of data processing, and in particular to a data display method, apparatus, device and storage medium. [Background technology]
[0003] In daily work, people frequently use data such as table data, document data, and database data, and business managers want to turn this data into tables and graphs to intuitively see the changes in the data, which is the data visualization process. Data visualization usually uses a large screen to display data, and it is expected that all data can be displayed on a single screen.
[0004] However, due to the limited space on a large screen, when there is a lot of data to display, the display effect of the container cannot meet the needs of users. Summary of the Invention
[0005] An embodiment of the present disclosure provides a method for displaying data.
[0006] In a first aspect, the present disclosure provides a method of displaying data, said method comprising: Displaying a plurality of data display areas on the target page, wherein a data source is set in each of the plurality of data display areas, and data of the corresponding data source is displayed in the data display area; In response to a predetermined expansion trigger operation on a target data exhibition area among the plurality of data exhibition areas, displaying an expanded data exhibition area corresponding to the target data exhibition area; The display area area of the enlarged data display area is larger than the display area area of the target data display area, and the enlarged data display area is used to display first target data, the first target data including data in the target data display area, or data in the target data display area and second target data, and the second target data is data not displayed in the target data display area.
[0007] In one alternative embodiment, in response to a predetermined enlargement trigger operation on a target data exhibition area among the plurality of data exhibition areas, before displaying an enlarged data exhibition area corresponding to the target data exhibition area, further comprising: displaying a predetermined enlarged controller in a target data display area among the plurality of data display areas when a first predetermined trigger event for the target data display area is monitored; Correspondingly, in response to a predetermined expansion trigger operation on a target data exhibition area among the plurality of data exhibition areas, displaying an expanded data exhibition area corresponding to the target data exhibition area includes: In response to a trigger operation on the predetermined magnification controller within the target data exhibition area, displaying an enlarged data exhibition area corresponding to the target data exhibition area.
[0008] In one alternative embodiment, the method comprises: The method further includes hiding the enlarged data display area in response to a predetermined return trigger operation on the enlarged data display area.
[0009] In one alternative embodiment, in response to a predetermined return trigger operation on the enlarged data display area, before hiding the enlarged data display area: further comprising displaying a predetermined return controller in the enlarged data display area when a second predetermined trigger event for the enlarged data display area is monitored; Correspondingly, hiding the enlarged data display area in response to a predetermined return trigger operation on the enlarged data display area includes: In response to a trigger operation on the predetermined return controller, hiding the enlarged data display area.
[0010] In one alternative embodiment, before displaying the enlarged data display area corresponding to the target data display area, The method further includes determining an enlarged data display area corresponding to the target data display area based on predetermined display position parameter information and a viewport size corresponding to the target data display area.
[0011] In one alternative embodiment, in response to a predetermined expansion trigger operation on a target data exhibition area among the plurality of data exhibition areas, displaying an expanded data exhibition area corresponding to the target data exhibition area includes: and switching the display from the target data exhibition area to the enlarged data exhibition area in the form of a predetermined animation in response to a predetermined enlargement trigger operation on a target data exhibition area among the plurality of data exhibition areas; The starting point of the predetermined animation path is the center point of the target data display area, and the ending point of the predetermined animation path is the upper left corner vertex or the center point of the enlarged data display area.
[0012] In one alternative embodiment, in response to a predetermined expansion trigger operation on a target data exhibition area among the plurality of data exhibition areas, displaying an expanded data exhibition area corresponding to the target data exhibition area includes: In response to a predetermined expansion trigger operation on a target data exhibition area among the plurality of data exhibition areas, a predetermined cover layer is displayed on the target page, and an expanded data exhibition area corresponding to the target data exhibition area is displayed on the predetermined cover layer.
[0013] In one alternative embodiment, the display area area of the data in the target data display area in the enlarged data display area is larger than the display area area of the data in the target data display area in the target data display area.
[0014] In a second aspect, the present disclosure provides a data exhibition device, the device comprising: a first display module for displaying a plurality of data display areas on a target page, wherein a data source is installed in each of the plurality of data display areas, and data of the corresponding data source is displayed in the data display area; a second display module for displaying an enlarged data exhibition area corresponding to a target data exhibition area in response to a predetermined enlargement trigger operation on the target data exhibition area among the plurality of data exhibition areas; The display area area of the enlarged data display area is larger than the display area area of the target data display area, and the enlarged data display area is used to display first target data, the first target data including data in the target data display area, or data in the target data display area and second target data, and the second target data is data not displayed in the target data display area.
[0015] In a third aspect, the present disclosure provides a computer-readable storage medium having stored thereon instructions that, when executed on a terminal device, cause the terminal device to implement the above-described method.
[0016] In a fourth aspect, the present disclosure provides a data exhibition device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, the processor implementing the above-mentioned method when it executes the computer program.
[0017] In a fifth aspect, the present disclosure provides a computer program product comprising computer programs / instructions which, when executed by a processor, implement the methods described above. [Brief explanation of the drawings]
[0018] The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the disclosure.
[0019] In order to more clearly describe the technical solutions in the embodiments of the present disclosure or the prior art, the following briefly introduces the accompanying drawings that need to be used in the description of the embodiments or the prior art, but it is obvious to those ordinary skilled in the art that they can obtain other drawings from these accompanying drawings without paying creative efforts. [Figure 1] 1 is a flowchart of a data display method provided by an embodiment of the present disclosure. [Figure 2] FIG. 2 is a schematic diagram of a target page provided by an embodiment of the present disclosure. [Figure 3] FIG. 10 is a schematic diagram of another target page provided by an embodiment of the present disclosure. [Figure 4] FIG. 10 is a schematic diagram of yet another target page provided by an embodiment of the present disclosure. [Figure 5] FIG. 1 is a schematic diagram of a display area provided by an embodiment of the present disclosure. [Figure 6]1 is a schematic diagram illustrating the configuration of a data display device provided by an embodiment of the present disclosure. [Figure 7] 1 is a schematic diagram illustrating the configuration of a data display device provided by an embodiment of the present disclosure. DETAILED DESCRIPTION OF THE INVENTION
[0020] In order to make the above objects, features and advantages of the present disclosure more clearly understood, the solutions of the present disclosure are further described below. It should be noted that the embodiments and features in the embodiments of the present disclosure can be combined with each other without contradiction.
[0021] Although numerous specific details are set forth in the following description to provide a thorough understanding of the present disclosure, the present disclosure may be embodied in forms other than those described herein. Obviously, the embodiments in the specification are only a portion of the embodiments of the present disclosure, but are not all of the embodiments.
[0022] In daily work, people frequently use data such as table data, document data, and database data, and business managers want to turn this data into tables and graphs to intuitively see the changes in the data, which is the data visualization process. Data visualization usually uses a large screen to display data, and it is expected that all data can be displayed on a single screen.
[0023] However, due to the limited space on a large screen, when there is a lot of data to display, the display effect of the container cannot meet the needs of users.
[0024] In contrast, an embodiment of the present disclosure provides a data display method, which displays multiple data display areas on a target page, each of which is provided with a data source, and is used to display data from the corresponding data source. Upon receiving a predetermined zoom trigger operation for the target data display area, an enlarged data display area corresponding to the target data display area is displayed, and the display area area of the enlarged data display area is larger than that of the target data display area. As can be seen, in the process of displaying data on a large screen, the embodiment of the present disclosure triggers the enlargement and display of local data on the target page, thereby achieving a clearer and more detailed display of local data on the large screen, improving the data display effect and satisfying users' needs for data display effect.
[0025] Based on this, an embodiment of the present disclosure provides a data display method. Referring to FIG. 1, which is a flowchart of the data display method provided by an embodiment of the present disclosure, the method specifically includes the following steps:
[0026] S101: Display multiple data display areas on a target page.
[0027] A data source is installed in each of the plurality of data display areas, and data from the corresponding data source is displayed in the data display area.
[0028] In an embodiment of the present disclosure, the target page may be any one of pages used to display and analyze data. For example, the target page may be a large screen page used to display changes in live streaming-related data in a live streaming room during a live broadcast, allowing live streaming users to intuitively view changes in the live streaming-related data from the large screen page. As another example, the target page may be a short video data analysis page or a store data analysis page. Furthermore, during a conference exhibition, the target page may be a large screen page used to display data statistics corresponding to multiple projects, allowing users participating in the conference to intuitively grasp changes in data for each project from the large screen page.
[0029] In an embodiment of the present disclosure, a target page may display multiple data display areas, each of which is used to display different types or dimensions of data. For example, a data display area may display different dimensions of data, such as trend analysis data, traffic analysis data, and real-time statistical data. Furthermore, each data display area may be provided with a corresponding data source, which may be a business module that can process or generate data. The data display area may be used to dynamically display data in the corresponding business module. Therefore, a user may intuitively grasp the changes in the data in the corresponding business module based on the data displayed in the data display area.
[0030] 2, which is a schematic diagram of a target page provided by an embodiment of the present disclosure, the target page displays multiple data display areas. Here, data display area 201 is used to display the upward and downward trends of data in the trend analysis business module. Data display area 202 is used to display real-time statistical data in the data summary business module. Data display area 203 is used to display traffic data generated in real time in the traffic analysis business module.
[0031] S102: In response to a predetermined enlargement trigger operation on a target data exhibition area among the plurality of data exhibition areas, an enlarged data exhibition area corresponding to the target data exhibition area is displayed on the target page.
[0032] The display area of the enlarged data display area is larger than the display area of the target data display area.
[0033] The expanded data display area in the embodiments of the present disclosure may be used to display first target data, which may include data in the target data display area, or may include data in the target data display area and second target data, which is data not displayed in the target data display area.
[0034] In practical application, in the process of displaying multiple data display areas on a target page, due to the limited size of each data display area, the target page display cannot clearly and in detail display the data in the corresponding data source. Therefore, in order to clearly and in detail display the data in the data display area on the target page, in the embodiment of the present disclosure, when a predetermined expansion trigger operation is received for a target data display area among the multiple data display areas, an expanded data display area corresponding to the target data display area is displayed on the target page, thereby realizing a clearer and more detailed display of the data in the target data display area.
[0035] In the embodiments of the present disclosure, the target data display area may be any one of a plurality of data display areas, and the predetermined expansion trigger operation for the target data display area is for realizing the expansion of the data display area corresponding to the target data display area on the target page, and may include a click operation on the target data display area.
[0036] As shown in Fig. 2, when a predetermined enlargement trigger operation is received for the target data exhibition area 202 among the multiple data exhibition areas, an enlarged data exhibition area 301 corresponding to the target data exhibition area 202 is displayed on the target page shown in Fig. 3. Here, Fig. 3 is a schematic diagram of another target page provided by an embodiment of the present disclosure, in which the enlarged data exhibition area 301 is used to enlarge and display data corresponding to the target data exhibition area 202.
[0037] In one alternative embodiment, the display area area of the data in the target data exhibition area in the enlarged data exhibition area is larger than the display area area of the data in the target data exhibition area in the target data exhibition area.
[0038] In one alternative embodiment, only the data in the target data display area may be enlarged and displayed in the enlarged data display area, or the data in the target data display area and data in the data source that is not displayed in the target data display area (i.e., second target data) may be enlarged and displayed.
[0039] For example, as shown in Fig. 2, the target data display area 202 displays statistical information on multiple types of data, such as the number of XX cases, the number of XX people, and the XX conversion rate. When a predetermined expansion trigger operation is received on the target data display area, the expanded data display area 301 not only expands and displays the statistical information on multiple types of data, i.e., the number of XX cases, the number of XX people, and the XX conversion rate, but also displays an XX change trend graph 303 (i.e., target data) for a certain type of data, as shown in Fig. 3. Here, the data corresponding to the XX change trend graph 303 is from a data source corresponding to the target data display area 202, and the XX change trend graph 303 is not displayed in the target data display area 202.
[0040] In one alternative embodiment, in the process of displaying data from the data source in the enlarged data display area, since the display space of the enlarged data display area is limited, if there is a large amount of data to be displayed, a predetermined controller can be installed in the enlarged data display area to achieve the effect of displaying all the data in the enlarged data display area, where the predetermined controller may include a scroll bar controller, a page turning controller, etc.
[0041] For example, as shown in FIG. 3, a scroll bar controller 302 may be provided in the enlarged data display area 301, and when a drag operation on the scroll bar controller 302 is received, more data will be displayed in the enlarged data display area 301 based on the drag direction of the drag operation.
[0042] In practical applications, when a predetermined enlargement trigger operation is received for a target data display area among multiple data display areas, a predetermined cover layer is displayed on the target page, and the enlarged data display area corresponding to the target data display area is displayed on the predetermined cover layer, thereby enhancing the data display function.
[0043] In one optional embodiment, in order to reduce the abruptness in the process of enlarging and displaying the enlarged data display area corresponding to the target data display area, when a predetermined enlargement trigger operation on the target data display area is received, a predetermined cover layer can also be displayed on the target page in a manner that fades from increasingly transparent to increasingly transparent.
[0044] For example, in the process of displaying a target data display area on a target page, the transparency of a predetermined cover layer may be set to 1.0, and when a predetermined enlargement trigger operation for the target data display area is received, the transparency of the predetermined cover layer is gradually decreased from 1.0 to 0.5, and finally a translucent predetermined cover layer is displayed on the target page, and an enlarged data display area corresponding to the target data display area is displayed on the predetermined cover layer.
[0045] In the data display method provided by the embodiment of the present disclosure, first, a plurality of data display areas are displayed on a target page, each of which is used to set a data source and display data of the corresponding data source, and upon receiving a predetermined enlargement trigger operation for the target data display area, an enlarged data display area corresponding to the target data display area is displayed, and the display area area of the enlarged data display area is larger than that of the target display area. As can be seen, the embodiment of the present disclosure can trigger the enlargement of local data on the target page in the process of displaying data on a large screen, thereby realizing a clearer and more detailed display of local data on a large screen, and improving the data display effect, thereby satisfying users' needs for data display effect.
[0046] In practical applications, to enhance the interaction function of the target page, during the process of displaying multiple data display areas on the target page, mouse events on the multiple data display areas may be monitored. When a first predetermined trigger event for a target data display area among the multiple data display areas is monitored, a predetermined enlargement controller is displayed in the target data display area. When a trigger operation for the predetermined enlargement controller in the target data display area is received, an enlarged data display area corresponding to the target data display area is displayed.
[0047] In an embodiment of the present disclosure, the first predetermined trigger event for the target data display area may include a mouse enter event for the target display area, a click operation performed on the target data display area, etc. Also, the trigger operation for the predetermined magnification controller may include a click operation performed on the predetermined magnification controller, etc., which is used to realize the function of triggering the display of an enlarged data display area corresponding to the target data display area, and the embodiment of the present disclosure does not impose any limitations in this respect.
[0048] As shown in Fig. 2, when a predetermined first trigger event for the target data exhibition area 202 is monitored, a predetermined enlargement controller 401 is displayed in the target data exhibition area as shown in Fig. 4, which is a schematic diagram of yet another target page provided by an embodiment of the present disclosure. When a trigger operation for the predetermined enlargement controller is received, an enlarged data exhibition area 301 corresponding to the target data exhibition area is displayed in the target page shown in Fig. 3.
[0049] In practical applications, in the process of displaying an enlarged data display area corresponding to the target data display area on the target page, a predetermined return trigger operation on the enlarged data display area may trigger a function to hide the enlarged data display area.
[0050] In one alternative embodiment, the predetermined return trigger operation for the enlarged data display area may include hiding the enlarged data display area when a predetermined trigger event for the target page is detected, and the predetermined trigger event for the target page may include, for example, pressing the ESC key (escape key) on the keyboard of the target page.
[0051] As shown in Figure 3, during the process of displaying the enlarged data display area 301 on the target page, the target page is monitored, and when an ESC key (escape key) press event on the target page is detected, the enlarged data display area is hidden as shown in Figure 2, that is, the display returns to the target page on which the target data display area is displayed.
[0052] In another alternative embodiment, the enlarged data display area may be monitored for a mouse event, and if a second predetermined trigger event for the enlarged data display area is monitored, a predetermined return controller is displayed in the enlarged data display area. Here, the second predetermined trigger event for the enlarged data display area may include a mouse enter event for the enlarged data display area, a click operation performed in the enlarged data display area, etc. If a trigger operation for the predetermined return controller is received, the enlarged data display area is hidden.
[0053] In an embodiment of the present disclosure, the display position of a specified return controller may be set to the upper right corner of the enlarged data display area, and the trigger operation for the specified return controller may include a click operation on the specified return controller, which is used to realize the function of triggering the hiding of the enlarged data display area.
[0054] As shown in Figure 3, when a mouseenter event is monitored for the enlarged data display area 301, a specified return controller 304 is displayed within the enlarged data display area 301, and when a trigger operation for the specified return controller 304 is received, the enlarged data display area is hidden as shown in Figure 2, and the display position and display style of the specified return controller can be set according to needs.
[0055] In one alternative embodiment, during the process of displaying a predetermined return controller within the enlarged data display area, the predetermined return controller is hidden when a predetermined return event for the enlarged data display area is monitored, where the predetermined return event for the enlarged data display area may include a MouseLeave event for the enlarged data display area, a click operation performed on the enlarged data display area, etc.
[0056] In one alternative embodiment, during the process of displaying an enlarged data display area corresponding to the target data display area in the form of a predetermined cover layer, if a trigger operation on the predetermined cover layer is received, the enlarged data display area and the predetermined cover layer may be hidden. Here, the trigger operation on the predetermined cover layer may include a click operation on a predetermined trigger area on the predetermined cover layer. Here, the predetermined trigger area may be any area on the predetermined cover layer other than the enlarged data display area. If a trigger operation on a predetermined trigger area on the predetermined cover layer is received, the enlarged data display area and the predetermined cover layer are hidden, i.e., the page returns to the target page on which the target data display area is displayed.
[0057] In the embodiment of the present disclosure, in the process of displaying an enlarged data display area corresponding to the target data display area on the target page, a function of hiding the enlarged data display area is realized by a predetermined return trigger operation on the enlarged data display area, so that the user can continuously view the data changes in the data display area on the target page, thereby improving the data display effect and satisfying the user's needs for data display effect.
[0058] In practical applications, before the enlarged data display area corresponding to the target data display area is displayed on the target page, it is also necessary to determine the display position of the enlarged data display area on the target page.
[0059] In one alternative embodiment, an enlarged data display area corresponding to the target data display area may be determined based on predetermined display position parameter information corresponding to the target data display area and a viewport size of the target page, where the predetermined display position information corresponding to the target data display area includes width information and height information of the target data display area.
[0060] In one optional embodiment, after determining the display position of the enlarged data display area on the target page, it is also necessary to adaptively scale the target data display area according to the proportional relationship between the target data display area and the enlarged data display area so that the target data display area can occupy the entire enlarged data display area.
[0061] In an embodiment of the present disclosure, upon receiving a predetermined enlargement trigger operation for a target data display area among a plurality of data display areas, width information and height information of the target data display area are obtained. Then, height information of the enlarged data display area is calculated based on a predetermined top margin (or bottom margin) and the viewport height of the target page, and width information of the enlarged data display area is calculated based on a predetermined left margin (or right margin) and the viewport width of the target page. Based on the width information and height information corresponding to the target data display area and the enlarged data display area, an aspect scaling ratio of the target data display area relative to the enlarged data display area is calculated. Finally, based on the aspect scaling ratio, the scaling of the display from the target data display area to the enlarged data display area is controlled.
[0062] The predetermined top margin (or bottom margin) is the distance from the top edge of the viewport of the target page to the top edge (or bottom edge) of the enlarged data display area, and the predetermined left margin (or right margin) is the distance from the left edge of the viewport of the target page to the left edge (or right edge) of the enlarged data display area. In practical applications, the parameter information of the predetermined top margin (or bottom margin) and the predetermined left margin (or right margin) can be preset according to needs.
[0063] 5, which is a schematic diagram of a display area provided by an embodiment of the present disclosure, first obtains width and height information of the target display area 501, then calculates height information of the enlarged data display area 502 based on the predetermined top margin Ty1 (or predetermined bottom margin Ty2) and the height of the viewport of the target page, and calculates width information of the enlarged data display area 502 based on the predetermined left margin Tx1 (or predetermined right margin) and the width of the viewport of the target page. Based on the width and height information corresponding to the target data display area 501 and the enlarged data display area 502, the aspect scaling ratio of the target data display area 501 relative to the enlarged data display area 502 is calculated. Finally, adaptive scaling of the enlarged data display area 502 is realized based on the aspect scaling ratio.
[0064] In practical applications, in order to give users a certain expectation regarding the process of enlarging the target data display area, when a predetermined enlargement trigger operation is received for the target data display area, it is also possible to switch the display from the target data display area to the enlarged data display area in the form of a predetermined animation, thereby reducing the abruptness that occurs during the process of switching from the target data display area to the enlarged data display area and improving the user experience.
[0065] In the embodiment of the present disclosure, in order to easily determine the trajectory position of the predetermined animation on the target page, the center point of the target data display area can be determined as the starting point of the trajectory of the predetermined animation, and the upper left corner vertex or the center point of the enlarged data display area can be determined as the end point of the trajectory of the predetermined animation, thereby realizing the effect of the predetermined animation being enlarged from the center point of the target data display area to the upper left corner vertex or the center point of the enlarged data display area, thereby improving the user experience. As shown in Figure 5, the center point of the target data display area is represented by M0, and the upper left corner vertex of the enlarged data display area is represented by F0, and the predetermined animation starts from M0 and moves along the predetermined trajectory to the end point F0.
[0066] In one optional embodiment, during the process of displaying the enlarged data display area on the target page, when a predetermined return operation on the enlarged data display area is received, the enlarged data display area can be hidden in the target data display area in the form of a predetermined animation, which further reduces the abruptness caused when the enlarged data display area is hidden and improves the user experience.
[0067] In the embodiment of the present disclosure, in the process of hiding the enlarged data display area, the upper left corner vertex or center point of the enlarged data display area can be determined as the starting point of the path of the predetermined hiding animation, and the center point of the target data display area can be determined as the end point of the path of the predetermined hiding animation, thereby realizing the effect of hiding the predetermined hiding animation from the upper left corner vertex or center point of the enlarged data display area to the center point of the target data display area, and improving the user experience.
[0068] As can be seen, the embodiment of the present disclosure can trigger the enlargement of local data on the target page during data display on a large screen, thereby realizing a clearer and more detailed display of local data on a large screen, improving the data display effect, and thereby meeting the user's needs for data display effect. Furthermore, the embodiment of the present disclosure can also hide the enlarged data display area within the target data display area in the form of a predetermined animation, thereby improving the user's experience.
[0069] The technical solutions provided by the embodiments of the present disclosure have at least the following advantages over the prior art:
[0070] An embodiment of the present disclosure provides a data display method, which displays multiple data display areas on a target page, each of which is provided with a data source, and is used to display data from the corresponding data source. Upon receiving a predetermined zoom trigger operation for the target data display area, an enlarged data display area corresponding to the target data display area is displayed, and the display area area of the enlarged data display area is larger than the display area area of the target data display area. As can be seen, the embodiment of the present disclosure can trigger the zoom display of local data on the target page during the process of displaying data on a large screen, thereby realizing a clearer and more detailed display of local data on the large screen, improving the data display effect, and meeting users' needs for data display effect.
[0071] In addition to the above method embodiments, the present disclosure also provides a data display device. Referring to FIG. 6, which is a schematic diagram of the configuration of a data display device provided by an embodiment of the present disclosure, the device includes: a first display module 601 for displaying a plurality of data display areas on a target page, wherein a data source is set in each of the plurality of data display areas, and data of the corresponding data source is displayed in the data display area; a second display module 602 for displaying an enlarged data exhibition area corresponding to a target data exhibition area in response to a predetermined enlargement trigger operation on the target data exhibition area among the plurality of data exhibition areas; The display area area of the enlarged data display area is larger than the display area area of the target data display area, and the enlarged data display area is used to display first target data, the first target data including data in the target data display area or data in the target data display area and second target data, and the second target data is data not displayed in the target data display area.
[0072] In one alternative embodiment, the device further comprises: and a third display module for displaying a predetermined enlarged controller in a target data display area of the plurality of data display areas when a predetermined first trigger event for the target data display area is monitored.
[0073] Correspondingly, the third display module: A display sub-module is provided for displaying an enlarged data display area corresponding to the target data display area in response to a trigger operation on the predetermined enlargement controller within the target data display area.
[0074] In one alternative embodiment, the device further comprises: A hiding module is provided for hiding the enlarged data display area in response to a predetermined return trigger operation on the enlarged data display area.
[0075] In one alternative embodiment, the device further comprises: and a fourth display module for displaying a predetermined return controller within the enlarged data display area when a predetermined second trigger event for the enlarged data display area is monitored.
[0076] Correspondingly, the non-display module: A hide sub-module is provided for hiding the enlarged data display area in response to a trigger operation on the predetermined return controller.
[0077] In one alternative embodiment, the device further comprises: A determination module is provided for determining an enlarged data display area corresponding to the target data display area based on predetermined display position parameter information corresponding to the target data display area and a viewport size.
[0078] In one alternative embodiment, the second display module comprises: It has a switching display submodule for switching the display from the target data display area to the enlarged data display area in the form of a predetermined animation in response to a predetermined enlargement trigger operation on a target data display area among the plurality of data display areas, wherein the starting point of the predetermined animation trajectory is the center point of the target data display area, and the end point of the predetermined animation trajectory is the upper left corner vertex or center point of the enlarged data display area.
[0079] In one alternative embodiment, the second display module comprises: The device has a cover layer display submodule for displaying a predetermined cover layer on the target page in response to a predetermined expansion trigger operation on a target data exhibition area among the plurality of data exhibition areas, and displaying an expanded data exhibition area corresponding to the target data exhibition area on the predetermined cover layer.
[0080] In one alternative embodiment, the display area area of the data in the target data display area in the enlarged data display area is larger than the display area area of the data in the target data display area in the target data display area.
[0081] In the data display device provided by the embodiment of the present disclosure, a plurality of data display areas are displayed on a target page, each of which is provided with a data source, and the data display area is used to display data from the corresponding data source. When a predetermined zoom trigger operation for the target data display area is received, an enlarged data display area corresponding to the target data display area is displayed, and the display area area of the enlarged data display area is larger than that of the target data display area. As can be seen, the embodiment of the present disclosure can trigger the target page to zoom in and display local data in the process of displaying data on a large screen, thereby realizing a clearer and more detailed display of local data on the large screen and improving the data display effect, thereby satisfying users' needs for data display effect.
[0082] In addition to the above-described methods and devices, embodiments of the present disclosure also provide a computer-readable storage medium having stored thereon instructions that, when executed on a terminal device, cause the terminal device to implement the data display method described in the embodiments of the present disclosure.
[0083] An embodiment of the present disclosure also provides a computer program product, which includes computer programs / instructions that, when executed by a processor, implement the data display method according to the embodiment of the present disclosure.
[0084] Furthermore, an embodiment of the present disclosure also provides a data display device, as shown in FIG. 7, which includes: The data exhibition device may include a processor 701, a memory 702, an input device 703, and an output device 704. The number of processors 701 in the data exhibition device may be one or more, and one processor is taken as an example in Figure 7. In some embodiments of the present disclosure, the processor 701, the memory 702, the input device 703, and the output device 704 may be connected via a bus or other means, and Figure 7 takes connection via a bus as an example.
[0085] The memory 702 may be used to store software programs and modules, and the processor 701 executes the software programs and modules stored in the memory 702 to perform various functional applications and data processing of the data exhibition device. The memory 702 may mainly include a storage program area and a storage data area, and the storage program area may store an operating system, an application program necessary for at least one function, etc. Furthermore, the memory 702 may include high-speed random access memory and may also include non-volatile memory, such as at least one disk storage device, flash storage device, or other volatile solid-state storage device. The input device 703 may be used to receive input numeric or character information and to generate signal inputs related to user settings and function control of the data exhibition device.
[0086] Specifically, in this embodiment, the processor 701 loads executable files corresponding to the processes of one or more applications into the memory 702 in accordance with the following instructions, and the processor 701 executes the applications stored in the memory 702, thereby realizing the various functions of the data display device described above.
[0087] It should be noted that, in this specification, relational terms such as "first" and "second" are used only to distinguish one entity or operation from another, and do not necessarily require or imply that such an actual relationship or order exists between those entities or operations. Furthermore, the use of "comprises," "comprises," or other variations thereof is intended to be open-ended inclusions, such that a process, method, article, or device of a set of elements may include not only those elements but also other elements not expressly listed or elements inherent in such process, method, article, or device. Furthermore, when limited, an element defined by the phrase "comprising..." does not exclude the presence of other identical elements in the process, method, article, or device that includes that element.
[0088] The foregoing are merely specific embodiments of the present disclosure that will enable those skilled in the art to understand or practice the present disclosure. Various modifications to these examples will be apparent to those skilled in the art, and the general principles defined herein may be implemented in other examples without departing from the spirit or scope of the present disclosure. Therefore, the present disclosure is not intended to be limited to the examples described herein, but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.
Claims
1. Displaying a plurality of data display areas on the target page, wherein a data source is set in each of the plurality of data display areas, and data of the corresponding data source is displayed in the data display area; In response to a predetermined expansion trigger operation on a target data exhibition area among the plurality of data exhibition areas, displaying an expanded data exhibition area corresponding to the target data exhibition area; A data display method, wherein the display area area of the enlarged data display area is larger than the display area area of the target data display area, the enlarged data display area is used to display first target data, the first target data includes data in the target data display area, or data in the target data display area and second target data, and the second target data is data not displayed in the target data display area.
2. In response to a predetermined expansion trigger operation on a target data exhibition area among the plurality of data exhibition areas, before displaying an expanded data exhibition area corresponding to the target data exhibition area, further comprising: displaying a predetermined enlarged controller in a target data display area of the plurality of data display areas when a first predetermined trigger event for the target data display area is monitored; Correspondingly, in response to a predetermined expansion trigger operation on a target data exhibition area among the plurality of data exhibition areas, displaying an expanded data exhibition area corresponding to the target data exhibition area includes:
2. The method of claim 1, further comprising displaying an enlarged data exhibition area corresponding to the target data exhibition area in response to a trigger operation on the predetermined enlargement controller within the target data exhibition area.
3. The method of claim 1 , further comprising: hiding the enlarged data display area in response to a predetermined return trigger operation on the enlarged data display area.
4. in response to a predetermined return trigger operation on the enlarged data display area, before hiding the enlarged data display area; further comprising displaying a predetermined return controller in the enlarged data display area when a second predetermined trigger event for the enlarged data display area is monitored; Correspondingly, hiding the enlarged data display area in response to a predetermined return trigger operation on the enlarged data display area includes:
4. The method of claim 3, further comprising hiding the enlarged data display area in response to a trigger operation on the predetermined return controller.
5. before displaying the enlarged data display area corresponding to the target data display area; The method of claim 1 , further comprising determining an enlarged data display area corresponding to the target data display area based on predetermined display position parameter information and a viewport size corresponding to the target data display area.
6. In response to a predetermined expansion trigger operation on a target data exhibition area among the plurality of data exhibition areas, displaying an expanded data exhibition area corresponding to the target data exhibition area, and switching the display from the target data exhibition area to the enlarged data exhibition area in the form of a predetermined animation in response to a predetermined enlargement trigger operation on a target data exhibition area among the plurality of data exhibition areas; The method of claim 1 , wherein the starting point of the predetermined animation path is the center point of the target data display area, and the ending point of the predetermined animation path is the upper left corner vertex or the center point of the enlarged data display area.
7. In response to a predetermined expansion trigger operation on a target data exhibition area among the plurality of data exhibition areas, displaying an expanded data exhibition area corresponding to the target data exhibition area, 2. The method of claim 1, further comprising: displaying a predetermined cover layer on the target page in response to a predetermined expansion trigger operation on a target data exhibition area among the plurality of data exhibition areas; and displaying an expanded data exhibition area corresponding to the target data exhibition area on the predetermined cover layer.
8. The method of claim 1 , wherein a display area area of the data in the target data exhibition area in the enlarged data exhibition area is greater than a display area area of the data in the target data exhibition area in the target data exhibition area.
9. a first display module for displaying a plurality of data display areas on the target page, wherein a data source is installed in each of the plurality of data display areas, and data of the corresponding data source is displayed in the data display area; a second display module for displaying an enlarged data display area corresponding to a target data display area in response to a predetermined enlargement trigger operation on the target data display area among the plurality of data display areas; A data display device, wherein the display area of the enlarged data display area is larger than the display area area of the target data display area, the enlarged data display area is used to display first target data, the first target data includes data in the target data display area, or data in the target data display area and second target data, and the second target data is data not displayed in the target data display area.
10. A computer-readable storage medium having stored thereon instructions that, when executed on a terminal device, cause said terminal device to implement the method of any one of claims 1 to 8.
11. A data exhibition device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor, when executing the computer program, implements the method of any one of claims 1 to 8.
Citation Information
Patent Citations
Method and device for executing object on display
JP2013218689A