CN111984178A - Data display method, device and storage medium - Google Patents

Data display method, device and storage medium Download PDF

Info

Publication number
CN111984178A
CN111984178A CN201910434715.0A CN201910434715A CN111984178A CN 111984178 A CN111984178 A CN 111984178A CN 201910434715 A CN201910434715 A CN 201910434715A CN 111984178 A CN111984178 A CN 111984178A
Authority
CN
China
Prior art keywords
display object
display
interactive
data
turntable
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201910434715.0A
Other languages
Chinese (zh)
Inventor
钟炜炜
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba Group Holding Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201910434715.0A priority Critical patent/CN111984178A/en
Publication of CN111984178A publication Critical patent/CN111984178A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847Interaction techniques to control parameter settings, e.g. interaction with sliders or dials

Abstract

The embodiment of the application provides a data display method, data display equipment and a storage medium. The method comprises the following steps: displaying an interactive rotating disc on an interface, wherein at least one display object is distributed on the interactive rotating disc; and displaying the detail information of the at least one display object in response to the interaction event on the interaction dial. In this embodiment, the interactive carousel can accommodate more display objects in a limited space, and has stronger interactivity, which is beneficial to further enhance the visual presentation effect of data while increasing the display objects.

Description

Data display method, device and storage medium
Technical Field
The present application relates to the field of internet technologies, and in particular, to a data display method, device, and storage medium.
Background
With the rapid development of big data technology, data visualization is becoming an effective means for presenting massive data. Data visualization refers to mining hidden information in data and presenting the data in a visual effect by means of a graphical means.
Data visualization is not a departure from various cool data visualization components and interaction components. The interactive component is used for interacting with a user, and the data visualization component is used for visually displaying data according to instructions of the interactive component. However, in the prior art, the form of the interactive component is single, and the increasingly rich data display requirements cannot be met. Therefore, a new solution is yet to be proposed.
Disclosure of Invention
Aspects of the application provide a data display method, data display equipment and a storage medium, so that the form of an interactive component is enriched, and the efficiency of data visualization display is improved.
An embodiment of the present application further provides a data display method, including: displaying an interactive turntable on the interface; at least one display object is distributed on the interactive turntable; and displaying the detail information of the at least one display object in response to the interaction event on the interaction dial.
An embodiment of the present application further provides a data display device, including: the interaction module is used for displaying the interaction turntable on the interface; at least one display object is distributed on the interactive turntable; and the data display module is used for responding to the interaction event on the interaction turntable and displaying the detail information of the at least one display object.
An embodiment of the present application further provides a data display device, including: a memory and a processor; the memory is to store one or more computer instructions; the processor is used for executing the one or more computer instructions to execute the data display method provided by the embodiment of the application.
The embodiment of the present application further provides a computer-readable storage medium storing a computer program, and when the computer program is executed by a processor, the processor is enabled to execute the data display method provided by the embodiment of the present application.
In the data display method provided by the embodiment of the application, the interactive turntable is displayed on the interface, at least one display object is distributed on the interactive turntable, and a user can perform interactive operation on the interactive turntable to view data. In this embodiment, the interactive carousel can accommodate more display objects in a limited space, and has stronger interactivity, which is beneficial to further enhance the visual presentation effect of data while increasing the display objects.
Drawings
The accompanying drawings, which are included to provide a further understanding of the application and are incorporated in and constitute a part of this application, illustrate embodiment(s) of the application and together with the description serve to explain the application and not to limit the application. In the drawings:
fig. 1a is a schematic flow chart of a data display method according to an exemplary embodiment of the present application;
FIG. 1b is a schematic illustration of an interactive carousel provided in an exemplary embodiment of the present application;
FIG. 1c is another illustration of an interactive carousel as provided by an exemplary embodiment of the present application;
FIG. 2 is yet another illustration of an interactive carousel as provided by an exemplary embodiment of the present application;
FIG. 3a is a schematic flow chart diagram illustrating a data display method according to another exemplary embodiment of the present application;
FIG. 3b is a schematic representation of an interactive carousel provided in an exemplary embodiment of the present application before rotation;
FIG. 3c is a schematic representation of the interactive carousel after rotation as provided by an exemplary embodiment of the present application;
FIG. 4 is a schematic flow chart diagram illustrating a data display method according to another exemplary embodiment of the present application;
FIG. 5a is a schematic flow chart diagram illustrating a data display method according to another exemplary embodiment of the present application;
FIG. 5b is an illustration of details of a carousel display object in sort order provided by an exemplary embodiment of the present application;
FIG. 5c is an illustration of detailed information for a display object in chronological carousel, as provided by an exemplary embodiment of the present application;
fig. 6 is a schematic structural diagram of a data display device according to an exemplary embodiment of the present application;
fig. 7 is a schematic structural diagram of a data display device according to an exemplary embodiment of the present application.
Detailed Description
In order to make the objects, technical solutions and advantages of the present application more apparent, the technical solutions of the present application will be described in detail and completely with reference to the following specific embodiments of the present application and the accompanying drawings. It should be apparent that the described embodiments are only some of the embodiments of the present application, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
In the existing data visualization technology, an interaction component for interacting with a user has the defect of single form, and further the increasing data display requirements cannot be met. In view of this drawback, in some embodiments of the present application, a solution is provided, and the technical solutions provided by the embodiments of the present application will be described in detail below with reference to the accompanying drawings.
Fig. 1a is a schematic flowchart of a data display method according to an exemplary embodiment of the present application, and as shown in fig. 1a, the method includes:
step 101, displaying an interactive turntable on an interface; at least one display object is distributed on the interactive carousel.
And 102, responding to the interaction event on the interaction dial, and showing the detail information of the at least one display object.
The present embodiment may be implemented by a data display device, which may be implemented as a display device such as a desktop computer, a notebook computer, a tablet computer, a mobile phone, and a smart television, but is not limited thereto.
The data display device may provide an interface that may present at least one display object distributed on the interactive carousel and detailed information of the display object. Wherein, the detail information of the display object can be displayed through the data visualization component. A typical interface may be as shown in figure 1 b.
The data visualization component refers to a component which can adopt a graphical means to present data with an intuitive visual effect. In some embodiments, the data visualization component may be implemented as a conventional chart component, including but not limited to: chart components such as line graphs, bar graphs, pie charts, scatter charts, radar charts, relationship charts, asahi charts, morus base charts, funnel charts, instrument panels, pictogram charts and the like; in other embodiments, the data visualization component may be implemented as a map component, including but not limited to: 2D (dimensions) maps, 2.5D maps, 3D planar maps, 3D earth, and the like. Of course, in some other embodiments, the data visualization component may also be implemented as other components that display data based on a graphical means, which is not described herein again.
The interactive turntable is a disc-shaped interactive assembly capable of displaying a rotating animation effect, and is used for providing an interactive inlet for a user, acquiring interactive operation input by the user, and notifying the data visualization assembly to update display content according to the interactive operation, so that the data display equipment can display data according to the requirements of the user. In some embodiments, disk-like, may be implemented in the shape of a circle or ellipse, as shown in FIG. 1 b; in other embodiments, the disk shape may be implemented as a rectangle or other possible shapes, and the embodiment is not limited.
In this embodiment, at least one display object is distributed on the interactive carousel. Wherein, each display object is used for providing an operation entrance, and the operation entrance is used for controlling the data content displayed by the data visualization component. For example, a first display object and a second display object are distributed on the interactive dial, when a user selects the first display object, the data visualization component can display detailed information of the first display object, and when the user selects the second display object, the data visualization component can switch the displayed content to the detailed information of the second display object.
Compared with a time shaft assembly, a Tabs assembly and a button assembly in the prior art, the embodiment can accommodate more display objects in a limited display space based on the disc-shaped appearance of the interactive turntable, which is beneficial to improving the efficiency of data visualization.
In some embodiments, the interactive carousel may be as shown in FIG. 1b, with its disk-like shape fully represented in the interface provided by the data display device; in other embodiments, as shown in FIG. 1c, a portion of the disk-like shape of the interactive carousel is shown in the interface and another portion is not shown to further save display space on the interface. Hereinafter, for convenience of description, a portion of the disk-like shape shown in the interface is denoted as a first disk-like portion, and a portion not shown in the interface is denoted as a second disk-like portion.
In some embodiments, a first display object of the at least one display object is presented in the first disk portion and a second display object is not presented in the first disk portion. When the interactive carousel exhibits a rotation effect, the data display device may exhibit a dynamic effect of the second display object rotating from the second disk portion to the first disk portion as the interactive carousel rotates. The first display object may include one or more display objects, and the second display object may include one or more display objects, which is not limited in this embodiment. Based on the embodiment, the interaction carousel can provide interaction access for more display objects to the user in a limited display space.
In this embodiment, the interaction event on the interaction wheel is used to indicate the detailed information of which display objects are shown. The interactive event on the interactive dial may be a user event or a system event, and this embodiment is not limited. The user event may be triggered by a user, the system event may be triggered by other applications or other processes in the data display device, or may be triggered by a timer in the data display device, which is not limited in this embodiment.
In this embodiment, an interactive carousel is displayed on the interface, at least one display object is distributed on the interactive carousel, and a user may perform an interactive operation on the interactive carousel to view data. In this embodiment, the interactive carousel can accommodate more display objects in a limited space, and has stronger interactivity, which is beneficial to further enhance the visual presentation effect of data while increasing the display objects.
In the above and following embodiments of the present application, an alternative implementation of displaying the interactive carousel on the interface may be: drawing a first circular arc and a second circular arc which are concentric on the interface, wherein the radius of the second circular arc is smaller than that of the first circular arc. Then, determining an arc display area concentric with the first arc between the first arc and the second arc as a display area corresponding to the interactive turntable; the interactive turntable can display the animation effect rotating around the circle center of the first arc.
Alternatively, in some embodiments, the first arc and the second arc may be directly used as the boundary of the display area corresponding to the interactive dial, as shown in fig. 2. FIG. 2 illustrates an alternative style of interactive carousel, but it should be understood that the present embodiment is not limited to the style of interactive carousel shown only in FIG. 2.
And then, at least one display object is displayed in the display area corresponding to the interactive rotating disc.
In some typical embodiments, the at least one display object comprises a plurality of display objects. In this case, one way of presenting the at least one display object in the display area corresponding to the interactive carousel may include: determining a central angle corresponding to each of the at least one display object according to the specified object distribution density and the radius of the second circular arc; then, according to the central angle corresponding to the at least one display object, a display sub-area corresponding to the at least one display object is determined in the display area corresponding to the interactive turntable, and the at least one display object is displayed in the display sub-area corresponding to the at least one display object.
The object distribution density may be set by a user through a user-defined method, or may be set by default through a data display device, which is not limited in this embodiment. In some exemplary embodiments, the object distribution density may be defined by the length of the bottom side of the display sub-region corresponding to any display object. Alternatively, the length of the bottom edge may be expressed as the length of an arc between two end points of the bottom edge of the display sub-region. For example, when the arc length is I and the half of the second arc is r, the central angle corresponding to the display sub-region is I/(pi x r).
In some exemplary embodiments, a manner of presenting the at least one display object in the display sub-area corresponding to each of the at least one display object may include: and correspondingly displaying the icon and the character corresponding to the display object in the display sub-area corresponding to the display object aiming at any display object in at least one display object.
Fig. 2 illustrates a typical implementation form of the interactive carousel, and as shown in fig. 2, "dolphin" text and "dolphin" icon may be displayed in a display sub-region corresponding to the "dolphin" display object, and "shark" text and "shark" icon may be displayed in a display sub-region corresponding to the "shark" display object, which are not described again. For a visual and aesthetic effect, in the display sub-region corresponding to each display object, the text may be displayed near the first arc, and the icon may be displayed near the second arc, as shown in fig. 2; of course, in other embodiments, the text may be displayed near the second arc, and the icon may be displayed near the first arc, which is not described again.
In some exemplary embodiments, optionally, as shown in fig. 2, when drawing the first circular arc, a first tick mark may be drawn on the first circular arc. The first scale mark can be used as a reference scale mark when the interactive rotating disc rotates. Wherein, first scale mark contains many scale marks of equalling divide interactive carousel equally, and the central angle that two adjacent scale marks pressed from both sides is the same.
After an arc-shaped display area concentric with the first circular arc (or the second circular arc) is determined between the first circular arc and the second circular arc as the display area corresponding to the interactive turntable, the central arc of the display area corresponding to the interactive turntable can be determined. Then, drawing a second scale mark on the central arc line to indicate the rotation angle of the interactive turntable, as shown in fig. 2; where the central arc is used as a reference line for drawing the second tick mark, in fig. 2, the central arc is not shown for aesthetic visual effect. The second scale marks comprise a plurality of scale marks which equally divide the display area of the interactive turntable. In some embodiments, as shown in fig. 2, the length of the tick mark located at the boundary of different display sub-regions may be slightly longer than the tick mark located in the display sub-regions, so that the separation effect of the display sub-regions corresponding to different display objects can be visually demonstrated.
In this embodiment, when the animation effect of the rotation of the interactive turntable is displayed, the data display device may display an effect that the first arc and the first scale line remain stationary, but the second scale line rotates along with the rotation of the interactive turntable. Based on the above, when the interactive turntable continuously rotates, the position of the second scale mark relative to the first scale mark can be dynamically changed. Based on this dynamic change in position, the angle of rotation of the interactive dial can be determined.
It should be noted that, in some typical cases, as the application scene changes, the user may have a request for updating the display object. For example, the user requests to replace the "dolphin" display object shown in fig. 2 with the "hippocampus" display object. In this case, the following steps may be performed to implement the update operation of the display object.
Optionally, in response to a request for updating a first display object of the at least one display object to a second display object, acquiring an icon and a character corresponding to the second object; the first display object is any one of the at least one display object, and the second display object may be any one of the display objects that the user wants to show through the interactive carousel. The "first" and "second" are used for convenience of description only, and do not set any limit to the sequence number or the arrangement order of the display objects.
And then, when the interactive turntable displays the animation effect rotating around the circle center of the first arc, drawing the icons and the characters corresponding to the second display object in the corresponding display sub-area after the first display object rotates according to the icons and the characters corresponding to the second object. Up to this point, the update operation of the display object is smoothly achieved.
Taking advantage of the above example, when the user requests to replace the "dolphin" display object shown in fig. 2 with the "hippocampus" display object, the user can acquire the icons and characters corresponding to the hippocampus. And then, when the interactive turntable shows the rotation effect next time, drawing icons and characters corresponding to the display object of the sea horse in the display sub-area corresponding to the display object of the dolphin. That is to say, before the interactive turntable rotates, the dolphin icons and characters are displayed on the interactive turntable, and after the interactive turntable rotates, the display sub-area which should originally display the rotated dolphin icons and characters displays the hippocampus icons and characters.
It should be noted that, in some embodiments, the identification of the second display object may also be obtained. The identification mark can be used for the data visualization component to acquire the detailed information of the second display object from the data to be displayed, and is not repeated here.
Optionally, in some embodiments of the application, the data display device may draw the interactive carousel using WebGL (Web Graphics Library) based on GPU (Graphics Processing Unit); in other embodiments of the present application, the interactive carousel may also be drawn based on a Central Processing Unit (CPU) of the data display device, which is not limited in this embodiment.
In the technical solutions described in the above embodiments, the interactive event on the interactive dial may be a user event or a system event. Optionally, when the interaction event on the interaction dial is implemented as a user event, the interaction event may include any one of a click event, a rotation event, a touch event, and a hover event; when the interaction event is implemented as a system event, the event may be implemented as a carousel event triggered by the system. The data display method provided by the embodiments of the present application will be further described with reference to some exemplary embodiments and with reference to specific interaction events.
Fig. 3a is a schematic flowchart of a data display method according to another exemplary embodiment of the present application, and as shown in fig. 3a, the method includes:
step 301, displaying an interactive turntable on an interface, wherein at least one display object is distributed on the interactive turntable.
And step 302, responding to the rotation event aiming at the interactive turntable, and displaying the animation effect of the rotation of the interactive turntable.
Step 303, when a rotation stop event of the interactive dial is detected, judging whether a display object corresponding to an object indication icon or a designated position on the interface exists in the at least one display object; if so, go to step 304; if not, go to step 306.
And 304, acquiring a display object corresponding to the object indication icon and/or the designated position on the interface in the at least one display object as a target display object.
And 305, acquiring the detail information of the target display object from the data to be displayed and displaying the detail information.
Step 306, determining the display object closest to the object indication icon or the designated position on the interface in the at least one display object as the homing display object.
And 307, displaying the self-rotation animation effect of the interactive turntable so that the homing display object corresponds to the object indication icon or the designated position on the interface.
With respect to step 302, in some exemplary embodiments, a user may input a rotation gesture through an input device provided by the data display apparatus to trigger a rotation event for the interactive carousel. In other exemplary embodiments, a user may trigger a rotation event for the interactive carousel via a rotation button presented by the data display device. Of course, in some other alternative embodiments, the user may also trigger the rotation event for the interactive dial by means of a voice instruction, which includes but is not limited to this embodiment. The following detailed description will be given with reference to some embodiments.
In some exemplary embodiments, the input device provided by the data display apparatus may be implemented as a touch screen (Touchscreen). When the data display device displays the interface and the interactive dial on the interface through the touch screen, the user can initiate the rotation operation aiming at the interactive dial on the touch screen. For example, a user may place a finger (or stylus) on the interactive carousel, dragging the finger (or stylus) in a counter-clockwise or clockwise direction. When the data display device detects the operation of dragging the finger (or the touch pen) by the user, it can be considered that the rotation event aiming at the interactive dial input by the user is detected, and then the animation effect of the rotation of the interactive dial is displayed.
In other exemplary embodiments, the input means provided by the data display device may be implemented as a mouse or a peripheral touchpad. When the data display equipment shows the interactive turntable on the interface, a user can place a cursor on the interactive turntable through a mouse or a touch pad and control the cursor to drag the interactive turntable. When the data display device detects a cursor dragging operation on the interface, it can be considered that a rotation event for the interactive dial input by the user is detected, and then an animation effect of the rotation of the interactive dial is displayed.
Optionally, in some exemplary embodiments, when the data display device displays an animation effect of the rotation of the interactive carousel, a rotation angle corresponding to the rotation event may be obtained; then, the distribution position of the at least one display object on the interactive turntable is updated based on a Rotation matrix function (Rotation matrix) corresponding to the Rotation angle.
The rotation matrix function can change the direction of the vector after being multiplied by a position vector, but does not change the size of the vector. In two-dimensional space, a rotation matrix function that can rotate a position vector by an angle θ can be expressed as:
Figure BDA0002070159890000101
and will not be described in detail.
For example, when it is detected that the user drags the finger in the counterclockwise direction or the clockwise direction, a central angle corresponding to an arc (the arc is concentric with the first arc) with the starting point and the ending point of the user's finger as the end points may be obtained, and the central angle may be used as the rotation angle corresponding to the rotation event.
The following description will be made with reference to specific examples. As shown in fig. 3b, assuming that the central angle of each display sub-region is 10 °, when the starting point of the user's finger is the display sub-region corresponding to "dolphin" and the ending point of the finger is the display sub-region corresponding to "shark", the user's finger has rotated 10 °. Based on this, after the distribution positions of the display objects on fig. 3b are updated, "seal" has rotated to the display sub-region corresponding to the original "dolphin," dolphin "has rotated to the display sub-region corresponding to the original" shark, "and so on, as shown in fig. 3c, the description is omitted.
It should be noted that the rotation gesture input by the user has a certain rotation path, and in the rotation process, the rotation angle changes continuously along with the change of the path. Therefore, in some embodiments, the data display device may calculate the rotation angle of the user in real time according to the change of the rotation path, and update the distribution position of the display object in real time based on the rotation angle, so as to achieve the effect that the interactive dial rotates continuously in real time along with the occurrence of the rotation gesture, and further description is omitted.
In step 303, based on the description of the above steps, the rotation stop event of the interactive dial may be triggered by the user inputting a rotation stop gesture through an input device provided by the data display device; the device can also be triggered by a rotation stop button displayed by a user through data display equipment; alternatively, the voice command may be triggered by a rotation stop voice command input by the user through the microphone assembly, which includes but is not limited to this embodiment.
Wherein, the object indication icon on the interface can be drawn at the designated position on the interface for indicating the target display object selected by the user. As shown in fig. 1a, 1b, 1c and fig. 2, the object indication icon may be implemented as a "triangle" icon. Of course, in some other embodiments, the object indication icon may also be implemented as an "arrow" icon, a "star" icon, a "finger" icon, and so on, including but not limited to this embodiment. When the user triggers the rotation event of the interactive dial, the object indication icon can be used as a reference position, and the target display object is rotated to the position pointed by the object indication icon, so that the data display device determines the target display object.
The designated position on the interface is a position fixed relative to the rotating disc, and the position is used for indicating the target display object selected by the user. As shown in fig. 1a, 1b, 1c and fig. 2, the designated position may be a position on the interface corresponding to a vertical center line of the interactive dial. When the user triggers the rotation event of the interactive dial, the designated position can be used as a reference position, and the target display object is rotated to the designated position, so that the data display device determines the target display object.
In step 304, based on the description of the object indication icon and the designated position, after the interactive dial shows the spinning animation effect, the data display device may use the display object corresponding to the object indication icon and/or the designated position on the interface as the target display object selected by the user.
In step 305, after the target display object is determined, the detail information of the target display object may be obtained from the data to be displayed, and displayed. The data to be displayed can be from the local data display device, or from other devices, such as a remote device or a cloud device.
In some exemplary embodiments, the data display device may obtain the data to be displayed through a set data Interface, or obtain the data to be displayed in a specified database, or obtain the data to be displayed through a cloud API (Application Programming Interface), or obtain the data to be displayed through a CSV (Comma-Separated Values format) file, which includes but is not limited to this embodiment.
Optionally, in this embodiment, after determining the target display object, the interaction carousel may send the identification of the target display object to the data visualization component. And then, each data visualization component in the data visualization components can respectively acquire target data corresponding to the identification mark from the data to be displayed, obtain the target data corresponding to each data visualization component, and display the target data.
Alternatively, in some exemplary embodiments, the identification of the target display object may be implemented as a callback ID (identification number) corresponding to the target display object. The callback ID is a parameter variable used for controlling the transmission of parameters between the components, so that the purpose of interaction between the components is achieved. In the interactive rotating disc, each display object can respectively correspond to a callback ID; the data visualization display component can call data which has a corresponding relation with the callback ID in the data to be displayed according to the received callback ID. Based on this, the interaction carousel can be associated with the content displayed by the display component by recalling the ID. After the target display object is determined, the interaction turntable can send the callback ID of the target display object to the data visualization component, and the data visualization component displays the target data corresponding to the callback ID for the user to check, so that the details are not repeated.
In some typical scenarios, optionally, when the data visualization component is displaying the target data of the target display object, if it is detected that the target data in the data to be displayed is updated, it may be determined whether the display time of the target data in the visualization component is less than a set time threshold; if the display time of the target data is greater than or equal to the set time threshold, the target data displayed on the interface can be directly switched to the updated target data; if the display time of the target data is less than the time threshold, starting a timing event corresponding to the target display object; and the timing event corresponding to the target display object is used for indicating the data visualization component to switch the detailed information of the target display object after a set time interval. When the timing time indicated by the timing event arrives, the data visualization component can switch the target data displayed by the interface into the updated target data.
For example, when the display objects displayed on the interactive dial are various commodities, the user selects the commodity of the mobile phone as a viewing object, and at the moment, the data visualization component acquires the sales data corresponding to the mobile phone from the data to be displayed according to the callback ID corresponding to the mobile phone and displays the sales data. Suppose that the mobile phone sales data in the first quarter of the year can be obtained from the data to be displayed according to the callback ID corresponding to the mobile phone. In the display process, the mobile phone sales data in the data to be displayed are updated to the mobile phone sales data in the second quarter of the year. If the display time of the mobile phone sales data in the first quarter of the year is greater than or equal to the time threshold, the mobile phone sales data in the first quarter in the display can be directly switched to the mobile phone sales data in the second quarter; if the display time of the mobile phone sales data in the first quarter of the year is less than the time threshold, the data visualization component can start a timing event corresponding to the mobile phone. Assume that a timing event specifies a 100ms timing operation. Then, when the 100ms timing is over, the data visualization component can switch the mobile phone sales data in the first quarter in the display to the mobile phone sales data in the second quarter, so as to display the real-time changing data to the user.
Of course, in other embodiments, data corresponding to some callback IDs in the data to be displayed is already updated when not displayed by the data visualization component, and at this time, the data that is not displayed may be directly replaced with the updated data. Based on this, when the data visualization component acquires the data corresponding to the callback IDs for presentation, the replaced data can be directly acquired to ensure timeliness of the presented data.
In step 306, if there is no display object corresponding to the object indication icon on the interface or there is no display object corresponding to the designated position in the at least one display object, it may be determined that the rotation angle corresponding to the rotation event exceeds the distribution range of the display objects.
At this time, the data display apparatus may determine, as the homing display object, a display object closest to the object indication icon or the designated position on the interface from among the at least one display object.
Next, in step 307, the data display device may then present an animation effect of the interactive carousel spinning such that the homing display object ultimately corresponds to the object indication icon or the designated location on the interface.
Optionally, in this embodiment, after a rotation stop event of the interactive dial is detected, a central angle included between the current position of the playback display object and the object indication icon or the designated position on the interface is calculated, the interactive dial is rotated according to a rotation matrix function corresponding to the central angle, and the playback display object is rotated to correspond to the object indication icon or the designated position on the interface.
Based on steps 306 to 307, the data display device can present the technical effect that the interactive turntable automatically returns to a certain nearest display object when the rotation of the interactive turntable exceeds the distribution range of the display objects, thereby enhancing the interest in the interactive process.
In this embodiment, an interactive carousel is displayed on the interface, and at least one display object is distributed on the interactive carousel. The user may trigger a rotation event for the interactive carousel, select the target display object through the rotation event, to view detailed information of the target display object. In the embodiment, the interactive turntable can accommodate more display objects in a limited space, and the rotation effect has stronger interactivity and visual interest, which is beneficial to increasing the display objects and further enhancing the visual presentation effect of data.
Fig. 4 is a schematic flowchart of a data display method according to another exemplary embodiment of the present application, and as shown in fig. 4, the method includes:
step 401, an interactive dial is displayed on the interface, and at least one display object is distributed on the interactive dial.
Step 402, in response to a selection event for the interactive carousel, determining a selected display object of the at least one display object as a target display object.
And step 403, acquiring and displaying the detail information of the target display object from the data to be displayed.
In this embodiment, a selection event for the interaction wheel may be triggered by the user.
In some exemplary embodiments, the input device provided by the data display apparatus may be implemented as a touch screen. When the data display device displays the interface and the interactive dial on the interface through the touch screen, the user can initiate selection operation aiming at the display object on the touch screen. For example, a user may touch a certain display object on the interaction wheel with a finger (or a stylus pen). When the data display device detects a touch operation of a finger (or a touch pen) of a user, it may be considered that a selection operation of the display object by the user is detected.
In other exemplary embodiments, the input means provided by the data display device may be implemented as a mouse or a peripheral touchpad. When the data display device displays the interactive turntable on the interface, a user can place a cursor at a certain display object on the interactive turntable through a mouse or a touch pad, and control the cursor to click the display object. When the data display device detects an operation of clicking a display object by a cursor on the interface, it may be considered that a user selection operation for the display object is detected.
Optionally, in this embodiment, after determining the target display object, the interaction carousel may send the identification of the target display object to the data visualization component. Then, the data visualization component can acquire target data corresponding to the identification mark from the data to be displayed and display the target data.
Optionally, in some exemplary embodiments, the identification of the target display object may be implemented as a callback ID corresponding to the target display object. After the target display object is determined, the interaction turntable can send the callback ID of the target display object to the data visualization component, and the data visualization component displays the data corresponding to the callback ID for the user to check, so that the details are not repeated.
It should be noted that, in this embodiment, after the target display object is determined, the data display device may highlight the target display object.
Optionally, in some exemplary embodiments, the data display device may present an animation effect of the interactive carousel spinning such that the target display object corresponds to a specified location on the interface.
In this embodiment, the data display device may acquire a central angle sandwiched between an original position before the target display object is selected and a designated position on the interface; and then, updating the distribution position of at least one display object on the interactive turntable according to the rotation matrix function corresponding to the central angle so as to finally present the effect of the target display object corresponding to the specified position on the interface.
Optionally, in other exemplary embodiments, the data display device may point an object indication icon on the interface to the target display object. In such an embodiment, the data display device may present an animation effect of the interactive carousel spinning such that the target display object rotates to the position where the object indication icon is located. Alternatively, the data display device may show a technical effect of rotating the object indication icon, so that the object indication icon points to the target display object, which is not limited in this embodiment.
Optionally, in further exemplary embodiments, the data display device may highlight the target display object. For example, highlighting may include: the text color, the icon color, and/or the background color of the display sub-region of the target display object are modified. As another example, highlighting may include: and characters, icons and/or display sub-regions and the like corresponding to the target display object are enlarged, which are not described in detail.
In this embodiment, an interactive carousel is displayed on the interface, and at least one display object is distributed on the interactive carousel. The user may initiate a selection event for the interactive carousel, and select a target display object through the selection event to view detailed information of the target display object. In this embodiment, the interactive carousel can accommodate more display objects in a limited space, and has stronger interactivity, which is beneficial to further enhance the visual presentation effect of data while increasing the display objects.
Fig. 5a is a schematic flowchart of a data display method according to another exemplary embodiment of the present application, and as shown in fig. 5a, the method includes:
step 501, displaying an interactive turntable on an interface, wherein at least one display object is distributed on the interactive turntable.
Step 502, responding to a carousel event for the interactive carousel, and sequentially determining target display objects from the at least one display object according to a sorting order and/or a time order corresponding to the at least one display object.
And 503, acquiring the detail information of the target display object from the data to be displayed and displaying the detail information.
In this embodiment, optionally, the carousel event for the interactive carousel may be a system event triggered by a timer, for example, the carousel event may be triggered when a set time arrives. Alternatively, the carousel event may also be a user event triggered by a user. For example, the carousel event may be triggered when the user clicks a carousel start button, or may be triggered when the user enters an interface, including but not limited to this embodiment.
Generally, data to be displayed is subjected to data preprocessing operations such as mining, analysis and regularization. When presenting the preprocessed data, the display may be performed according to the classified category of the data, as shown in fig. 5b, or according to the time attribute of the data, as shown in fig. 5 c. The display mode can effectively embody the data characteristics so as to facilitate the data analysis of users.
Based on the carousel event, the data display device may sequentially determine the target display objects according to the classification order and/or the time order corresponding to the at least one display object, and sequentially display the detail information of each target display object. For example, based on the illustration of fig. 5b, the data display device may sequentially determine "fresh", "nuts", "cell phone", "lipstick", "shoes", and "one-piece dress" as target display objects, and respectively display the sales data corresponding to each item of merchandise. For another example, as illustrated in fig. 5b, the data display apparatus may sequentially determine "2013", "2014", "2015", "2016", "2017" and "2018" as target display objects, and display the commodity sales data for each year.
Optionally, in this embodiment, after determining the target display object, the interaction carousel may send the identification of the target display object to the data visualization component. Then, the data visualization component can acquire target data corresponding to the identification mark from the data to be displayed and display the target data.
Optionally, in some exemplary embodiments, the identification of the target display object may be implemented as a callback ID corresponding to the target display object. After the target display object is determined, the interaction turntable can send the callback ID of the target display object to the data visualization component, and the data visualization component displays the data corresponding to the callback ID for the user to check, so that the details are not repeated.
It should be noted that, in this embodiment, after the target display object is determined, the data display device may highlight the target display object.
Optionally, in some exemplary embodiments, the data display device may present an animation effect of the interactive carousel spinning such that the target display object corresponds to a specified location on the interface.
In this embodiment, the data display device may acquire a central angle sandwiched between an original position before the target display object is selected and a designated position on the interface; and then, updating the distribution position of at least one display object on the interactive turntable according to the rotation matrix function corresponding to the central angle so as to finally present the effect of the target display object corresponding to the specified position on the interface.
Optionally, in other exemplary embodiments, the data display device may point an object indication icon on the interface to the target display object. In such an embodiment, the data display device may present an animation effect of the interactive carousel spinning such that the target display object rotates to the position where the object indication icon is located. Alternatively, the data display device may show a technical effect of rotating the object indication icon, so that the object indication icon points to the target display object, which is not limited in this embodiment.
Optionally, in further exemplary embodiments, the data display device may highlight the target display object. For example, highlighting may include: the text color, the icon color, and/or the background color of the display sub-region of the target display object are modified. As another example, highlighting may include: and characters, icons and/or display sub-regions and the like corresponding to the target display object are enlarged, which are not described in detail.
In this embodiment, an interactive carousel is displayed on the interface, and at least one display object is distributed on the interactive carousel. Based on the interactive carousel, a carousel event may be triggered to view in turn the detailed information of the target display objects. In this embodiment, the interactive carousel can accommodate more display objects in a limited space, and has stronger interactivity, which is beneficial to further enhance the visual presentation effect of data while increasing the display objects.
It should be noted that the execution subjects of the steps of the methods provided in the above embodiments may be the same device, or different devices may be used as the execution subjects of the methods. For example, the execution subjects of step 201 to step 204 may be device a; for another example, the execution subject of steps 201 and 202 may be device a, and the execution subject of step 203 may be device B; and so on.
In addition, in some of the flows described in the above embodiments and the drawings, a plurality of operations are included in a specific order, but it should be clearly understood that the operations may be executed out of the order presented herein or in parallel, and the sequence numbers of the operations, such as 201, 202, etc., are merely used for distinguishing different operations, and the sequence numbers do not represent any execution order per se. Additionally, the flows may include more or fewer operations, and the operations may be performed sequentially or in parallel. It should be noted that, the descriptions of "first", "second", etc. in this document are used for distinguishing different messages, devices, modules, etc., and do not represent a sequential order, nor limit the types of "first" and "second" to be different.
The embodiment of the present application further provides a data display device, which will be described below with reference to fig. 6. As shown in fig. 6, the data display apparatus includes: an interaction module 601 and a data presentation module 602.
The interaction module 601 is configured to display an interaction carousel on an interface; at least one display object is distributed on the interactive turntable; a data displaying module 602, configured to display detail information of the at least one display object in response to the interaction event on the interaction carousel.
Further optionally, when the interaction module 601 displays the interaction carousel on the interface, the interaction module is specifically configured to: drawing a first circular arc and a second circular arc which are concentric on the interface; the radius of the second circular arc is smaller than that of the first circular arc; determining an arc-shaped display area concentric with the first arc between the first arc and the second arc as a display area corresponding to the interactive turntable; the interactive turntable can display an animation effect rotating around the circle center of the first arc; and displaying the at least one display object in a display area corresponding to the interaction turntable.
Further optionally, when the at least one display object is displayed in the display area corresponding to the interactive carousel, the interactive module 601 is specifically configured to: determining a central angle corresponding to each of the at least one display object according to the specified object distribution density and the radius of the second circular arc; determining a display sub-area corresponding to the at least one display object in a display area corresponding to the interactive turntable according to the central angle corresponding to the at least one display object; and displaying the at least one display object in the display sub-area corresponding to the at least one display object.
Further optionally, when the at least one display object is displayed in the display sub-region corresponding to the at least one display object, the interaction module 601 is specifically configured to: and aiming at any display object in at least one display object, correspondingly displaying the icon and the character corresponding to the display object in the display sub-area corresponding to the display object.
Further optionally, the interaction module 601 is further configured to: responding to a request for updating a first display object in the at least one display object to a second display object, and acquiring an icon and characters corresponding to the second object; and when the interactive turntable displays the animation effect rotating around the circle center of the first arc, drawing the icons and the characters corresponding to the second display object in the corresponding display sub-area after the first display object rotates according to the icons and the characters corresponding to the second object.
Further optionally, the interaction module 601 is further configured to: drawing a first scale mark on the first arc or the second arc to serve as a reference scale mark when the interactive turntable rotates; and/or drawing a second scale mark on a central arc line of a display area corresponding to the interactive turntable to indicate the rotation angle of the interactive turntable.
Further optionally, when the data presentation module 602 presents the detail information of the at least one display object in response to the interaction event on the interaction carousel, specifically configured to: responding to a rotation event aiming at the interactive turntable, and displaying an animation effect of the rotation of the interactive turntable; when a rotation stop event of the interactive dial is detected, acquiring a display object corresponding to an object indication icon and/or a designated position on the interface in the at least one display object as the target display object; and acquiring the detail information of the target display object from the data to be displayed and displaying the detail information.
Further optionally, when the data displaying module 602 responds to the rotation event for the interactive carousel and displays the animation effect of the rotation of the interactive carousel, the data displaying module is specifically configured to: acquiring a rotation angle corresponding to the rotation event; and updating the distribution position of the at least one display object on the interactive turntable based on the rotation matrix function corresponding to the rotation angle.
Further optionally, the data presentation module 602 is further configured to: when the rotation stopping event of the interactive dial is detected, if a display object corresponding to the object indication icon and the designated position on the interface does not exist in the at least one display object, determining the display object which is closest to the object indication icon or the designated position on the interface in the at least one display object as a homing display object; and displaying the animation effect of the rotation of the interactive turntable so as to enable the homing display object to correspond to the object indication icon or the designated position on the interface.
Further optionally, when the data presentation module 602 presents the detail information of the at least one display object in response to the interaction event on the interaction carousel, specifically configured to: determining a selected display object of the at least one display object as the target display object in response to a selection event for the interaction carousel; and acquiring the detail information of the target display object from the data to be displayed and displaying the detail information.
Further optionally, when the data presentation module 602 presents the detail information of the at least one display object in response to the interaction event on the interaction carousel, specifically configured to: responding to a carousel event aiming at the interactive carousel, and sequentially determining target display objects from the at least one display object according to the classification sequence and/or time sequence corresponding to the at least one display object; and acquiring the detail information of the target display object from the data to be displayed and displaying the detail information.
Further optionally, the interaction module 601 is further configured to: displaying the self-rotation animation effect of the interactive turntable so as to enable the target display object to correspond to the specified position on the interface; and/or pointing an object indication icon on the interface to the target display object; and/or highlighting the target display object.
Further optionally, when the animation effect of the rotation of the interactive carousel is displayed, so that the target display object corresponds to the specified position on the interface, the interaction module 601 is specifically configured to: acquiring an included angle between the initial position of the target display object and the designated position on the interface as a rotation angle; and updating the distribution position of the at least one display object on the interactive turntable according to the rotation matrix function corresponding to the rotation angle.
Further optionally, when the interaction module 601 obtains the detail information of the target display object from the data to be displayed and displays the detail information, the interaction module is specifically configured to: acquiring an identification mark corresponding to the target display object; sending the identification to a data presentation module 602; the data presentation module 602 is specifically configured to: acquiring target data corresponding to the identification mark from the data to be displayed; and displaying the target data on the interface so as to display the detail information of the target display object.
Further optionally, the data presentation module 602 is further configured to: when it is detected that the target data in the data to be displayed is updated, if the display time of the target data is greater than or equal to a set time threshold, switching the target data displayed on the interface to the updated target data; if the display time of the target data is smaller than the time threshold, starting a timing event corresponding to the target display object, and switching the target data displayed on the interface into updated target data when the timing moment indicated by the timing event is reached.
In this embodiment, an interactive carousel is displayed on the interface, at least one display object is distributed on the interactive carousel, and a user may perform an interactive operation on the interactive carousel to view data. In this embodiment, the interactive carousel can accommodate more display objects in a limited space, and has stronger interactivity, which is beneficial to further enhance the visual presentation effect of data while increasing the display objects.
The embodiment of the present application further provides a data display device, which will be described below with reference to fig. 7. As shown in fig. 7, the data display apparatus includes: a memory 701 and a processor 702.
A memory 701 for storing a computer program and may be configured to store other various data to support operations on the data display device. Examples of such data include instructions for any application or method operating on the data display device, contact data, phonebook data, messages, pictures, videos, and the like.
The memory 701 may be implemented by any type or combination of volatile or non-volatile memory devices, such as Static Random Access Memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic or optical disks.
A processor 702, coupled to the memory 701, for executing the computer program in the memory 701 for: displaying an interactive turntable on the interface; at least one display object is distributed on the interactive turntable; and displaying the detail information of the at least one display object in response to the interaction event on the interaction dial.
Further optionally, when the processor 702 displays the interactive carousel on the interface, it is specifically configured to: drawing a first circular arc and a second circular arc which are concentric on the interface; the radius of the second circular arc is smaller than that of the first circular arc; determining an arc-shaped display area concentric with the first arc between the first arc and the second arc as a display area corresponding to the interactive turntable; the interactive turntable can display an animation effect rotating around the circle center of the first arc; and displaying the at least one display object in a display area corresponding to the interaction turntable.
Further optionally, when the at least one display object is displayed in the display area corresponding to the interactive carousel, the processor 702 is specifically configured to: determining a central angle corresponding to each of the at least one display object according to the specified object distribution density and the radius of the second circular arc; determining a display sub-area corresponding to the at least one display object in a display area corresponding to the interactive turntable according to the central angle corresponding to the at least one display object; and displaying the at least one display object in the display sub-area corresponding to the at least one display object.
Further optionally, when the at least one display object is displayed in the display sub-region corresponding to the at least one display object, the processor 702 is specifically configured to: and aiming at any display object in at least one display object, correspondingly displaying the icon and the character corresponding to the display object in the display sub-area corresponding to the display object.
Further optionally, the processor 702 is further configured to: responding to a request for updating a first display object in the at least one display object to a second display object, and acquiring an icon and characters corresponding to the second object; and when the interactive turntable displays the animation effect rotating around the circle center of the first arc, drawing the icons and the characters corresponding to the second display object in the corresponding display sub-area after the first display object rotates according to the icons and the characters corresponding to the second object.
Further optionally, the processor 702 is further configured to: drawing a first scale mark on the first arc or the second arc to serve as a reference scale mark when the interactive turntable rotates; and/or drawing a second scale mark on a central arc line of a display area corresponding to the interactive turntable to indicate the rotation angle of the interactive turntable.
Further optionally, the processor 702, when displaying the detail information of the at least one display object in response to the interaction event on the interaction carousel, is specifically configured to: responding to a rotation event aiming at the interactive turntable, and displaying an animation effect of the rotation of the interactive turntable; when a rotation stop event of the interactive dial is detected, acquiring a display object corresponding to an object indication icon and/or a designated position on the interface in the at least one display object as the target display object; and acquiring the detail information of the target display object from the data to be displayed and displaying the detail information.
Further optionally, when the processor 702 responds to the rotation event for the interactive dial and shows the animation effect of the interactive dial rotation, it is specifically configured to: acquiring a rotation angle corresponding to the rotation event; and updating the distribution position of the at least one display object on the interactive turntable based on the rotation matrix function corresponding to the rotation angle.
Further optionally, the processor 702 is further configured to: when the rotation stopping event of the interactive dial is detected, if a display object corresponding to the object indication icon and the designated position on the interface does not exist in the at least one display object, determining the display object which is closest to the object indication icon or the designated position on the interface in the at least one display object as a homing display object; and displaying the animation effect of the rotation of the interactive turntable so as to enable the homing display object to correspond to the object indication icon or the designated position on the interface.
Further optionally, the processor 702, when displaying the detail information of the at least one display object in response to the interaction event on the interaction carousel, is specifically configured to: determining a selected display object of the at least one display object as the target display object in response to a selection event for the interaction carousel; and acquiring the detail information of the target display object from the data to be displayed and displaying the detail information.
Further optionally, the processor 702, when displaying the detail information of the at least one display object in response to the interaction event on the interaction carousel, is specifically configured to: responding to a carousel event aiming at the interactive carousel, and sequentially determining target display objects from the at least one display object according to the classification sequence and/or time sequence corresponding to the at least one display object; and acquiring the detail information of the target display object from the data to be displayed and displaying the detail information.
Further optionally, the processor 702 is further configured to: displaying the self-rotation animation effect of the interactive turntable so as to enable the target display object to correspond to the specified position on the interface; and/or pointing an object indication icon on the interface to the target display object; and/or highlighting the target display object.
Further optionally, when the animation effect of the rotation of the interactive carousel is displayed, so that the target display object corresponds to the specified position on the interface, the processor 702 is specifically configured to: acquiring an included angle between the initial position of the target display object and the designated position on the interface as a rotation angle; and updating the distribution position of the at least one display object on the interactive turntable according to the rotation matrix function corresponding to the rotation angle.
Further optionally, when the processor 702 obtains the detail information of the target display object from the data to be displayed and displays the detail information, the processor is specifically configured to: acquiring an identification mark corresponding to the target display object; acquiring target data corresponding to the identification mark from the data to be displayed; and displaying the target data on the interface so as to display the detail information of the target display object.
Further optionally, the processor 702 is further configured to: when it is detected that the target data in the data to be displayed is updated, if the display time of the target data is greater than or equal to a set time threshold, switching the target data displayed on the interface to the updated target data; if the display time of the target data is smaller than the time threshold, starting a timing event corresponding to the target display object, and switching the target data displayed on the interface into updated target data when the timing moment indicated by the timing event is reached.
Further, as shown in fig. 7, the data display apparatus further includes: communication components 703, display 704, power components 705, audio components 706, and other components. Only some of the components are schematically shown in fig. 7, and it is not intended that the data display apparatus includes only the components shown in fig. 7.
The communication component 703 is configured to facilitate communication between the device in which the communication component is located and other devices in a wired or wireless manner. The device in which the communication component is located may access a wireless network based on a communication standard, such as WiFi, 2G or 3G, or a combination thereof. In an exemplary embodiment, the communication component receives a broadcast signal or broadcast related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component may be implemented based on Near Field Communication (NFC) technology, Radio Frequency Identification (RFID) technology, infrared data association (IrDA) technology, Ultra Wideband (UWB) technology, Bluetooth (BT) technology, and other technologies.
The display 704 includes a screen, which may include a Liquid Crystal Display (LCD) and a Touch Panel (TP), among others. If the screen includes a touch panel, the screen may be implemented as a touch screen to receive an input signal from a user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundary of a touch or slide action, but also detect the duration and pressure associated with the touch or slide operation.
The power supply 705 provides power to various components of the device in which the power supply is located. The power components may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power for the device in which the power component is located.
In this embodiment, an interactive carousel is displayed on the interface, at least one display object is distributed on the interactive carousel, and a user may perform an interactive operation on the interactive carousel to view data. In this embodiment, the interactive carousel can accommodate more display objects in a limited space, and has stronger interactivity, which is beneficial to further enhance the visual presentation effect of data while increasing the display objects.
Accordingly, the present application further provides a computer readable storage medium storing a computer program, where the computer program is capable of implementing the steps that can be executed by the data display device in the foregoing method embodiments when the computer program is executed by a processor.
As will be appreciated by one skilled in the art, embodiments of the present invention may be provided as a method, system, or computer program product. Accordingly, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present invention may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The present invention is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
The memory may include forms of volatile memory in a computer readable medium, Random Access Memory (RAM) and/or non-volatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). Memory is an example of a computer-readable medium.
Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, a computer readable medium does not include a transitory computer readable medium such as a modulated data signal and a carrier wave.
It should also be noted that the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.
The above description is only an example of the present application and is not intended to limit the present application. Various modifications and changes may occur to those skilled in the art. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application should be included in the scope of the claims of the present application.

