Data visualization method, device, equipment and medium

Abstract

The present application provides a data visualization method, device, equipment and medium, the data visualization method comprising: obtaining attribute information of operation activities and parameter values ​​of operation indicators in a first time period; displaying an activity calendar chart of a second time period according to the attribute information of the operation activities; displaying an indicator change trend chart of the second time period according to the parameter values ​​of the operation indicators; wherein the first time period includes the second time period, and the activity calendar chart and the indicator change trend chart are aligned up and down based on the time axis corresponding to the second time period. Thus, by visualizing the change trend of the operation activities and the operation indicators as an activity calendar chart and an indicator change trend chart aligned up and down based on the time axis, the time correlation between the operation activities and the operation indicators is reflected, the intuitiveness of the display of the operation activities and their indicator change trends is improved, and the data display effect is improved.

Description

Technical Field

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

[0002] Operational activities are an indispensable part in the market. The implementation of operational activities will cause substantial changes in a series of indicators (such as order quantity, sales volume, inventory, etc.), bringing considerable economic benefits.

[0003] Data-based operations for operational activities can improve the effectiveness of operational activities. Common data-based operations scenarios include: guiding the planning and allocation of gross merchandise volume (GMV), guiding merchants to submit hot products according to the activity cycle, preparing stocks according to the activity cycle, and guiding whether to increase or decrease activities according to the impact of operational activities on sales. Therefore, there is an urgent need for a method to visualize data for operational activities and their related indicator trends.

[0004] However, the current methods for visualizing data on operational activities and their related indicator trends are not intuitive, resulting in poor display effects. Summary of the invention

[0005] The present application provides a data visualization method, device, equipment and medium to solve the problem of poor display effect after visualization of operation activities and related indicator trend data.

[0006] In a first aspect, an embodiment of the present application provides a data visualization method, including: obtaining attribute information of operating activities and parameter values ​​of operating indicators within a first time period; displaying an activity calendar chart for a second time period based on the attribute information of the operating activities; and displaying an indicator change trend chart for the second time period based on the parameter values ​​of the operating indicators; wherein the first time period includes the second time period, and the activity calendar chart and the indicator change trend chart are aligned up and down based on a time axis corresponding to the second time period.

[0007] In a second aspect, an embodiment of the present application provides a data visualization device, comprising: an acquisition unit, for acquiring attribute information of operating activities and parameter values ​​of operating indicators within a first time period; a first display unit, for displaying an activity calendar chart of a second time period based on the attribute information of the operating activities; a second display unit, for displaying an indicator change trend chart of the second time period based on the parameter values ​​of the operating indicators; wherein the first time period includes the second time period, and the activity calendar chart and the indicator change trend chart are aligned up and down based on the time axis corresponding to the second time period.

[0008] In a third aspect, an embodiment of the present application provides an electronic device, comprising: at least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor to enable the electronic device to execute the data visualization method provided in any one of the first aspects of the present application.

[0009] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium having a computer program stored thereon, and when the computer program is executed by a processor, the data visualization method provided in any one of the first aspects of the present application is implemented.

[0010] In an embodiment of the present application, the attribute information of the operation activities and the parameter values ​​of the operation indicators in the first time period are obtained, and the activity calendar chart of the second time period is displayed according to the attribute information of the operation activities, and the indicator change trend chart of the second time period is displayed according to the parameter values ​​of the operation indicators. Among them, the first time period includes the second time period, and the activity calendar chart and the indicator change trend chart are aligned up and down based on the time axis corresponding to the second time period. Thus, by aligning the activity calendar chart and the indicator change trend chart based on the time axis, the intuitiveness of the display of the operation activities and the indicator change trend is improved, and the corresponding relationship between the operation activities and the indicator change trend based on time is also intuitively reflected. The user can directly observe the operation activities and the indicator change trend at the same time as the operation activities, thereby improving the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0011] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, a brief introduction will be given below to the drawings required for use in the embodiments or the description of the prior art. Obviously, the drawings described below are some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative labor.

[0012] Figure 1 Example of a page that visualizes operational activity data Figure 1 ;

[0013] Figure 2 Example of a page that visualizes operational activity data Figure 2 ;

[0014] Figure 3 A schematic diagram of a scenario of a data visualization method provided in an embodiment of the present application;

[0015] Figure 4 Schematic diagram of the data visualization method provided in the embodiment of the present application Figure 1 ;

[0016] FIG. 5( a ) is a schematic diagram of a data visualization page provided in an embodiment of the present application. Figure 1 ;

[0017] FIG. 5( b ) is a schematic diagram of a data visualization page provided in an embodiment of the present application. Figure 2 ;

[0018] FIG5(c) is a schematic diagram of a data visualization page provided in an embodiment of the present application Figure 3 ;

[0019] FIG5(d) is a schematic diagram of a data visualization page provided in an embodiment of the present application Figure 4 ;

[0020] FIG5( e ) is a fifth schematic diagram of a data visualization page provided in an embodiment of the present application;

[0021] Figure 6 Schematic diagram of the data visualization method provided in the embodiment of the present application Figure 2 ;

[0022] FIG. 7( a ) is a schematic diagram of a data visualization page provided by an embodiment of the present disclosure. Figure 6 ;

[0023] FIG. 7( b ) is a seventh schematic diagram of a data visualization page provided by an embodiment of the present disclosure;

[0024] FIG. 7( c ) is a schematic diagram of a data visualization page provided in an embodiment of the present application. Figure 8 ;

[0025] FIG. 7( d ) is a schematic diagram of a data visualization page provided in an embodiment of the present application. Figure 9 ;

[0026] FIG. 7( e ) is a schematic diagram of a data visualization page provided in an embodiment of the present application. Figure 10 ;

[0027] FIG. 7( f ) is a schematic diagram of a data visualization page provided in an embodiment of the present application. Figure 10 one;

[0028] FIG. 7( g ) is a schematic diagram of a data visualization page provided in an embodiment of the present application. Figure 10 two;

[0029] FIG. 7( h) is a schematic diagram of a data visualization page provided in an embodiment of the present application. Figure 10 three;

[0030] Figure 8 An example diagram of the hierarchy of page elements provided in an embodiment of the present application;

[0031] Fig. 9 A structural block diagram of a data visualization device 90 provided in an embodiment of the present application;

[0032] Fig.10 A schematic diagram of the hardware structure of an electronic device provided in one embodiment of the present application.

[0033] The above drawings have shown clear embodiments of the present application, which will be described in more detail later. These drawings and text descriptions are not intended to limit the scope of the present application in any way, but to illustrate the concept of the present application to those skilled in the art by referring to specific embodiments. DETAILED DESCRIPTION

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

[0035] The terms "first", "second", "third", etc. in the specification and claims of the present application and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the terms used in this way can be interchanged where appropriate, so that the embodiments of the present application described herein can be implemented in an order other than those illustrated or described herein.

[0036] In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions. For example, a process, method, system, product, or apparatus that includes a series of steps or modules is not necessarily limited to those steps or modules explicitly listed, but may include other steps or modules not explicitly listed or inherent to these processes, methods, products, or apparatuses.

[0037] First, some terms used in the embodiments of the present application are explained:

[0038] Operational activities: online and / or offline activities planned to achieve operational objectives, such as e-commerce promotions, live broadcasting activities, etc. The operational objectives may be to increase sales, increase the number of users, etc.

[0039] Operational indicators: such as gross merchandise volume (GMV), inventory, sales volume, price and other operational indicators. The trend of operational indicators refers to the trend of the parameter value of the operational indicator changing over time, which is mainly affected by operational activities.

[0040] As an example, Figure 1 Example of a page that visualizes operational activity data Figure 1 .like Figure 1 As shown, the page shows multiple operating activities between week 47 and week 49, from which the time distribution of operating activities can be seen. For example, activity 1 is distributed from Tuesday of week 47 to Monday of week 48, and activity 2 is distributed from Friday of week 48 to Thursday of week 49. However, this method only visualizes the data of operating activities, and does not consider the visualization of operating indicators related to operating activities.

[0041] As an example, Figure 2 Example of a page that visualizes operational activity data Figure 2 .like Figure 2 As shown, the page shows detailed information of the operation activities (such as the name and date of the operation activities) and a line chart of the operation indicators (the horizontal axis is time and the vertical axis is the parameter value of the operation indicators). The line chart reflects the changing trend of the parameter value of the operation indicator. However, in this method, the operation activities are displayed by listing information in a table, which is not intuitive and leads to poor display effect.