Claims (18)

1. A method of displaying data, comprising:
displaying an interactive turntable on the interface; at least one display object is distributed on the interactive turntable;
and displaying the detail information of the at least one display object in response to the interaction event on the interaction dial.
2. The method of claim 1, wherein presenting the interactive carousel on an interface comprises:
drawing a first circular arc and a second circular arc which are concentric on the interface; the radius of the second circular arc is smaller than that of the first circular arc;
determining an arc-shaped display area concentric with the first arc between the first arc and the second arc as a display area corresponding to the interactive turntable; the interactive turntable can display an animation effect rotating around the circle center of the first arc;
and displaying the at least one display object in a display area corresponding to the interaction turntable.
3. The method of claim 2, wherein presenting the at least one display object in a display area corresponding to the interactive carousel comprises:
determining a central angle corresponding to each of the at least one display object according to the specified object distribution density and the radius of the second circular arc;
determining a display sub-area corresponding to the at least one display object in a display area corresponding to the interactive turntable according to the central angle corresponding to the at least one display object;
and displaying the at least one display object in the display sub-area corresponding to the at least one display object.
4. The method of claim 3, wherein presenting the at least one display object in the display sub-region corresponding to the at least one display object comprises:
and aiming at any display object in at least one display object, correspondingly displaying the icon and the character corresponding to the display object in the display sub-area corresponding to the display object.
5. The method of claim 4, further comprising:
responding to a request for updating a first display object in the at least one display object to a second display object, and acquiring an icon and characters corresponding to the second object;
and when the interactive turntable displays the animation effect rotating around the circle center of the first arc, drawing the icons and the characters corresponding to the second display object in the corresponding display sub-area of the first display object after rotating along with the interactive turntable according to the icons and the characters corresponding to the second object.
6. The method of any of claims 2-5, further comprising:
drawing a first scale mark on the first arc or the second arc to serve as a reference scale mark when the interactive turntable rotates; and/or the presence of a gas in the gas,
And drawing a second scale mark on the central arc line of the display area corresponding to the interactive turntable so as to indicate the rotation angle of the interactive turntable.
7. The method of claim 1, wherein presenting the detail information of the at least one display object in response to the interaction event on the interaction carousel comprises:
responding to a rotation event aiming at the interactive turntable, and displaying an animation effect of the rotation of the interactive turntable;
when a rotation stop event of the interactive dial is detected, acquiring a display object corresponding to an object indication icon and/or a designated position on the interface in the at least one display object as the target display object;
and acquiring the detail information of the target display object from the data to be displayed and displaying the detail information.
8. The method of claim 7, wherein presenting an animation effect of the interactive carousel spinning in response to a rotation event for the interactive carousel comprises:
acquiring a rotation angle corresponding to the rotation event;
and updating the distribution position of the at least one display object on the interactive turntable based on the rotation matrix function corresponding to the rotation angle.
9. The method of claim 7, further comprising:
when the rotation stopping event of the interactive dial is detected, if a display object corresponding to the object indication icon and the designated position on the interface does not exist in the at least one display object, determining the display object which is closest to the object indication icon or the designated position on the interface in the at least one display object as a homing display object;
and displaying the animation effect of the rotation of the interactive turntable so as to enable the homing display object to correspond to the object indication icon or the designated position on the interface.
10. The method of claim 1, wherein presenting the detail information of the at least one display object in response to the interaction event on the interaction carousel comprises:
determining a selected display object of the at least one display object as the target display object in response to a selection event for the interaction carousel;
and acquiring the detail information of the target display object from the data to be displayed and displaying the detail information.
11. The method of claim 1, wherein presenting the detail information of the at least one display object in response to the interaction event on the interaction carousel comprises:
Responding to a carousel event aiming at the interactive carousel, and sequentially determining target display objects from the at least one display object according to the classification sequence and/or time sequence corresponding to the at least one display object;
and acquiring the detail information of the target display object from the data to be displayed and displaying the detail information.
12. The method of claim 10 or 11, further comprising:
displaying the self-rotation animation effect of the interactive turntable so as to enable the target display object to correspond to the specified position on the interface; and/or the presence of a gas in the gas,
pointing an object indication icon on the interface to the target display object; and/or the presence of a gas in the gas,
highlighting the target display object.
13. The method of claim 12, wherein presenting an animation effect of the interactive carousel spinning such that the target display object corresponds to a specified location on the interface comprises:
acquiring an included angle between the initial position of the target display object and the designated position on the interface as a rotation angle;
and updating the distribution position of the at least one display object on the interactive turntable according to the rotation matrix function corresponding to the rotation angle.
14. The method according to any one of claims 7 to 11, wherein obtaining and displaying the detail information of the target display object from the data to be displayed comprises:
acquiring an identification mark corresponding to the target display object;
acquiring target data corresponding to the identification mark from the data to be displayed;
and displaying the target data on the interface so as to display the detail information of the target display object.
15. The method of claim 14, further comprising:
when it is detected that the target data in the data to be displayed is updated, if the display time of the target data is greater than or equal to a set time threshold, switching the target data displayed on the interface to the updated target data; if the display time of the target data is smaller than the time threshold, starting a timing event corresponding to the target display object, and switching the target data displayed on the interface into updated target data when the timing moment indicated by the timing event is reached.
16. A data display device, comprising:
the interaction module is used for displaying the interaction turntable on the interface; at least one display object is distributed on the interactive turntable;
And the data display module is used for responding to the interaction event on the interaction turntable and displaying the detail information of the at least one display object.
17. A data display device, comprising: a memory and a processor;
the memory is to store one or more computer instructions;
the processor is configured to execute the one or more computer instructions for performing the data display method of any of claims 1-15.
18. A computer-readable storage medium storing a computer program, wherein the computer program, when executed by a processor, causes the processor to perform the data display method of any one of claims 1 to 15.
CN201910434715.0A 2019-05-23 2019-05-23 Data display method, device and storage medium Pending CN111984178A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910434715.0A CN111984178A (en) 2019-05-23 2019-05-23 Data display method, device and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910434715.0A CN111984178A (en) 2019-05-23 2019-05-23 Data display method, device and storage medium

Publications (1)

Publication Number Publication Date
CN111984178A true CN111984178A (en) 2020-11-24

Family

ID=73437398

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910434715.0A Pending CN111984178A (en) 2019-05-23 2019-05-23 Data display method, device and storage medium

Country Status (1)

Country Link
CN (1) CN111984178A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114579008A (en) * 2022-05-06 2022-06-03 湖北工业大学 Science popularization experience interaction system

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060001645A1 (en) * 2004-06-30 2006-01-05 Microsoft Corporation Using a physical object to control an attribute of an interactive display application
CN103838423A (en) * 2012-11-20 2014-06-04 伊梅森公司 System and method for simulated physical interactions with haptic effects
CN105917299A (en) * 2013-12-02 2016-08-31 达伊戴尔斯公司 User interface using graphical dials to represent user activity
CN108848399A (en) * 2018-07-12 2018-11-20 广州趣丸网络科技有限公司 A kind of information interacting method and device based on more wheat positions room

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060001645A1 (en) * 2004-06-30 2006-01-05 Microsoft Corporation Using a physical object to control an attribute of an interactive display application
CN103838423A (en) * 2012-11-20 2014-06-04 伊梅森公司 System and method for simulated physical interactions with haptic effects
CN105917299A (en) * 2013-12-02 2016-08-31 达伊戴尔斯公司 User interface using graphical dials to represent user activity
CN108848399A (en) * 2018-07-12 2018-11-20 广州趣丸网络科技有限公司 A kind of information interacting method and device based on more wheat positions room

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
武蓓, 张泰乐, 陈君, 曾学文, 王劲林: "DTV交互式数据业务系统的设计和实现", 广播与电视技术, no. 07 *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114579008A (en) * 2022-05-06 2022-06-03 湖北工业大学 Science popularization experience interaction system
CN114579008B (en) * 2022-05-06 2022-07-08 湖北工业大学 Science popularization experience interaction system