[0042] In order to solve the above problems, the embodiment of the present application proposes a data visualization method. In this method, the attribute information of the operation activities and the parameter values ​​of the operation indicators in the first time period are obtained; according to the attribute information of the operation activities in the first time period, the activity calendar chart of the second time period is displayed; according to the parameter values ​​of the operation indicators, the indicator change trend chart of the second time period is displayed. Among them, the first time period includes the second time period, and the activity calendar chart and the indicator change trend chart are aligned up and down based on the time axis corresponding to the second time period. Thus, the visualization of the change trend of the operation activities and the operation indicators is realized. Through the activity calendar chart, the intuitiveness of the display of the operation activities is improved; through the indicator change trend chart, the intuitiveness of the display of the change trend of the operation indicators is improved; through the upper and lower alignment relationship between the activity calendar chart and the indicator change trend chart based on the time axis, the intuitiveness of the display of the time correspondence relationship between the activity calendar chart and the indicator change trend chart is improved. The user can intuitively observe the distribution of the operation activities in the second time period, the change trend of the operation indicators, and the change trend of the operation activities and operation indicators corresponding to the same time, and intuitively understand the impact of the operation activities on the operation indicators, and then reasonably arrange the operation activities, prepare for the operation activities in advance, so as to improve the effect of the operation activities.

[0043] For example, Figure 3 A schematic diagram of a scenario of a data visualization method provided in an embodiment of the present application, such as Figure 3 As shown, users can Figure 3Taking a mobile phone as an example, the terminal can view the data visualization page of the operation activity on the mobile phone. In response to the user's request to view the data visualization page of the operation activity, the electronic device requests activity data and indicator data from the server, wherein the activity data includes the attribute information of the operation activity, and the indicator data includes the parameter value of the operation indicator. Afterwards, the terminal visualizes the change trend of the operation activity and the operation indicator based on the activity data and the indicator data, and displays the data visualization page.

[0044] The data visualization process of the terminal includes: displaying an activity calendar chart based on the attribute information of the operation activity; and displaying an indicator change trend chart based on the parameter value of the operation indicator. The activity calendar chart and the indicator change trend chart are aligned up and down based on the time axis. Thus, data visualization of the change trend of the operation activities and operation indicators is realized, and the intuitiveness of data visualization is improved.

[0045] The above is just an exemplary application scenario. The embodiment of the present application can be applied to any scenario on the Internet that visualizes the changing trends of operation activities and operation activity indicators, and can also be applied to other activities other than operation activities and data visualization scenarios of changing trends of indicator parameters related to other activities. For example, a scenario that visualizes the changing trends of application promotion activities and the number of users of the application.

[0046] The technical solution of the present application is described in detail below through specific embodiments. It should be noted that the following specific embodiments can be combined with each other, and the same or similar concepts or processes may not be described in detail in some embodiments.

[0047] It should be noted that the method execution subject of the embodiment of the present application is an electronic device. The electronic device is, for example, a terminal, which can be a personal digital assistant (PDA) device, a handheld device with wireless communication function (such as a smart phone, a tablet computer), a computing device (such as a personal computer (PC)), a vehicle-mounted device, a wearable device (such as a smart watch, a smart bracelet), a smart home device (such as a smart display device), etc.

[0048] refer to Figure 4 , Figure 4 Schematic diagram of the data visualization method provided in the embodiment of the present application Figure 1 The present application embodiment provides a data visualization method, which specifically includes the following steps:

[0049] S401, obtaining attribute information of operation activities and parameter values ​​of operation indicators in a first time period.

[0050] The first time period may be a default preset time period or a user-specified time period. The first time period may include a past time period and / or a future time period, and may also include the current time, for example, the first time period is a time period of this year.

[0051] The operation activities in the first time period include the operation activities that have been carried out and / or are planned to be carried out in the first time period, the operation activities that have been carried out may include the operation activities that have been completed and / or the operation activities that have been carried out but not completed, and the operation activities that are planned to be carried out may include the operation activities that have been determined to be carried out and / or the operation activities that have not been determined to be carried out. There may be one or more operation activities in the first time period.

[0052] The operation indicator is an indicator parameter related to the operation activities in the first time period, that is, the parameter value change of the operation indicator is affected by the operation activities in the first time period. The operation indicator can also be one or more. For example, the operation activities include one or more live broadcast activities, one or more store promotion activities, and the operation indicators include indicator parameters such as GMV, sales volume, and inventory.

[0053] Among them, the attribute information of the operation activity may include the time information of the operation activity, and the parameter value of the operation indicator includes the values ​​of the operation indicator at multiple moments in the first time period. Since the first time period may include a past time period and / or a future time period, and the operation activity may include an operation activity that has been carried out and / or is planned to be carried out, the parameter value of the operation indicator may include the predicted parameter value of the operation indicator and / or the actual parameter value (i.e., the real parameter value) of the operation indicator. The predicted parameter value of the operation indicator is obtained based on the prediction algorithm. Here, the prediction process of the parameter value of the operation indicator is not described or limited.

[0054] In this embodiment, the activity data within the first time period and the indicator data within the first time period can be obtained from the server or locally, wherein the activity data includes the attribute information of the operation activity, the indicator data includes the parameter value of the operation indicator, and the activity data and the indicator data can be stored on different servers. The activity data and the indicator data can be pre-collected and stored after authorization. For example, after authorization by the merchant, the time information of the operation activities that the merchant has carried out and plans to carry out this year is collected, and the inventory, sales volume, sales revenue, etc. of the merchant's goods every day this year are collected.

[0055] Therefore, in this embodiment, the changing trends of operational activities and operational indicators can be visualized based on multiple data sources (including activity data and indicator data) to improve the richness of the data on which the data visualization is based, and thereby improve the richness of the information displayed by the data visualization.

[0056] Optionally, in response to a request to access and / or refresh the data visualization page, the attribute information of the operation activity in the first time period and the parameter value of the operation indicator in the first time period are obtained. Thus, data acquisition is performed when the user accesses the data visualization page, and an intuitive and accurate data visualization page of the operation activity and the operation indicator is provided to the user in a timely manner, thereby improving the user experience.

[0057] S402: Displaying an activity calendar chart for a second time period according to the attribute information of the operation activity.

[0058] The first time period includes the second time period. For example, the first time period is year A (i.e., the first time period is from January 1, year A to December 31, year A), and the second time period is the first quarter of year A (i.e., the second time period is from January 1, year A to March 31, year A). Therefore, the attribute information of the operation activities in the first time period includes the attribute information of the operation activities in the second time period, and the parameter value of the operation indicator in the first time period includes the parameter value of the operation indicator in the second time period.

[0059] The activity calendar diagram of the second time period is used to reflect the time distribution of the operation activities in the second time period. Therefore, the activity calendar diagram displays the operation activities in the second time period, and the position distribution of the operation activities in the activity calendar diagram reflects the time distribution of the operation activities.

[0060] In one method, the attribute information of the operating activities in the second time period can be obtained from the attribute information of the operating activities in the first time period. Since the attribute information of the operating activities includes the time information of the operating activities, the operating activities in the second time period can be arranged in position (i.e., position layout) based on the time information of the operating activities in the second time period, and the activity calendar chart for the second time period can be rendered and displayed according to the position arrangement of the operating activities in the second time period.

[0061] In another method, an activity calendar chart for the first time period can be drawn based on the attribute information of the operation activities in the first time period, and then the activity calendar chart for the first time period can be clipped based on the time axis corresponding to the second time period or the horizontal axis of the indicator change trend chart (equivalent to the time axis corresponding to the second time period) to obtain the activity calendar chart for the second time period. In this way, when the second time period changes, the activity calendar chart for the second time period can be obtained by clipping the activity calendar chart for the first time period, without having to re-layout the operation activities every time, thereby improving the efficiency of data visualization.

[0062] Optionally, the second time period is input by the user. For example, the user can enter the second time period in the input box of the page where the activity calendar diagram of the second time period is located. Thus, the flexibility of the second time period is improved, and the activity calendar diagrams of different time periods within the first time period are displayed to the user, thereby improving the user experience. Wherein, when the user does not enter the second time period, the second time period can be determined to be the first time period.

[0063] Optionally, the second time period may be determined randomly or according to the temporal distribution of the operational activities. For example, a time period in which operational activities are distributed within the first time period may be determined as the second time period, or a time period in which operational activities are concentrated within the first time period may be determined as the second time period.

[0064] Optional, activity calendar chart using Figure 1 In the layout shown, the second time period is displayed in the upper area of ​​the activity calendar chart, the activity name is displayed in the left area of ​​the activity calendar chart, and the time distribution of the operating activities is indicated by a rectangular pattern located below the second time period.

[0065] Also optionally, the calendar corresponding to the second time period is determined as the background image of the activity calendar chart, and the operating activities are represented by a rectangular pattern located above the calendar. In this way, the time distribution of the operating activities can be displayed by the rectangular patterns scattered on the calendar.

[0066] S403, displaying an indicator change trend graph for a second time period according to the parameter value of the operating indicator.

[0067] Among them, S402 and S403 can be performed simultaneously; S402 can also be executed first and then S403, that is, the activity calendar chart is displayed first, and then the indicator change trend chart is drawn; S403 can also be executed first and then S402, that is, the indicator change trend chart is displayed first, and then the activity calendar chart is drawn.

[0068] The indicator change trend graph of the second time period is used to reflect the change trend of the parameter value of the operating indicator in the second time period, that is, the parameter value of the operating indicator at different times in the second time period. Therefore, the indicator change trend graph can be a coordinate system with time as the horizontal axis and parameter value as the vertical axis.

[0069] Among them, the activity calendar chart and the indicator change trend chart are aligned vertically based on the time axis corresponding to the second time period. The vertical alignment of the activity calendar chart and the indicator change trend chart includes: the activity calendar chart is located directly above the indicator change trend chart, or the indicator change trend chart is located directly above the activity calendar chart. Therefore, in the indicator change trend chart, the parameter value vertically aligned with the operation activity on the activity calendar chart is the same parameter value as the time when the operation activity is carried out. Since the time is the same, the operation activity has an impact on the parameter value, so the effect of the operation activity can be observed through the parameter value.

[0070] As an example, FIG5(a) is a schematic diagram of a data visualization page provided in an embodiment of the present application. Figure 1 As shown in FIG5(a), the activity calendar chart and the indicator change trend chart are aligned up and down based on the time axis, and the activity calendar chart is located directly above the indicator change trend chart. FIG5(b) is a schematic diagram of a data visualization page provided in an embodiment of the present application. Figure 2 ,As shown in Figure 5(b), the activity calendar graph and the ,index change trend graph are aligned up and down based on the time axis, and the ,index change trend graph is located right above the activity calendar graph.

[0071] In one method, the parameter value of the operating indicator in the second time period can be obtained from the parameter value of the operating indicator in the first time period, and based on the parameter value of the operating indicator in the second time period, the indicator change trend chart of the second time period is drawn, and finally, the indicator change trend chart of the second time period is displayed.

[0072] In another method, based on the parameter values ​​of the operating indicators in the first time period, an indicator change trend chart for the first time period can be drawn, and based on the time axis corresponding to the second time period, the indicator change trend chart for the first time period can be clipped to obtain the indicator change trend chart for the second time period. In this way, when the second time period changes, there is no need to regenerate the indicator change trend chart each time, thereby improving the efficiency of data visualization.

[0073] In an embodiment of the present application, by visualizing the changing trends of operational activities and operational indicators related to the operational activities as an activity calendar chart and an indicator changing trend chart aligned vertically on the time axis, the intuitiveness of the data visualization of operational activities and operational indicator changing trends is improved, and users can simply and clearly see the time distribution of operational activities, the changing trends of operational indicators, and the time correspondence between operational activities and the changing trends of operational indicators, thereby effectively improving the user experience.

[0074] Next, combine Figure 5(a) to Figure 5(d) An optional embodiment of an indicator change trend graph is provided, wherein FIG5(c) is a schematic diagram of a data visualization page provided in an embodiment of the present application. Figure 3 , FIG5(d) is a schematic diagram of a data visualization page provided in an embodiment of the present application Figure 4 The details are as follows:

[0075] (I) Regarding the number of indicator trend charts

[0076] Optionally, as shown in FIG. 5( a ) and FIG. 5( b ), there is one indicator change trend graph.

[0077] Optionally, as shown in FIG5(c), there are multiple indicator change trend graphs. Different indicator change trend graphs are aligned up and down based on the time axis corresponding to the second time period to reflect the time correspondence between the change trends of the operating indicators displayed by the different indicator change trend graphs. The user can intuitively analyze the change trends of different operating indicators, and can also intuitively analyze the parameter values ​​of different operating indicators at the same time, which improves the intuitiveness of data display and improves user experience.

[0078] (II) Correspondence between indicator trend chart and operation indicators

[0079] Optionally, an indicator change trend graph corresponds to an operating indicator, that is, an indicator change trend graph can reflect the change trend of the parameter value of an operating indicator in the second time period. For example, in Figure 5(a) and Figure 5(b), the indicator change trend graph represented by the solid line graph corresponds to an operating indicator.

[0080] Optionally, one indicator change trend graph corresponds to multiple operating indicators. For example, multiple line graphs obtained based on parameter values ​​of multiple operating indicators are merged into one indicator change trend graph. For example, in Figure 5(d), a solid line graph, a dotted line graph, and a bar graph are merged into one indicator change trend graph, wherein the solid line graph, the dotted line graph, and the bar graph correspond to different operating indicators, respectively, so one indicator change trend graph can correspond to multiple operating indicators.

[0081] Optionally, one operating indicator corresponds to one or more indicator change trend graphs. For example, a line graph obtained based on the predicted parameter value of the operating indicator is an indicator change trend graph of the operating indicator, and a line graph obtained based on the actual parameter value of the operating indicator is another indicator change trend graph of the operating indicator.

[0082] Therefore, by diversifying the correspondence between the indicator change trend chart and the operation indicators, the flexibility and diversity of the operation indicator change trend chart are improved, and the display effect of the operation indicator change trend is improved.

[0083] (III) Categories of indicator trend charts

[0084] Optional, such as Figure 5(a) to Figure 5(d) As shown, the categories of the indicator change trend graph may include at least one of the following: a line graph and a bar graph.

[0085] Optionally, a possible implementation of S403 includes: using the time axis as the horizontal axis of the indicator change trend graph and the value range of the operating indicator as the vertical axis of the indicator change trend graph, determining a coordinate system in the indicator change trend graph, wherein the vertical axis is located on the left and / or right side of the coordinate system; in the coordinate system, displaying the change trend of the operating indicator according to the parameter values ​​of the operating indicator at multiple moments in the second time period. Thus, the view space utilization rate of the page after data visualization is improved.

[0086] Among them, the vertical axis is the Y axis, and the horizontal axis is the X axis.

[0087] In this optional method, the indicator change trend chart is a two-dimensional coordinate system composed of a vertical axis and a horizontal axis. The two-dimensional coordinate system can be a coordinate system with a single vertical axis or a coordinate system with two vertical axes. When the vertical axis is on the left or right side of the coordinate system, the coordinate system is a coordinate system with a single vertical axis; when the vertical axis is on the left and right sides of the coordinate system, the coordinate system is a coordinate system with a single vertical axis. When the vertical axis is on the left and right sides of the coordinate system, different numerical units can be used for the left and right vertical axes.

[0088] For example, Figure 5(a) to Figure 5(c) The indicator change trend graph in has one vertical axis; the indicator change trend graph in Figure 5(d) has two vertical axes, one corresponding to price and the other corresponding to sales volume.

[0089] In some embodiments, in addition to the activity calendar chart and the indicator change trend chart, a timeline corresponding to the second time period may also be displayed. The timeline corresponding to the second time period may be displayed at the top and / or bottom of the data visualization page, and multiple time scales may be marked on the timeline, so that the user can analyze the operation activities and operation indicators under the time scale based on the time scale on the timeline.

[0090] As an example, refer to Figure 5(e), which is a schematic diagram of the data visualization page provided by the embodiment of the present application. In Figure 5(e), the top of the page displays a timeline corresponding to the second time period, and multiple time scales are marked on the timeline: January 17, January 24, January 31, February 14, and February 21. Below the timeline, the activity calendar chart and the indicator change trend chart are aligned up and down based on the timeline, and the activity calendar chart is located above the indicator change trend chart. Therefore, the user can clearly observe the parameter values ​​of the operating activities and operating indicators at the same time.

[0091] The following provides optional embodiments of the activity calendar display, in which various methods of arranging the positions of the operating activities in the second time period are provided. Of course, as shown in the aforementioned embodiments, the operating activities in the first time period can also be arranged in position to obtain an activity calendar for the first time period, and the activity calendar for the first time period can be cropped to obtain an activity calendar for the second time period, wherein the position arrangement of the operating activities in the first time period can refer to the position arrangement of the operating activities in the second time period provided in the subsequent optional embodiments, which will not be described in detail here.

[0092] Reference Figure 6 , Figure 6 Schematic diagram of the data visualization method provided in the embodiment of the present application Figure 2 .like Figure 6 As shown, the data visualization method specifically includes the following steps:

[0093] S601, obtaining attribute information of operation activities and parameter values ​​of operation indicators in a first time period.

[0094] The attribute information of the operation activity includes the time information of the operation activity, and the time information of the operation activity includes the start time and the end time of the operation activity.

[0095] In this embodiment, the implementation principle and technical effects of S601 can refer to the above-mentioned embodiments and will not be described in detail.

[0096] S602, arranging the operation activities in rows according to the time information of the operation activities, wherein the length of the image area where the operation activities are located depends on the duration reflected by the start time and the end time of the operation activities, and the starting position of the image area where the operation activities are located depends on the start time of the operation activities.

[0097] The starting position of the image area is the left edge position of the image area.

[0098] For example, the image area may be in a rectangular, elliptical, or other shape.

[0099] In this embodiment, the operation activities can be traversed in the order of time from front to back based on the start time of the operation activities. For the traversed operation activities, the position of the start time of the operation activities is determined on the time axis corresponding to the second time period, and the starting position of the image area where the operation activities are located is determined in the activity calendar chart based on the position of the start time of the operation activities on the time axis; the position of the end time of the operation activities is determined on the time axis corresponding to the second time period, and the end position of the image area where the operation activities are located is determined in the activity calendar chart based on the position of the end time of the operation activities on the time axis. Therefore, the length of the image area where the operation activities are located can be the time difference between the start time and the end time of the operation activities, that is, the length of the image area where the operation activities are located can be the duration of the operation activities (i.e., the time span). In this way, continue to traverse the next operation activity. Since the time on the time axis increases from left to right, the operation activities in the second time period will be arranged in one or more rows in the order from left to right. Thus, through the above layout of the operation activities in the activity calendar chart, the start time, end time and duration of the operation activities are intuitively reflected.

[0100] The height of the image area where the operation activity is located may be a preset height.

[0101] Among the multiple operation activities in the second time period, there may be operation activities with overlapping time periods, for example, the start time of operation activity A is between the start time of operation activity B and the end time of operation activity B. In order to avoid the overlap of the image areas of the operation activities with overlapping time periods in the activity calendar chart and affect the display effect, multiple rounds of traversal can be performed on the operation activities in the second time period. One round of traversal is used to layout multiple operation activities with non-overlapping time in the same row. Therefore, multiple rounds of traversal can layout the operation activities in the second time period in multiple rows and ensure that the image areas where different operation activities are located do not overlap, thereby improving the display effect of the activity calendar chart.

[0102] Optional, such as Figure 6 As shown, S602 includes:

[0103] S6021. Traverse the unarranged operation activities in the second time period in chronological order.

[0104] In the first round of traversal, the unranked operating activities in the second time period are all the operating activities in the second time period; in the Tth round of traversal, the unranked operating activities in the second time period are the remaining operating activities except the operating activities ranked in the first T-1 rounds of traversal. T is greater than 1.

[0105] Among them, one round of traversal is used to arrange multiple operation activities that do not overlap in time in the same row. S6021 to S6023 show the process of one round of traversal and the layout operations during the traversal process.

[0106] In S6021, these unarranged operation activities may be traversed in sequence in chronological order from the beginning to the end based on the start time of the unarranged operation activities in the second time period.

[0107] S6022. When the traversed operation activity is the first operation activity among the unarranged operation activities, or when the end time of the last operation activity arranged in the current row is earlier than the start time of the traversed operation activity, determine the image area where the traversed operation activity is located in the current row based on the start time and end time of the traversed operation activity.

[0108] The first operating activity among the unranked operating activities refers to the operating activity that is ranked first in order from the beginning to the end according to the start time of the operating activities.

[0109] Among them, the current row is the row where the operation activities in the current round of traversal are to be laid out. In the first round of traversal, the current row can be the first row or the last row. If the current row in the first round of traversal is the first row, it means that the operation activities in the second time period are laid out row by row in the order from the first row to the last row, that is, the current row in the second round of traversal is the second row, the current row in the third round of traversal is the third row, and so on. If the current row in the first round of traversal is the last row, it means that the operation activities in the second time period are laid out row by row in the order from the last row to the first row, that is, the current row in the second round of traversal is the second to last row, and the current row in the third round of traversal is the third to last row.

[0110] In S6022, when the traversed operation activity is the first operation activity among the unarranged operation activities, there is no arranged operation activity on the current row, and there is no need to worry about the time overlap between the first operation activity and the arranged operation activities on the current row. Therefore, the starting position of the image area where the traversed operation activity is located can be determined based on the position of the start time of the traversed operation activity (i.e., the first operation activity) on the second timeline, and the end position of the image area where the traversed operation activity is located can be determined based on the position of the end time of the traversed operation activity on the second timeline.

[0111] In S6022, when the end time of the last operation activity arranged in the current row is earlier than the start time of the traversed operation activity, there is no time overlap between the traversed operation activity and the last operation activity arranged in the current row, and there is no need to worry about the image area where the traversed operation activity is located overlapping with the image area where the last operation activity arranged in the current row is located. Therefore, the starting position of the image area where the traversed operation activity is located can be determined based on the position of the start time of the traversed operation activity on the second timeline, and the end position of the image area where the traversed operation activity is located can be determined based on the position of the end time of the traversed operation activity on the second timeline.

[0112] In S6022, if the start time of the traversed operation activity is earlier than the end time of the last operation activity arranged in the current row (at this time, the traversed operation activity is naturally not the first operation activity among the unarranged operation activities), if the traversed operation activity is arranged in the current row, the image area where the traversed operation activity is located will overlap with the image area where the last operation activity arranged in the current row is located, so the traversed operation activity can be skipped and belongs to the unarranged operation activities in the next round of traversal. Then, continue to traverse the next operation activity and execute S6022 for the next operation activity.

[0113] As an example, take the order from the first row to the last row as an example: when traversing to the first operation activity among the unarranged operation activities in the second time period in chronological order, based on the start time and end time of the first operation activity, determine the image area where the first operation activity is located in the first row; traverse to the second operation activity, if the start time of the second operation activity is earlier than the end time of the first operation activity, skip the second operation activity, otherwise, based on the start time and technical time of the second operation activity, determine the image area where the second operation activity is located in the first row. Traverse the third operation activity, ..., and so on. When there are no untraversed operation activities in this round of traversal, end this round of traversal. Then, proceed to the next round of traversal.

[0114] S6033. After traversing all unarranged operating activities, if there are still unarranged operating activities in the second time period, the current row is updated to the next row or the previous row, and the next round of traversal is performed.

[0115] In S6033, after all unarranged operational activities are traversed, this round of traversal ends. It is determined whether there are still unarranged operational activities in the second time period (unarranged operational activities were not arranged in the previous round of traversal because of time overlap with arranged operational activities in the previous row). If there are still unarranged operational activities in the second time period, the current row is updated to the next row or the previous row, and the next round of traversal is performed until there are no unarranged operational activities in the second time period.

[0116] As an example, refer to FIG. 7( a) and FIG. 7( b), where FIG. 7( a) is a schematic diagram of a data visualization page provided by an embodiment of the present disclosure. Figure 6 , Figure 7(b) is a schematic diagram of the data visualization page provided by the embodiment of the present disclosure. In Figures 7(a) and 7(b), taking the case where the number of indicator change trend graphs is 1 and a time axis corresponding to the second time period is also displayed on the page as an example, the time distribution (i.e., image area distribution) of the nine operation activities A1 to A4, B1 to B3, and C1 to C2 is displayed in the activity calendar chart. The operation activities are represented by the rectangular areas where the operation activities are located. The left position of the rectangular area where the operation activities are located is obtained by determining the start time of the operation activities on the time axis. The length of the rectangular area where the operation activities are located is the time span of the operation activities. Among them, the use of Figure 6 In the embodiment shown in FIG. 7 , the nine operation activities A1 to A4, B1 to B3, and C1 to C2 are arranged in rows in the order from the first row to the last row, and the interactive calendar diagram shown in FIG. 7 (a) can be obtained; Figure 6 In the embodiment shown, the nine operating activities A1 to A4, B1 to B3 and C1 to C2 are arranged in rows in the order from the last row to the first row, and the interactive calendar diagram shown in FIG. 7( b ) can be obtained.

[0117] S603, displaying an activity calendar chart according to the operation activities arranged in rows.

[0118] In this embodiment, after the operation activities in the second time period are arranged in rows, the starting position, length and height of the image area where the operation activities are located in the second time period can be obtained. In this way, based on the starting position, length and height of the image area where the operation activities are located, the image area where the operation activities are located can be distinguished and displayed (i.e., marked) in the data visualization page. For example, the image area where the operation activities are located is marked and displayed by rendering the image area where the operation activities are located in a preset color, or by rendering the image area where the operation activities are located in a preset pattern (such as a shadow pattern), the image area caused by the operation activities is marked and displayed. After the distinguished display of the image areas where all the operation activities are located in the second time period is completed, an activity calendar diagram for the second time period is obtained, and the distinguished image areas in the activity calendar diagram can intuitively reflect the time distribution of the operation activities.

[0119] S604. Display an indicator change trend chart for a second time period according to the parameter value of the operating indicator.

[0120] In this embodiment, the implementation principle and technical effects of S604 can refer to the above-mentioned embodiments and will not be described in detail.

[0121] In an embodiment of the present application, the changing trends of operational activities and operational indicators related to the operational activities are visualized as an activity calendar chart and an indicator change trend chart that are aligned vertically on the time axis. When displaying the activity calendar chart, the operational activities are arranged in rows based on the time information of the operational activities, thereby improving the intuitiveness of the visualization of the operational activity data and thereby improving the user experience.

[0122] Based on any of the foregoing embodiments, the display of the activity calendar diagram may also include the following optional embodiments:

[0123] Optionally, the attribute information of the operation activity also includes at least one of the following: an activity name and an activity progress. At this time, displaying the activity calendar diagram of the second time period according to the attribute information of the operation activity includes: displaying the activity name and / or the activity progress of the operation activity in the image area where the operation activity is located in the activity calendar diagram. Thus, the intuitiveness of displaying the attribute information of the operation activity is improved.

[0124] Furthermore, the activity progress may include at least one of the following: unconfirmed, confirmed, in progress, not started, started, started after N days, ended after N days, started N days, and progress percentage. Thus, one or more of the above activity progress can be displayed to improve the diversity of activity progress display. Among them, unconfirmed means that whether the operation activity has been carried out has not been confirmed by the user, and confirmed means that whether the operation activity has been carried out has been confirmed by the user. In addition, the image area where the unconfirmed operation activity is located can also be marked in the activity calendar chart to remind the user to pay attention to the unconfirmed operation activity, and to confirm or cancel the unconfirmed operation activity in time to improve the user experience.

[0125] As an example, as shown in FIG7(a) and FIG7(b), in the image areas where the nine operation activities A1 to A4, B1 to B3, and C1 to C2 are located, the names of the corresponding operation activities are displayed: A1 to A4, B1 to B3, C1 to C2; the activity progress of the operation activities is also displayed: the activity progress of A1, A3, B1, B2, B3, and C1 is "confirmed", the activity progress of A2 and C2 is "unconfirmed", and the activity progress of A4 is "end in 0 days". Among them, A3 and C2, whose activity progress is "unconfirmed", are marked with oblique shadows to remind users.

[0126] Furthermore, since the length of the image area of ​​the operation activity depends on the time span of the operation activity, there may be a case where the length of the image area of ​​the operation activity is shorter. For this case, only part of the text in the activity name of the operation activity and / or part of the text in the activity progress of the operation activity may be displayed. For example, in Figure 7(a) and Figure 7(b), the activity status of A1 only displays "Has".

[0127] Furthermore, different colors or patterns may be used to mark image areas of operation activities at different activity progresses, thereby improving the interest and intuitiveness of the activity progress display of the operation activities.

[0128] Furthermore, in the image area where the operation activity is located, different annotations can be made according to the image area corresponding to the time when the operation activity has been carried out and the image area corresponding to the time when the operation activity is to be carried out. For example, if the operation activity is carried out for 10 days, 3 days have been carried out, and 7 days are to be carried out, in the image area where the operation activity is located, the image area corresponding to the 3 days when the operation activity has been carried out can be marked with a dark color, and the image area corresponding to the 7 days when the operation activity is to be carried out can be marked with a light color. Thus, the user can intuitively see the development of the operation activity, which improves the intuitiveness of data visualization.

[0129] Optionally, the attribute information of the operation activity also includes the activity type, and the activity calendar diagram includes row areas corresponding to one or more activity types. In this case, the operation activities are arranged in rows according to the time information of the operation activities, including: in the row area corresponding to the activity type to which the operation activities belong, the operation activities are arranged in rows according to the time information of the operation activities. Thus, the time distribution of the operation activities of one or more activity types is orderly displayed, which improves the richness of the display of the operation activities.

[0130] For example, based on FIG. 7(a), FIG. 7(c) shows the correspondence between the activity type and the row area of ​​the operation activity, wherein FIG. 7(c) is a schematic diagram of a data visualization page provided in an embodiment of the present application. Figure 8 As shown in FIG7(c), the activity types of operation activities include, for example, platform activities, live broadcasts, and store activities. Platform activities, live broadcasts, and store activities correspond to different row areas, respectively. In the row area corresponding to each activity type, the operation activities under the activity type are arranged by row.

[0131] In this optional method, after obtaining the attribute information of the operating activities in the second time period from the attribute information of the operating activities in the first time period, the attribute information of the operating activities in the second time period can be grouped according to the activity type of the operating activities to obtain the attribute information of the operating activities under each activity type, and the attribute information includes time information. For each activity type, the operating activities under the activity type are arranged in rows according to the time information of the operating activities under the activity type. Afterwards, according to the image areas corresponding to the operating activities arranged in rows under each activity type and the attribute information of the operating activities (such as the activity name and activity progress of the operating activities), the operating activities of each activity type are displayed in rows to obtain an activity calendar chart for the second time period.

[0132] Among them, the operating activities under each activity type are arranged in rows, including determining the starting position, length and height of the image area where the operating activities under each activity type are located, wherein the determination of the starting position and length can refer to the above implementation, and the height can adopt a preset value.

[0133] For example, in Figure 7(c), the nine operational activities A1 to A4, B1 to B3, and C1 to C2 belonging to platform activities are arranged in rows, and then the operational activities belonging to live broadcast are arranged in rows, and then the operational activities belonging to store activities are arranged to obtain an activity calendar chart.

[0134] Optionally, the first time period also includes a third time period, wherein the third time period and the second time period are sub-time periods aligned in different time periods, and the time period in which the third time period is located is prior to the time period in which the second time period is located. For example, the time period is a year, the third time period is from January 1 last year to March 1 last year, and the second time period is from January 1 this year to March 1 this year. Based on this optional content, after obtaining the attribute information of the operation activities and the parameter values ​​of the operation indicators in the first time period, the following operations can also be performed: according to the attribute information of the operation activities and the time deviation between the third time period and the second time period, the historical activity calendar chart of the third time period is displayed, wherein the historical activity calendar chart and the activity calendar chart are aligned up and down based on the time axis; according to the parameter value of the operation indicator and the time deviation between the third time period and the second time period, the historical change trend of the operation indicator is displayed in the indicator change trend chart. Thus, by displaying the activity calendar chart and the indicator change trend chart of the sub-time periods aligned in different time periods, the comparison of the operation activities and the comparison of the operation indicators of the sub-time periods in different time periods is realized, the intuitiveness and information richness of data visualization are improved, and the user experience is effectively improved.

[0135] Among them, since the third time period and the second time period are sub-time periods aligned in different time periods and the time period in which the third time period is located is earlier than the time period in which the second time period is located, relative to the second time period, the third time period is a past time period aligned with one cycle.

[0136] In this optional method, the attribute information of the operating activities in the third time period can be obtained from the attribute information of the operating activities in the first time period, and the attribute information includes time information. Based on the time deviation between the third time period and the second time period, the time information of the operating activities in the third time period is adjusted so that the time information of the operating activities in the third time period can accurately fall within the second time period after adjustment. Among them, the time information of the operating activities includes the start time and the end time, and the adjustment of the time information of the operating activities in the third time period includes adjusting the start time and the end time of the operating activities in the third time period. For example, the start time of the operating activities in the third time period is January 1 last year, and the end time is January 15 last year. The second time period is January 1 to March 1 this year. After adjustment, the start time of the operating activities in the third time period is January 1 this year, and the end time is January 15 this year.

[0137] Next, based on the adjusted time information of the operating activities in the third time period, the operating activities in the third time period are arranged (for example, arranged in rows) and displayed to obtain an activity calendar chart for the third time period. To distinguish it from the activity calendar chart for the second time period, the activity calendar chart for the third time period is referred to as a historical activity calendar chart. The historical activity calendar chart is aligned with the activity calendar chart for the second time period based on the time axis corresponding to the second time period, so that the user can directly observe the operating activities at the corresponding moments of different time periods. Among them, the method of arranging the positions of the operating activities in the third time period can refer to the position arrangement of the operating activities in the second time period, and will not be repeated here.

[0138] In this optional method, the parameter value of the operating indicator in the third time period can be obtained from the parameter value of the operating indicator in the first time period, and the historical change trend of the operating indicator can be drawn based on the parameter value of the operating indicator in the third time period. Based on the time deviation between the third time period and the second time period, the time axis of the historical change trend of the operating indicator is adjusted so that the time axis of the historical change trend of the operating indicator is aligned with the time axis corresponding to the second time period. Thus, the user can directly observe the parameter value of the same operating indicator at the corresponding moment in different time periods.

[0139] As an example, refer to FIG. 7( d ), which is a schematic diagram of a data visualization page provided in an embodiment of the present application. Figure 9 Based on Figure 7(c), Figure 7(d) adds last year’s historical activity calendar and the historical change trend of the operating indicators. These images are aligned based on the same timeline, so users can intuitively see this year’s operating activities, last year’s operating activities, this year’s indicator values, and last year’s indicator values ​​at the same time, which effectively improves the intuitiveness of data visualization.

[0140] Alternatively, in addition to obtaining an activity calendar chart by arranging the operation activities in rows as described above, when there are a large number of operation activities, considering that the content that can be displayed on the page is limited, in order to save page controls, the operation activities with the same period of operation can be merged to obtain the number of activities in one or more periods, and the number of activities in one or more periods is arranged by position, and the activity calendar chart is displayed by displaying the icons corresponding to the number of activities after position arrangement. Among them, the number of activities is displayed on the icon corresponding to the number of interactions, and whether the period of different operation activities is the same can be determined by comparing the start time and end time of different operation activities.

[0141] Furthermore, in response to a selection operation (such as a click operation, a check operation, etc.) of an icon corresponding to the number of activities on a data visualization page, the attribute information of each operation activity included in the number of activities can be displayed. This not only saves page controls, but also makes it convenient for users to view the details of each operation activity, thereby improving the user's browsing experience.

[0142] As an example, refer to FIG. 7( e ), which is a schematic diagram of a data visualization page provided in an embodiment of the present application. Figure 10 . In Figure 7(e), if the operation activity is carried out for a long time and there are no other operation activities whose carrying time overlaps with the operation activity, the activity name of the operation activity can be directly displayed, such as "XX live broadcast activity". If the operation activity is carried out for a short time or there are other operation activities whose carrying time overlaps with the operation activity, the number of activities can be displayed, such as "1" and "8" in the activity calendar chart. "8" means that there are 8 operation activities in the time period corresponding to "8", and "1" means that there is 1 operation activity in the time period corresponding to "1". When the user selects "8", the detailed information of each operation activity at "8" can be displayed through the floating card, such as "Store activity K1, start time:..., end time:..., activity type:...; platform activity K2, start time:..., end time:..., activity type:...".

[0143] Below, an optional embodiment of interaction based on an activity calendar chart and an indicator change trend chart is provided.

[0144] (I) Interaction with the activity calendar

[0145] Optionally, in response to a mouse hover operation on the activity calendar diagram for the second time period, the attribute information of the target activity at the mouse hover position is displayed, thereby improving the convenience of the user in viewing the attribute information of the operation activity and improving the user experience. The target activity at the mouse hover position refers to the operation activity whose image area includes the mouse hover position.

[0146] Further, in response to a mouse hover operation on the activity calendar diagram for the second time period, a card page is displayed in a suspended manner, and attribute information of the target activity at the mouse hover position is displayed on the card page. The card page can be displayed in a suspended manner near the target activity to improve the display effect.

[0147] Furthermore, in addition to the start time, end time, and activity type, the attribute information of the target activity may also include an activity link of the target activity, which is used to jump to the activity page of the target activity. At this time, the activity link of the target activity may be displayed on the floating card page, and the user may click the activity link to jump to the corresponding activity page, thereby improving the convenience of the user in accessing the activity page of the target activity.

[0148] Further, in response to the mouse leaving the image area where the target activity is located, the attribute information of the target activity is canceled from being displayed, for example, the card page is canceled from being displayed.

[0149] Further, in response to a mouse hover operation on the activity calendar diagram for the second time period, after the attribute information of the target activity at the mouse hover position is displayed, in response to a click operation on the target activity, it is determined that the attribute information of the target activity is in a continuous display state, and in response to another click operation on the target activity, the continuous display state of the attribute information of the target activity is cancelled. In the continuous display state, regardless of whether the mouse leaves the image area where the target activity is located, the attribute information of the target activity is always displayed, such as keeping the position and display content of the card page unchanged.

[0150] Optionally, in response to a mouse hover operation on the activity calendar chart for the second time period, the column area where the target activity is located is displayed differently, and the column area where the target activity is located runs through the activity calendar chart and the indicator change trend chart. Thus, the time correspondence between the target activity and part of the change trend in the indicator change trend chart is displayed by the differently displayed column area, thereby improving the intuitiveness of data visualization.

[0151] Among them, the column area where the target activity is located refers to the column position of the image area where the target activity is located. Since the image area has a certain length, the column position can constitute a column area that runs through the activity calendar chart and the indicator change trend chart, that is, the length of the column area is the length of the image area where the target activity is located, and the height of the column area is greater than or equal to the sum of the height of the activity calendar chart and the height of the indicator change trend chart. When the data visualization page also displays a historical activity calendar chart, the column area also runs through the historical activity calendar chart to prompt the past operating activities corresponding to the target activity. At this time, the height of the column area is greater than or equal to the sum of the height of the activity calendar chart, the height of the historical activity calendar chart, and the height of the indicator change trend chart.

[0152] The distinguishing display of the column areas can be achieved through special patterns or colors.

[0153] As an example, refer to FIG. 7( f ), which is a schematic diagram of a data visualization page provided in an embodiment of the present application. Figure 10First, based on Figure 7(d), Figure 7(f) adds an interactive display of the activity calendar chart. As can be seen from Figure 7(f), when the mouse arrow stays on the platform activity C1, the attribute information of the platform activity C1, such as the start time, end time, activity type, and activity link, is displayed through the floating card; in addition, the column area where the platform activity C1 is located is displayed separately, and the column area with different display runs through the activity calendar chart, the historical activity calendar chart, and the historical change trend chart, so that the operation activities carried out last year during the period of platform activity C1 and the change trend of the operation indicators during the period of platform activity C1 are clear at a glance, and users can clearly observe the impact of platform activity C1 on the change trend of the operation indicators.

[0154] (II) Interaction with the indicator trend chart

[0155] Optionally, in response to the selection of the target indicator in the indicator change trend graph for the second time period, the change trend of the target indicator is displayed in the indicator change trend graph. This improves the convenience of viewing the change trend of the operation activity by the user, especially when there are many operation indicators, the user can clearly view the change trend of the corresponding operation activity in this way.

[0156] Among them, the selection operation of the target indicator in the indicator change trend chart for the second time period may include at least one of the following: a selection operation of the change trend in the indicator change trend chart for the second time period (for example, selecting a line chart, selecting a columnar area in a column chart), a selection operation of the selection control of the target indicator in the indicator change trend chart for the second time period (for example, the selection control of the operating indicator in the indicator change trend chart is a drop-down box, and the target indicator is selected in the drop-down box; for example, the selection control of the operating indicator in the indicator change trend chart is an icon corresponding to the operating indicator, wherein each operating indicator corresponds to an icon, such as a circle or a triangle, and the name of the operating indicator is displayed behind the icon to show the correspondence between the icon and the operating indicator).

[0157] Optionally, in response to a mouse hover operation on the indicator change trend graph for the second time period, the target parameter value of the operation indicator at the mouse hover position is displayed. Thus, the user's convenience in viewing the attribute information of the operation activity is improved, and the user experience is improved.

[0158] The mouse position can be located on the indicator change trend graph, for example, on the change trend of the operation indicator, on the horizontal axis of the indicator change trend graph, or in a blank position of the indicator change trend graph. The target parameter value of the operation indicator at the position where the mouse is located is the parameter value corresponding to the horizontal axis coordinate of the position where the mouse is located on the change trend of the operation indicator.

[0159] Further, in response to a mouse hover operation on the indicator change trend graph for the second time period, a card page is displayed in the indicator change trend graph, and the target parameter value of the operating indicator is displayed on the card page. The card page can be displayed in a suspended manner near the mouse hover position. When there are multiple operating indicators, the target parameter value of each operating indicator can be displayed on the card page.

[0160] Optionally, in response to a mouse hover operation on the indicator change trend graph for the second time period, the column area where the target parameter value is located is displayed differently, and the column area where the target parameter value is located runs through the activity calendar graph and the indicator change trend graph. Thus, the time correspondence between the target parameter value and the operation activity in the activity calendar graph is displayed by displaying the column area that is displayed differently, thereby improving the intuitiveness of the data visualization display.

[0161] Among them, the column area where the target parameter value is located refers to the column area corresponding to the time (i.e., the horizontal axis coordinate) corresponding to the target parameter value, that is, the column area corresponding to the horizontal axis coordinate where the mouse is located. The length of the column area is the length occupied by the time corresponding to the target parameter value on the time axis, and the height of the column area is greater than or equal to the sum of the height of the activity calendar chart and the height of the indicator change trend chart. When the data visualization page also displays a historical activity calendar chart, the column area also runs through the historical activity calendar chart to prompt the past operating activities corresponding to the target activity. At this time, the height of the column area is greater than or equal to the sum of the height of the activity calendar chart, the height of the historical activity calendar chart, and the height of the indicator change trend chart.

[0162] The distinguishing display of the column areas can be achieved through special patterns or colors.

[0163] As an example, refer to FIG. 7( g ), which is a schematic diagram of a data visualization page provided in an embodiment of the present application. Figure 10 Second, based on Figure 7(d), Figure 7(g) adds an interactive display of the indicator change trend chart. In Figure 7(g), in response to the user's selection of the historical change trend, the historical change trend can be bolded to distinguish the historical change trend; when the mouse arrow stays on the indicator change trend chart, the column area where the target parameter value at the position where the mouse arrow stays, that is, the column area corresponding to the horizontal axis coordinate 01 / 24 corresponding to the target parameter value, is displayed separately. The column area with different display runs through the activity calendar chart, the historical activity calendar chart and the historical change trend chart, so that the operation activities carried out on January 24 this year, the operation activities carried out on January 24 last year, the parameter values ​​of the operation indicators on January 24 this year, and the parameter values ​​of the operation indicators on January 24 last year are clear at a glance.

[0164] Based on any of the foregoing embodiments, optionally, after obtaining the attribute information of the operating activities and the parameter values ​​of the operating indicators in the first time period, a scroll bar for adjusting the second time period is displayed, and the second time period is determined in response to an interactive operation directed to the scroll bar. Thus, the flexibility of adjusting the second time period is improved by the scroll bar. When the second time period is adjusted, the activity calendar chart of the second time period and the indicator change trend chart of the second time period will be adjusted accordingly, so as to realize the overall adjustment of data visualization.

[0165] Furthermore, the interactive operation on the scroll bar includes at least one of the following: a drag operation on the beginning of the scroll bar, a drag operation on the end of the scroll bar, and a drag operation on the entire scroll bar. Thus, the flexibility of adjusting the scroll bar is improved, that is, the flexibility of adjusting the second time period is improved.

[0166] Among them, the dragging operation facing the starting end of the scroll bar is used to adjust the position of the starting end of the scroll bar, that is, to adjust the starting time of the second time period. At this time, the length of the scroll bar will change, and the duration of the second time period will change; the dragging operation facing the end of the scroll bar is used to adjust the end time of the second time period. At this time, the length of the scroll bar will change, and the duration of the second time period will change; the overall dragging operation facing the scroll bar is to keep the length of the scroll bar unchanged and change the position of the scroll bar. At this time, the starting and end of the second time period undergo the same changes.

[0167] As an example, refer to FIG. 7(h), which is a schematic diagram of a data visualization page provided in an embodiment of the present application. Figure 10 Third, based on Figure 7(d), a scroll bar for adjusting the second time period is added in Figure 7(h). As the scroll bar is adjusted, the time axis, activity calendar chart, historical activity calendar chart, and indicator change trend chart will be adjusted accordingly.

[0168] Based on any of the foregoing embodiments, optionally, considering that the alignment of multiple views (including the alignment of the activity calendar chart, the indicator change trend chart, the historical activity calendar chart, and the scroll bar) is involved in the data visualization page, such as the alignment of multiple page elements such as charts, titles, axes, and texts, in order to improve the final visualized page effect, the data visualization method provided by any of the foregoing embodiments can be used to pre-render the page. During the pre-rendering process, based on the preset constraints (i.e., the constraint flow), the page positions of multiple page elements are determined, and based on the page positions of multiple page elements (i.e., the layout flow), the page is displayed. Among them, the constraints include the maximum area size allowed to be occupied by multiple page elements, such as the maximum area size allowed to be occupied by the activity calendar chart, the maximum area size allowed to be occupied by the text of the activity type on the left side of the activity calendar, the maximum area size allowed to be occupied by the text at the scale on the coordinate axis of the indicator change trend chart, the maximum area size allowed to be occupied by the coordinate axis, and the maximum area size allowed to be occupied by the coordinate axis, etc.

[0169] As an example, as shown in 8, Figure 8 A hierarchical example diagram of page elements provided for an embodiment of the present application. Among them, the chart refers to the entire visualization page, which can be divided into a title (such as a page title), a legend (a ready-made picture inserted into the page, such as a pattern of some interactive controls), an axis (such as a timeline, a scroll bar), and a series (such as an activity calendar chart, an indicator trend change chart) below the chart, wherein the title can be subdivided into a main title and a subtitle, the legend can be subdivided into text and marks, the axis can be subdivided into a title, text, line, and scale, and the series can be subdivided into points, lines, and surfaces. In the process of view alignment, pre-rendering can be performed layer by layer from top to bottom based on the constraint flow (i.e., the preset constraints). In the pre-rendering, the image position of each page element is determined from bottom to top, that is, the layout flow is passed layer by layer. Finally, the alignment of multiple views is completed to generate a visualization page.

[0170] refer to Fig. 9 , Fig. 9 This is a structural block diagram of the data visualization device 90 provided in the embodiment of the present application. Fig. 9 As shown, the data visualization device 90 provided in the embodiment of the present application includes: an acquisition unit 91, a first display unit 92 and a second display unit 93, wherein:

[0171] An acquisition unit 91 is used to acquire attribute information of operation activities and parameter values ​​of operation indicators within a first time period;

[0172] A first display unit 92, configured to display an activity calendar diagram of a second time period according to attribute information of the operation activity;

[0173] A second display unit 93, used to display an indicator change trend graph for a second time period according to the parameter value of the operating indicator;

[0174] The first time period includes the second time period, and the activity calendar chart and the indicator change trend chart are aligned up and down based on the time axis corresponding to the second time period.

[0175] In one embodiment of the present application, the attribute information includes time information, and the time information includes a start time and an end time. The first display unit 92 is specifically used to: arrange the operation activities in rows according to the time information of the operation activities, wherein the length of the image area where the operation activities are located depends on the duration reflected by the start time and the end time of the operation activities, and the starting position of the image area depends on the start time of the operation activity; and display an activity calendar chart according to the operation activities arranged in rows.

[0176] In one embodiment of the present application, in the activity calendar chart, the image areas where the operation activities are located do not overlap with each other, and the first display unit 92 is specifically used to: traverse the unarranged operation activities in the second time period in chronological order; when the traversed operation activity is the first operation activity among the unarranged operation activities, or when the end time of the last operation activity arranged in the current row is earlier than the start time of the traversed operation activity, determine the image area where the traversed operation activity is located in the current row according to the start time and end time of the traversed operation activity; after traversing all the unarranged operation activities, if there are still unarranged operation activities in the second time period, update the current row to the next row or the previous row, and execute the next round of traversal.

[0177] In one embodiment of the present application, the attribute information also includes the activity type, and the activity calendar chart contains row areas corresponding to one or more activity types. The first display unit 92 is specifically used to: arrange the operation activities by rows according to the time information of the operation activities in the row area corresponding to the activity type to which the operation activities belong.

[0178] In one embodiment of the present application, the attribute information includes at least one of the following: activity name, activity progress, and the first display unit 92 is specifically used to: display the activity name and / or activity progress of the operation activity in the activity calendar chart and in the image area where the operation activity is located.

[0179] In one embodiment of the present application, the first time period also includes a third time period, wherein the third time period and the second time period are time-aligned sub-time periods within different time periods, and the time period in which the third time period is located precedes the time period in which the second time period is located. The data visualization device 90 also includes a third display unit (not shown in the figure), which is used to: display a historical activity calendar chart of the third time period based on the attribute information of the operating activity and the time deviation between the third time period and the second time period, wherein the historical activity calendar chart and the activity calendar chart are aligned up and down based on the time axis; display the historical change trend of the operating indicator in the indicator change trend chart based on the parameter value of the operating indicator and the time deviation between the third time period and the second time period.

[0180] In one embodiment of the present application, there are one or more indicator change trend graphs, and different indicator change trend graphs are aligned up and down based on the time axis. The indicator change trend graph contains the change trends of one or more operating indicators. The second display unit 93 is specifically used to: use the time axis as the horizontal axis of the indicator change trend graph, and use the value range of the operating indicator as the vertical axis of the indicator change trend graph to determine the coordinate system in the indicator change trend graph, wherein the vertical axis is located on the left and / or right side of the coordinate system; in the coordinate system, display the change trend of the operating indicator according to the parameter values ​​of the operating indicator at multiple times in the second time period.

[0181] In one embodiment of the present application, the data visualization device 90 also includes a first interaction unit (not shown in the figure), which is used to: in response to a mouse hover operation on the activity calendar chart, display the attribute information of the target activity at the mouse hover position, and / or, distinguishably display the column area where the target activity is located, and the column area where the target activity is located runs through the activity calendar chart and the indicator change trend chart.

[0182] In one embodiment of the present application, the data visualization device 90 also includes a second interaction unit (not shown in the figure), which is used to: in response to a selection operation of a target indicator in the indicator change trend chart, distinguishably display the change trend of the target indicator in the indicator change trend chart; and / or, in response to a mouse hover operation on the indicator change trend chart, display the target parameter value of the operating indicator at the mouse hover position, and / or, distinguishably display the column area where the target parameter value is located, and the column area where the target parameter value is located runs through the activity calendar chart and the indicator change trend chart.

[0183] In one embodiment of the present application, the data visualization device 90 also includes a fourth display unit (not shown in the figure), which is used to: display a scroll bar for adjusting the second time period; determine the second time period in response to an interactive operation directed to the scroll bar, wherein the interactive operation directed to the scroll bar includes at least one of the following: a drag operation directed to the beginning of the scroll bar, a drag operation directed to the end of the scroll bar, and an overall drag operation directed to the scroll bar.

[0184] The data visualization device provided in the embodiment of the present application is used to execute the technical solution in any of the above method embodiments. Its implementation principle and technical effects are similar and will not be repeated here.

[0185] Fig.10 The hardware structure diagram of the electronic device provided in the embodiment of the present application is shown in FIG. Fig.10 As shown, the electronic device 100 of the embodiment of the present application may include: at least one processor 101 ( Fig.10 Only one processor is shown); and a memory 102 in communication with at least one processor. The memory 102 stores instructions that can be executed by at least one processor 101, and the instructions are executed by at least one processor 101 so that the electronic device 100 can execute the technical solution in any of the aforementioned method embodiments.

[0186] Optionally, the memory 102 may be independent or integrated with the processor 101 .

[0187] When the memory 102 is a device independent of the processor 101 , the electronic device 100 further includes a bus 103 for connecting the memory 102 and the processor 101 .

[0188] Optionally, the electronic device 100 is a mobile terminal.

[0189] The electronic device provided in the embodiment of the present application can execute the technical solution of any of the aforementioned method embodiments, and its implementation principles and technical effects are similar, which will not be repeated here.

[0190] An embodiment of the present application further provides a computer-readable storage medium, in which a computer program is stored. When the computer program is executed by a processor, it is used to implement the technical solution in any of the aforementioned method embodiments.

[0191] An embodiment of the present application provides a computer program product, including a computer program, which implements the technical solution in any of the aforementioned method embodiments when executed by a processor.

[0192] The embodiment of the present application also provides a chip, including: a processing module and a communication interface, and the processing module can execute the technical solution in the aforementioned method embodiment.

[0193] Furthermore, the chip also includes a storage module (such as a memory), the storage module is used to store instructions, the processing module is used to execute the instructions stored in the storage module, and the execution of the instructions stored in the storage module enables the processing module to execute the technical solution in the aforementioned method embodiment.

[0194] It should be understood that the processor may be a central processing unit (CPU), other general-purpose processors, digital signal processors (DSP), application-specific integrated circuits (ASIC), etc. A general-purpose processor may be a microprocessor or any conventional processor. The steps of the method disclosed in the invention may be directly implemented by a hardware processor or implemented by a combination of hardware and software modules in the processor.

[0195] The memory may include a high-speed RAM memory, and may also include a non-volatile storage NVM, such as at least one disk memory, and may also be a USB flash drive, a mobile hard disk, a read-only memory, a magnetic disk or an optical disk, etc.

[0196] The bus may be an Industry Standard Architecture (ISA) bus, a Peripheral Component Interconnect (PCI) bus, or an Extended Industry Standard Architecture (EISA) bus, etc. The bus may be divided into an address bus, a data bus, a control bus, etc. For ease of representation, the bus in the drawings of the present application is not limited to only one bus or one type of bus.

[0197] The above storage medium can be implemented by any type of volatile or non-volatile storage device or a combination thereof, 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 disk or optical disk. The storage medium can be any available medium that can be accessed by a general or special purpose computer.

[0198] An exemplary storage medium is coupled to a processor so that the processor can read information from the storage medium and write information to the storage medium. Of course, the storage medium can also be a component of the processor. The processor and the storage medium can be located in an application specific integrated circuit (ASIC). Of course, the processor and the storage medium can also exist as discrete components in an electronic device.

[0199] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit it. Although the present application has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or replace some or all of the technical features therein with equivalents. However, these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of the present application.

Claims

1. A data visualization method, characterized in that: include: Acquire attribute information of the operation activity and parameter values ​​of the operation indicator in the first time period, wherein the attribute information includes time information, activity type, activity name and activity progress; the time information includes start time and end time; Draw an activity calendar chart for the first time period, and assign the operation activities to corresponding row areas according to the activity types of the operation activities; wherein each activity type corresponds to one or more row areas; In the row area corresponding to the activity type to which the operation activity belongs, the operation activities are arranged in rows according to the time information of the operation activities; wherein the operation activities in the same row are arranged in chronological order, and the operation activities in the same row do not overlap in time; the length of the image area where the operation activity is located depends on the duration reflected by the start time and end time of the operation activity, and the starting position of the image area depends on the start time of the operation activity; The activity calendar chart of the first time period is cropped, and the activity calendar chart of the second time period is displayed according to the activity names and activity progress of the operation activities arranged in rows, wherein the one or more row areas are arranged vertically in the activity calendar chart; Displaying a trend graph of indicator changes during the second time period according to the parameter value of the operating indicator; The first time period includes the second time period, and the activity calendar chart and the indicator change trend chart are aligned up and down based on the time axis corresponding to the second time period.

2. The data visualization method according to claim 1, characterized in that: In the activity calendar diagram, the image areas where the operation activities are located do not overlap each other, and the operation activities are arranged in rows according to the time information of the operation activities, including: Traversing the unarranged operational activities within the second time period in chronological order; When the traversed operation activity is the first operation activity among the unarranged operation activities, or when the end time of the last operation activity arranged in the current row is earlier than the start time of the traversed operation activity, the image area where the traversed operation activity is located is determined in the current row according to the start time and end time of the traversed operation activity; After traversing all unranked operating activities, if there are still unranked operating activities in the second time period, the current row is updated to the next row or the previous row, and the next round of traversal is performed.

3. The data visualization method according to claim 1 or 2, characterized in that: The step of displaying an activity calendar chart for a second time period according to the activity name and activity progress of the operation activity includes: In the activity calendar chart, in the image area where the operation activity is located, the activity name of the operation activity and / or the activity progress of the operation activity are displayed.

4. The data visualization method according to claim 1 or 2, characterized in that: The first time period also includes a third time period, wherein the third time period and the second time period are sub-time periods in different time periods that are aligned with each other, and the time period in which the third time period is located is earlier than the time period in which the second time period is located. After acquiring the attribute information of the operation activity and the parameter value of the operation indicator in the first time period, the method further includes: Displaying a historical activity calendar chart of the third time period according to the attribute information of the operation activity and the time deviation between the third time period and the second time period, wherein the historical activity calendar chart and the activity calendar chart are aligned up and down based on the time axis; The historical change trend of the operation indicator is displayed in the indicator change trend graph according to the parameter value of the operation indicator and the time deviation between the third time period and the second time period.

5. The data visualization method according to claim 1 or 2, characterized in that: There are one or more indicator change trend graphs, and different indicator change trend graphs are aligned up and down based on the time axis. The indicator change trend graph contains the change trend of one or more operating indicators. The indicator change trend graph for the second time period is displayed according to the parameter value of the operating indicator, including: Taking the time axis as the horizontal axis of the indicator change trend graph and the value range of the operating indicator as the vertical axis of the indicator change trend graph, a coordinate system in the indicator change trend graph is determined, wherein the vertical axis is located on the left side and / or the right side of the coordinate system; In the coordinate system, the change trend of the operation indicator is displayed according to the parameter values ​​of the operation indicator at multiple moments in the second time period.

6. The data visualization method according to claim 1 or 2, characterized in that: After displaying the activity calendar diagram for the second time period according to the attribute information of the operation activity, the method further includes: In response to a mouse hover operation on the activity calendar chart, attribute information of the target activity at the mouse hover position is displayed, and / or the column area where the target activity is located is displayed distinctively, and the column area where the target activity is located runs through the activity calendar chart and the indicator change trend chart.

7. The data visualization method according to claim 1 or 2, characterized in that: After displaying the indicator change trend graph for the second time period according to the parameter value of the operating indicator, the method further includes: In response to a selection operation on a target indicator in the indicator change trend graph, the change trend of the target indicator is displayed in a differentiated manner in the indicator change trend graph; and / or, In response to a mouse hover operation on the indicator change trend chart, the target parameter value of the operating indicator at the mouse hover position is displayed, and / or the column area where the target parameter value is located is displayed separately, and the column area where the target parameter value is located runs through the activity calendar chart and the indicator change trend chart.

8. The data visualization method according to claim 1 or 2, characterized in that: After obtaining the attribute information of the operation activities and the parameter values ​​of the operation indicators in the first time period, the method further includes: displaying a scroll bar for adjusting the second time period; The second time period is determined in response to an interactive operation directed to the scroll bar, wherein the interactive operation directed to the scroll bar includes at least one of the following: a drag operation directed to the beginning of the scroll bar, a drag operation directed to the end of the scroll bar, and an overall drag operation directed to the scroll bar.

9. A data visualization device, characterized in that: include: An acquisition unit, configured to acquire attribute information of an operation activity and parameter values ​​of an operation indicator within a first time period, wherein the attribute information includes time information, activity type, activity name, and activity progress; and the time information includes a start time and an end time; A first display unit, used for drawing an activity calendar chart for the first time period, and allocating the operation activities to corresponding row areas according to the activity types of the operation activities; wherein each activity type corresponds to one or more row areas; In the row area corresponding to the activity type to which the operation activity belongs, the operation activities are arranged in rows according to the time information of the operation activities; wherein the operation activities in the same row are arranged in chronological order, and the operation activities in the same row do not overlap in time; the length of the image area where the operation activity is located depends on the duration reflected by the start time and end time of the operation activity, and the starting position of the image area depends on the start time of the operation activity; The activity calendar chart of the first time period is cropped, and the activity calendar chart of the second time period is displayed according to the activity names and activity progress of the operation activities arranged in rows, wherein the one or more row areas are arranged vertically in the activity calendar chart; A second display unit, used to display a trend graph of indicator changes in the second time period according to the parameter value of the operating indicator; The first time period includes the second time period, and the activity calendar chart and the indicator change trend chart are aligned up and down based on the time axis corresponding to the second time period.

10. An electronic device, characterized in that: include: at least one processor; as well as a memory communicatively connected to the at least one processor; wherein, The memory stores instructions that can be executed by the at least one processor, and the instructions are executed by the at least one processor to enable the electronic device to perform the data visualization method according to any one of claims 1 to 8.

11. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the data visualization method according to any one of claims 1 to 8 is implemented.

Images