Similar Documents

Publication Publication Date Title
US10579205B2 (en) Edge-based hooking gestures for invoking user interfaces
US10261664B2 (en) Activity management tool
US20210349615A1 (en) Resizing graphical user interfaces
US10095389B2 (en) Gesture-based on-chart data filtering
KR101984328B1 (en) Launcher for context based menus
RU2540826C2 (en) Internal scroll activation and cursor adornment
US9128595B2 (en) Managing data content on a computing device
US9098942B2 (en) Legend indicator for selecting an active graph series
CA2815505C (en) Screen display method and apparatus of a mobile terminal
US10254928B1 (en) Contextual card generation and delivery
US20100138784A1 (en) Multitasking views for small screen devices
CN107291347B (en) Information display method and device
US9223463B1 (en) Mobile user interface for a picker application
US20150033188A1 (en) Scrollable smart menu
KR20140082000A (en) Terminal and method for providing related application
US20150113452A1 (en) Graphical user interface
CN112783398A (en) Display control and interaction control method, device, system and storage medium
US10936186B2 (en) Gestures used in a user interface for navigating analytic data
US10599292B2 (en) Display control device and program
US11334582B1 (en) Mobile explorer
US20160011735A1 (en) Dynamic action selection for touch screens
CN111984178A (en) Data display method, device and storage medium
CN111897607A (en) Application interface loading and interaction method, device and storage medium
CN113268182A (en) Application icon management method and electronic equipment
WO2022121567A1 (en) Interface processing method and apparatus, and electronic device and computer-readable storage medium

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination