CN114462951B

CN114462951B - Data visualization method, device, equipment and medium

Info

Publication number: CN114462951B
Application number: CN202210255984.2A
Authority: CN
Inventors: 张天旭; 彭瑶玲; 佟婷娜
Original assignee: Alibaba China Co Ltd
Current assignee: Alibaba China Co Ltd
Priority date: 2022-03-15
Filing date: 2022-03-15
Publication date: 2025-05-09
Anticipated expiration: 2042-03-15
Also published as: CN114462951A

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

Data visualization method, device, equipment and medium

Technical Field

The present application relates to the field of computer technologies, and in particular, to a data visualization method, apparatus, device, and medium.

Background

In the market, the development of operation activities is an indispensable link, and the development of operation activities can cause a series of indexes (such as indexes of order quantity, sales volume, inventory and the like) to be changed greatly, so that considerable economic benefits are brought.

The method can improve the development effect of the operation activity by carrying out data operation on the operation activity, and common data operation scenes are the plan distribution of guiding commodity transaction total (Gross Merchandise Volume, GMV for short), the report of explosive to guide merchants on the activity period, the stock preparation on the activity period and the influence of the operation activity on sales volume to guide whether the activity needs to be increased or decreased. Therefore, there is an urgent need for a method of data visualization for operational activities and related index trends.

However, in the current method for visualizing data of operation activities and related index trends thereof, data display is not intuitive, resulting in poor display effect.

Disclosure of Invention

The application provides a data visualization method, a device, equipment and a medium, which are used for solving the problem of poor display effect after the visualization of operation activities and related index trend data thereof.

The embodiment of the application provides a data visualization method, which comprises the steps of obtaining attribute information of operation activities and parameter values of operation indexes in a first time period, displaying an activity calendar graph in a second time period according to the attribute information of the operation activities, and displaying an index change trend graph in the second time period according to the parameter values of the operation indexes, wherein the first time period comprises the second time period, and the activity calendar graph and the index change trend graph are aligned up and down based on a time axis corresponding to the second time period.

In a second aspect, the embodiment of the application provides a data visualization device, which comprises an acquisition unit, a first display unit and a second display unit, wherein the acquisition unit is used for acquiring attribute information of operation activities and parameter values of operation indexes in a first time period, the first display unit is used for displaying an activity calendar graph in a second time period according to the attribute information of the operation activities, the second display unit is used for displaying an index change trend graph in the second time period according to the parameter values of the operation indexes, the first time period comprises the second time period, and the activity calendar graph and the index change trend graph are aligned up and down based on a time axis corresponding to the second time period.

In a third aspect, an embodiment of the present application provides an electronic device, including at least one processor, and a memory communicatively coupled to the at least one processor, where the memory stores instructions executable by the at least one processor to enable the electronic device to perform the data visualization method provided in any one of the first aspects of the present application.

In a fourth aspect, an embodiment of the present application provides a computer readable storage medium having stored thereon a computer program which, when executed by a processor, implements the data visualization method provided in any one of the first aspects of the present application.

In the embodiment of the application, the attribute information of the operation activity and the parameter value of the operation index in the first time period are obtained, the activity calendar map in the second time period is displayed according to the attribute information of the operation activity, and the index change trend map in the second time period is displayed according to the parameter value of the operation index. Wherein the first period of time includes a second period of time, and the activity calendar graph and the index change trend graph are aligned up and down based on a time axis corresponding to the second period of time. Therefore, the intuitiveness of the display of the operation activity and the index change trend is improved through the activity calendar graph and the index change trend graph which are aligned up and down based on the time axis, the corresponding relation of the operation activity and the index change trend based on time is intuitively reflected, the user can directly observe the operation activity and the index change trend under the same time as the operation activity, and the user experience is improved.

Drawings

In order to more clearly illustrate the embodiments of the present application or the technical solutions of the prior art, the drawings that are required in the embodiments or the description of the prior art will be briefly described, and it is obvious that the drawings in the following description are some embodiments of the present application, and other drawings may be obtained according to the drawings without inventive effort to a person skilled in the art.

FIG. 1 is a diagram of an example page of an operational activity data visualization;

FIG. 2 is a diagram of an example page of an operational activity data visualization;

fig. 3 is a schematic view of a scenario of a data visualization method according to an embodiment of the present application;

FIG. 4 is a flowchart illustrating a data visualization method according to an embodiment of the present application;

FIG. 5 (a) is a schematic diagram of a page of data visualization according to an embodiment of the present application;

FIG. 5 (b) is a second schematic page diagram of the data visualization according to the embodiment of the present application;

FIG. 5 (c) is a third schematic page diagram of the data visualization according to the embodiment of the present application;

FIG. 5 (d) is a fourth schematic page diagram of the data visualization according to the embodiment of the present application;

FIG. 5 (e) is a schematic diagram of a page of data visualization according to an embodiment of the present application;

FIG. 6 is a second flow chart of a data visualization method according to an embodiment of the present application;

FIG. 7 (a) is a page diagram six of a data visualization provided by an embodiment of the present disclosure;

FIG. 7 (b) is a diagram seven of a page of data visualization provided by an embodiment of the present disclosure;

FIG. 7 (c) is a schematic diagram eight of a page of data visualization according to an embodiment of the present application;

FIG. 7 (d) is a diagram illustrating a page of data visualization according to an embodiment of the present application;

FIG. 7 (e) is a schematic diagram of a page of data visualization according to an embodiment of the present application;

FIG. 7 (f) is a diagram eleven pages of a data visualization provided by an embodiment of the present application;

FIG. 7 (g) is a schematic diagram showing twelve pages of a data visualization according to an embodiment of the present application;

FIG. 7 (h) is a page diagram of a data visualization according to an embodiment of the present application;

FIG. 8 is a diagram illustrating a hierarchy of page elements provided by an embodiment of the present application;

fig. 9 is a block diagram of a data visualization device 90 according to an embodiment of the present application;

fig. 10 is a schematic hardware structure of an electronic device according to an embodiment of the application.

Specific embodiments of the present application have been shown by way of the above drawings and will be described in more detail below. The drawings and the written description are not intended to limit the scope of the inventive concepts in any way, but rather to illustrate the inventive concepts to those skilled in the art by reference to the specific embodiments.

Detailed Description

For the purpose of making the objects, technical solutions and advantages of the embodiments of the present application more apparent, the technical solutions of the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present application, and it is apparent that the described embodiments are some embodiments of the present application, but not all embodiments of the present application. All other embodiments, which can be made by those skilled in the art based on the embodiments of the application without making any inventive effort, are intended to be within the scope of the application.

The terms first, second, third and the like in the description and in the claims and in the above drawings, are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used may be interchanged where appropriate such that the embodiments of the application described herein may be implemented in sequences other than those illustrated or otherwise described herein.

Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or modules is not necessarily limited to those steps or modules that are expressly listed or inherent to such process, method, article, or apparatus.

First, a partial term of the embodiment of the present application will be explained:

operation activities-online and/or offline activities designed for operation purposes, such as increasing sales, increasing user volume, etc., such as e-commerce promotions, live campaigns, etc.

The operation indexes include commodity transaction total (Gross Merchandise Volume, short for GMV), inventory, sales, price and the like. The trend of the change in the operation index refers to a trend of the parameter value of the operation index that changes with time, and the trend is mainly affected by the operation activity.

By way of example, FIG. 1 is an illustration of an example page of an operational activity data visualization. As shown in fig. 1, a plurality of operation activities between 47 th week and 49 th week are shown in a page, from which a time distribution of operation activities, for example, activity one is distributed on the friday of 47 th week to the monday of 48 th week, and activity two is distributed on the friday of 48 th week to the friday of 49 th week, can be seen. However, this approach only data visualizes the operation activity, and does not take into account visualizing operation indexes related to the operation activity.

By way of example, fig. 2 is an illustration of a page example of an operational activity data visualization. As shown in fig. 2, detailed information of the operation activity (such as an activity name and an activity date of the operation activity) and a line graph of the operation index (the horizontal axis is time and the vertical axis is a parameter value of the operation index) are shown in a page, and the line graph shows a variation trend of the parameter value of the operation index. However, in this manner, the operation activity is displayed by way of the list information, which is not intuitive, resulting in poor display effect.

In order to solve the above problems, an embodiment of the present application proposes a data visualization method. The method comprises the steps of obtaining attribute information of operation activities in a first time period and parameter values of operation indexes, displaying an activity calendar graph in a second time period according to the attribute information of the operation activities in the first time period, and displaying an index change trend graph in the second time period according to the parameter values of the operation indexes. Wherein the first period of time includes a second period of time, and the activity calendar graph and the index change trend graph are aligned up and down based on a time axis corresponding to the second period of time. Thereby, the visualization of the change trend of the operation activities and the operation indexes is realized. The method and the device have the advantages that the intuitiveness of operation activity display is improved through the activity calendar graph, the intuitiveness of operation index change trend display is improved through the index change trend graph, and the intuitiveness of time corresponding relation display between the activity calendar graph and the index change trend graph is improved through the activity calendar graph and the index change trend graph based on the up-down alignment relation of time axes. The user can intuitively observe the distribution condition of the operation activities and the change trend of the operation indexes in the second time period, can also observe the operation activities and the change trend of the operation indexes corresponding to the same time, intuitively understand the influence of the operation activities on the operation indexes, and further can reasonably arrange the operation activities, prepare for the operation activities in advance, so as to improve the development effect of the operation activities.

Fig. 3 is a schematic view of a scenario of a data visualization method according to an embodiment of the present application, where, as shown in fig. 3, a user may view a data visualization page of an operation activity on a terminal (in fig. 3, for example, a mobile phone). The electronic equipment responds to a request of a user for viewing a data visualization page of an operation activity, and requests activity data and index data from a server, wherein the activity data comprises attribute information of the operation activity, and the index data comprises parameter values of an operation index. And then, the terminal performs data visualization on the change trend of the operation activity and the operation index based on the activity data and the index data, and displays a data visualization page.

The data visualization process of the terminal comprises the steps of displaying an activity calendar graph based on attribute information of operation activities and displaying an index change trend graph based on parameter values of operation indexes. Wherein the active calendar graph and the index change trend graph are aligned up and down based on a time axis. Therefore, the data visualization of the change trend of the operation activities and the operation indexes is realized, and the intuitiveness of the data visualization is improved.

The above is just one exemplary application scenario. The embodiment of the application can be applied to any scene of data visualization of operation activities and the change trend of the operation activity index in the Internet, and can also be applied to data visualization scenes of other activities except the operation activities and the change trend of index parameters related to the other activities. For example, a scenario in which data visualization is performed on a change trend in the number of users of an application program is performed on an activity of popularizing the application program.

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

The embodiment of the application is to be noted that the method execution body is an electronic device. The electronic device is, for example, a terminal, which may be a Personal Digital Assistant (PDA) device, a handheld device with a wireless communication function (e.g., a smart phone, a tablet computer), a computing device (e.g., a personal computer (personal computer, PC)), a vehicle-mounted device, a wearable device (e.g., a smart watch, a smart bracelet), a smart home device (e.g., a smart display device), or the like.

Referring to fig. 4, fig. 4 is a schematic flow chart of a data visualization method according to an embodiment of the present application. The embodiment of the application provides a data visualization method, which specifically comprises the following steps:

s401, acquiring attribute information of operation activities and parameter values of operation indexes in a first time period.

The first time period may be a default preset time period or a time period specified by a user. The first time period may include an elapsed time period and/or a future time period, and the first time period may further include a current time, for example, the first time period is a time period of the year of the present year.

Wherein the operation activities in the first period include operation activities which have been performed and/or are scheduled to be performed in the first period, the performed operation activities may include operation activities which have been completed and/or operation activities which have been performed and are not completed, and the operation activities which are scheduled to be performed may include operation activities which have been determined to be performed and/or operation activities which have not been performed. The operational activity within the first time period may be one or more.

The operation index is an index parameter related to the operation activity in the first time period, that is, the parameter value change of the operation index is affected by the operation activity in the first time period. The operation index may also be one or more. For example, the operational activities include one or more live activities, one or more store promotions, and the operational metrics include GMV, sales volume, inventory, etc., index parameters.

The attribute information of the operation activity may include time information of the operation activity, and the parameter value of the operation index includes values of the operation index at a plurality of moments in the first time period. Since the first time period may comprise an elapsed time period and/or a future time period, the operation activity may comprise an operation activity that has been performed and/or planned to be performed, the parameter values of the operation index may comprise a predicted parameter value of the operation index and/or an actual parameter value (i.e. a true parameter value) of the operation index, the predicted parameter value of the operation index being predicted based on a prediction algorithm, and here, a prediction process of the parameter value of the operation index is not described and limited.

In this embodiment, the activity data in the first period and the index data in the first period may be obtained from the server or locally, where the activity data includes attribute information of an operation activity, the index data includes a parameter value of an operation index, and the activity data and the index data may be stored in different servers. The activity data and the metrics data may be collected and stored in advance after authorized approval. For example, after the licensing by the merchant, the time information of the operation activities that the merchant has developed and is planned to develop in the present year is collected, and the inventory, sales and the like of the goods of the merchant in the present year are collected.

Therefore, in this embodiment, the visualization may be performed based on the multiple data sources (including the activity data and the index data) and the trend of the change of the operation activity and the operation index, so as to improve the richness of the data on which the data visualization is based, and further improve the richness of the information displayed by the data visualization.

Optionally, in response to a request for accessing and/or refreshing the data visualization page, attribute information of the operation activity in the first period of time and a parameter value of the operation index in the first period of time are obtained. Therefore, the data acquisition is performed under the condition that the user accesses the data visualization page, the visual and accurate data visualization page of the operation activities and the operation indexes is provided for the user in time, and the user experience is improved.

S402, displaying an activity calendar graph of a second time period according to the attribute information of the operation activity.

The first period includes a second period, for example, the first period is year a (i.e., the first period is 1 month a 1 day to 31 months a 12 months a), and the second period is the first quarter of year a (i.e., the second period is 1 month a 1 day to 31 months a3 months a). Therefore, the attribute information of the operation activity in the first time period includes the attribute information of the operation activity in the second time period, and the parameter value of the operation index in the first time period includes the parameter value of the operation index in the second time period.

Wherein the activity calendar map of the second time period is used for reflecting the time distribution situation of the operation activity in the second time period. Thus, the activity calendar map shows the operation activity within the second period of time, and the position distribution of the operation activity in the activity calendar map reflects the time distribution of the operation activity.

In one mode, the attribute information of the operation activity in the second time period can be obtained from the attribute information of the operation activity in the first time period, and because the attribute information of the operation activity includes the time information of the operation activity in the second time period, the operation activity in the second time period can be subjected to position arrangement (namely position layout) based on the time information of the operation activity in the second time period, and the rendering display of the activity calendar map in the second time period is performed according to the position arrangement of the operation activity in the second time period.

In another aspect, the active calendar map of the first time period may be drawn based on the attribute information of the operation activity in the first time period, and then the active calendar map of the first time period may be cut based on a time axis corresponding to the second time period or a horizontal axis of the index change trend map (corresponding to the time axis corresponding to the second time period), so as to obtain the active calendar map of the second time period. Therefore, when the second time period is changed, the active calendar map of the second time period can be obtained by cutting the active calendar map of the first time period, and the layout of operation activities is not required to be carried out again each time, so that the efficiency of data visualization is improved.

Optionally, the second time period is entered by a user. For example, the user may input the second period of time in an input box of the page on which the active calendar map of the second period of time is located. Therefore, the flexibility of the second time period is improved, the active calendar pictures of different time periods in the first time period are displayed for the user, and the user experience is improved. Wherein, when the user does not input the second time period, the second time period may be determined as the first time period.

Alternatively, the second period may be determined randomly, or may be determined according to a time distribution of the operation activities, for example, a period in which the operation activities are distributed in the first period may be determined as the second period, or a period in which the operation activities are distributed in the first period may be determined as the second period.

Alternatively, the active calendar diagram adopts the layout shown in fig. 1, the second period of time is displayed in the upper area of the active calendar diagram, the active name is displayed in the left area of the active calendar diagram, and the time distribution of the operation activity is represented by a rectangular pattern located below the second period of time.

Alternatively, the calendar corresponding to the second period is determined as the background diagram of the activity calendar diagram, and the operation activity is represented by a rectangular pattern located above the calendar, so that the time distribution of the operation activity can be shown by a rectangular pattern distributed in a staggered manner on the calendar.

S403, displaying an index change trend chart of the second time period according to the parameter value of the operation index.

The steps S402 and S403 may be performed simultaneously, or the steps S402 and S403 may be performed first, that is, the active calendar graph may be displayed first, and then the index change trend graph may be drawn, or the steps S403 and S402 may be performed first, that is, the index change trend graph may be displayed first, and then the active calendar graph may be drawn.

The index change trend graph of the second time period is used for reflecting the change trend of the parameter value of the operation index in the second time period, namely the parameter value of the operation index at different moments in the second time period. Therefore, the index change trend graph may be a coordinate system in which the horizontal axis represents time and the vertical axis represents a parameter value.

Wherein the activity calendar map and the index change trend map are aligned up and down based on a time axis corresponding to the second period. The up-down alignment of the active calendar graph and the index change trend graph includes that the active calendar graph is located right above the index change trend graph or the index change trend graph is located right above the active calendar graph. Therefore, in the index change trend graph, the parameter value vertically aligned with the operation activity on the activity calendar graph is the same parameter value as the development time of the operation activity, and the operation activity has an influence on the parameter value due to the same time, so that the development effect of the operation activity can be observed through the parameter value.

As an example, fig. 5 (a) is a schematic diagram of a page of data visualization provided by an embodiment of the present application, as shown in fig. 5 (a), an active calendar graph and an index change trend graph are aligned up and down based on a time axis, and the active calendar graph is located directly above the index change trend graph. Fig. 5 (b) is a second page schematic diagram of data visualization provided by the embodiment of the present application, as shown in fig. 5 (b), the active calendar graph and the index change trend graph are aligned up and down based on a time axis, and the index change trend graph is located right above the active calendar graph.

In one mode, the parameter value of the operation index in the second time period can be obtained from the parameter values of the operation index in the first time period, the index change trend graph in the second time period is drawn based on the parameter value of the operation index in the second time period, and finally, the index change trend graph in the second time period is displayed.

In another mode, the index change trend graph of the first time period can be drawn based on the parameter value of the operation index in the first time period, and the index change trend graph of the first time period is cut based on the time axis corresponding to the second time period, so that the index change trend graph of the second time period is obtained. Therefore, when the second time period changes, the index change trend graph does not need to be regenerated each time, and the data visualization efficiency is improved.

In the embodiment of the application, the change trend of the operation activity and the operation index related to the operation activity is visualized into the activity calendar graph and the index change trend graph which are aligned up and down based on the time axis, so that the intuitiveness of the data visualization of the operation activity and the operation index change trend is improved, a user can simply and clearly see the time distribution of the operation activity, the change trend of the operation index and the time corresponding relation of the operation activity and the change trend of the operation index, and the user experience is effectively improved.

Next, an alternative embodiment of an index change trend chart is provided in combination with fig. 5 (a) to 5 (d), where fig. 5 (c) is a third page schematic diagram of data visualization provided in the embodiment of the present application, and fig. 5 (d) is a fourth page schematic diagram of data visualization provided in the embodiment of the present application. The method comprises the following steps:

(one) number of index change trend graphs

Alternatively, as shown in fig. 5 (a) and 5 (b), the index change trend chart is one.

Alternatively, as shown in fig. 5 (c), the index change trend chart is plural. The different index change trend graphs are aligned up and down based on a time axis corresponding to the second time period so as to reflect the time correspondence relationship between the change trends of the operation indexes shown by the different index change trend graphs, so that a user can intuitively analyze the change trend of the different operation indexes and also intuitively analyze the parameter values of the different operation indexes at the same moment, the intuitiveness of data display is improved, and the user experience is improved.

(II) regarding the correspondence between the index change trend graph and the operation index

Optionally, one index change trend graph corresponds to one operation index, that is, one index change trend graph may reflect a change trend of a parameter value of one operation index in the second period. For example, in fig. 5 (a) and 5 (b), the index change trend graph indicated by the solid line broken line graph corresponds to one operation index.

Alternatively, one index change trend map corresponds to a plurality of operation indexes. For example, a plurality of line graphs obtained based on parameter values of a plurality of operation indexes are combined into one index change trend graph. For example, in fig. 5 (d), a solid line diagram, a broken line diagram, and a histogram are combined into one index change trend diagram, wherein the solid line diagram, the broken line diagram, and the histogram correspond to different operation indexes, respectively, so that one index change trend diagram may correspond to a plurality of operation indexes.

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

Therefore, the flexibility and the diversity of the operation index change trend graph are improved through the diversity of the corresponding relation between the index change trend graph and the operation index, and the display effect of the operation index change trend is improved.

(III) category of index change trend graph

Optionally, as shown in fig. 5 (a) to 5 (d), the category of the index change trend graph may include at least one of a line graph and a bar graph.

Still alternatively, one possible implementation manner of S403 includes determining a coordinate system in the index change trend graph with a time axis as a horizontal axis of the index change trend graph and a value range of the operation index as a vertical axis of the index change trend graph, where the vertical axis is located on a left side and/or a right side of the coordinate system, and displaying a change trend of the operation index in the coordinate system according to parameter values of the operation index at a plurality of moments in a second time period. Therefore, the view space utilization rate of the page after data visualization is improved.

Wherein the vertical axis is the Y axis, and the horizontal axis is the X axis.

In this alternative, the index change trend graph is a two-dimensional coordinate system composed of a vertical axis and a horizontal axis, and the two-dimensional coordinate system may be a single-vertical axis coordinate system or a double-vertical axis coordinate system. The coordinate system is a single longitudinal axis coordinate system when the longitudinal axis is located to the left or right of the coordinate system, and a single longitudinal axis coordinate system when the longitudinal axis is located to the left and right of the coordinate system. When the vertical axis is located on the left side and the right side of the coordinate system, the vertical axis on the left side and the vertical axis on the right side can be selected to be different in numerical units.

For example, the index change trend graphs in fig. 5 (a) to 5 (c) have one vertical axis, and the index change trend graph in fig. 5 (d) has two vertical axes, one corresponding to the price and the other corresponding to the sales.

In some embodiments, a time axis corresponding to the second period of time may be displayed in addition to the activity calendar map and the index change trend map. The time axis corresponding to the second time period can be displayed at the top and/or the bottom of the data visualization page, and a plurality of time scales can be marked on the time axis, so that a user can analyze operation activities and operation indexes under the time scales based on the time scales on the time axis.

As an example, referring to fig. 5 (e), fig. 5 (e) is a schematic diagram of a page of data visualization provided by an embodiment of the present application. In fig. 5 (e), a time axis corresponding to the second time period is displayed at the top of the page, and a plurality of time scales including 1 month 17 days, 1 month 24 days, 1 month 31 days, 2 months 14 days, and 2 months 21 days are marked on the time axis, and under the time axis, the active calendar map and the index change trend map are aligned up and down based on the time axis, and the active calendar map is positioned above the index change trend map. Therefore, the user can clearly observe the operation activity and the parameter value of the operation index at the same time.

In the following, alternative embodiments are provided with an activity calendar map display, in which various ways of arranging the positions of the operation activities within the second period of time are provided. Of course, as shown in the foregoing embodiment, the position arrangement of the operation activity in the first period may also be performed to obtain an active calendar of the first period, and the active calendar of the first period is cut to obtain an active calendar of the second period, where the position arrangement of the operation activity in the first period may refer to the position arrangement of the operation activity in the second period provided in the subsequent optional embodiment, and will not be described herein.

Referring to fig. 6, fig. 6 is a second flowchart of a data visualization method according to an embodiment of the present application. As shown in fig. 6, the data visualization method specifically includes the following steps:

S601, acquiring attribute information of operation activities and parameter values of operation indexes in a first time period.

Wherein the attribute information of the operation activity includes time information of the operation activity, and the time information of the operation activity includes a start time and an end time of the operation activity.

In this embodiment, the implementation principle and technical effect of S601 may refer to the foregoing embodiments, and will not be described again.

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

The starting position of the image area is the left edge position of the image area.

For example, the image area may be rectangular, elliptical, or the like.

In this embodiment, the operation activities may be traversed according to the order of time from front to back based on the start time of the operation activities, the position of the start time of the operation activities is determined on the time axis corresponding to the second time period for the traversed operation activities, the start position of the image area of the operation activities is determined in the activity calendar 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 of the operation activities is determined in the activity calendar 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 activity is located may be the time difference between the start time and the end time of the operation activity, i.e., the length of the image area where the operation activity is located may be the development duration (i.e., the time span) of the operation activity. In this way, the next operation activity is continued to be traversed. Since the time on the time axis is increasing from left to right, the operational activities within the second time period will be arranged in one or more rows in a left to right order. Therefore, the starting time, the ending time and the developing duration of the operation activities are intuitively embodied through the layout of the operation activities in the activity calendar.

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

Among the plurality of operation activities within the second period of time, there may be operation activities whose activity development periods overlap, for example, a start time of operation activity a is located between a start time of operation activity B and an end time of operation activity B. In order to avoid the influence of overlapping of image areas of operation activities with overlapping time of activity development in an activity calendar graph, multiple rounds of traversal can be performed on the operation activities in a second time period, and one round of traversal is used for arranging a plurality of operation activities with non-overlapping time in the same row, so that the multiple rounds of traversal can arrange the operation activities in the second time period in multiple rows, ensure that the image areas where different operation activities are located are not overlapped, and improve the display effect of the activity calendar graph.

Optionally, as shown in fig. 6, S602 includes:

and S6021, traversing the operation activities which are not arranged in the second time period according to the time sequence.

In the first round of traversal, the operation activities which are not arranged in the second time period are all operation activities in the second time period, and in the T-th round of traversal, the operation activities which are not arranged in the second time period are the rest operation activities except the operation activities arranged in the previous T-1 round of traversal. T is greater than 1.

Wherein, one round of traversal is used for laying out a plurality of operation activities which are not overlapped in time on the same row, and S6021-S6023 show one round of traversal process and layout operation in the traversal process.

In S6021, the unordered operation activities may be traversed sequentially in the order from front to back based on the start times of the unordered operation activities in the second period.

S6022, determining an image area where the traversed operation activity is located on the current line according to the starting time and the ending time of the traversed operation activity when the traversed operation activity is the first operation activity in the unordered operation activities or when the ending time of the last operation activity arranged on the current line is earlier than the starting time of the traversed operation activity.

Wherein, the first operation activity in the unordered operation activities refers to the operation activities arranged in the first place in the order from the front to the back according to the starting time of the operation activities.

Wherein the current behavior operates the rows of the activity to be laid out in the current round of traversal. In the first round of traversal, the current line may be the first line or the last line. If the current row in the first round of traversal is the first row, it means that the operational activities in the second time period are laid out row by row in order from the first row to the last row, i.e., 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 line in the first round of traversal is the last line, it means that the operation activities in the second time period are laid out in line in the order from the last line to the first line, i.e., the current line in the second round of traversal is the next to last line, and the current line in the third round of traversal is the third to last line.

In S6022, in the case where the traversed operation activity is the first operation activity of the unordered operation activities, there is no already-arranged operation activity on the current line, and there is no fear that the first operation activity overlaps with the already-arranged operation activity on the current line in time. Therefore, the starting position of the image area where the traversed operation activity is located may be determined based on the position of the starting time of the traversed operation activity (i.e. the first operation activity) on the second time axis, and the ending position of the image area where the traversed operation activity is located may be determined based on the position of the ending time of the traversed operation activity on the second time axis.

In S6022, in the case where the end time of the last operation activity arranged in the current row precedes the start time of the traversed operation activity, the traversed operation activity does not overlap with the last operation activity arranged in the current row in time, and there is no fear that the image area where the traversed operation activity is located overlaps 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 may be determined based on the position of the starting time of the traversed operation activity on the second time axis, and the ending position of the image area where the traversed operation activity is located may be determined based on the position of the ending time of the traversed operation activity on the second time axis.

In S6022, if the traversed operation is arranged in the current row, the image area where the traversed operation is located overlaps with the image area where the last operation arranged in the current row is located if the start time of the traversed operation is earlier than the end time of the last operation arranged in the current row (at this time, the traversed operation is not the first operation in the unordered operation), so the traversed operation belonging to the unordered operation in the next round of traversal may be skipped. Then, the next operation activity is continuously traversed, and S6022 is performed for the next operation activity.

By way of example, the row-wise ranking is performed in order from the first row to the last row, when traversing in time-wise order to a first one of the non-ranked operational activities within the second time period, determining an image area in the first row in which the first operational activity is located based on a start time and an end time of the first operational activity, traversing to the second operational activity, skipping the second operational activity if the start time of the second operational activity precedes the end time of the first operational activity, otherwise determining an image area in the first row in which the second operational activity is located based on the start time and the technical time of the second operational activity. Traversing a third operational activity, and so forth, ending the round of traversal after no operational activity is traversed. After that, the next round of traversal is performed.

And S6033, after traversing all the unordered operation activities, if the unordered operation activities exist in the second time period, updating the current row to the next row or the last row, and executing the next round of traversal.

In S6033, after all the unordered operation activities are traversed, the round of the traversal is ended. It is determined whether there are unordered operational activities within the second time period (unordered operational activities that were unordered in the last traversal due to temporal overlap with the existence of an operational activity of the last row). If the unordered operation activities still exist in the second time period, updating the current row to the next row or the last row, and executing the next round of traversal until the unordered operation activities do not exist in the second time period.

As an example, reference is made to fig. 7 (a) and fig. 7 (b), where fig. 7 (a) is a page diagram six of the data visualization provided by the embodiments of the present disclosure, and fig. 7 (b) is a page diagram seven of the data visualization provided by the embodiments of the present disclosure. In fig. 7 (a) and 7 (B), taking the case that the number of index change trend graphs is 1, and a time axis corresponding to the second time period is also displayed on a page, time distributions (i.e., image area distributions) of the 9 operation activities of A1 to A4, B1 to B3, and C1 to C2 are displayed in the activity calendar graph, the operation activity is represented by a rectangular area where the operation activity is located, and the left side position of the rectangular area where the operation activity is located is obtained by determining the start time of the operation activity on the time axis, and the length of the rectangular area where the operation activity is located is the time span of the operation activity. The embodiment shown in fig. 6 is adopted to arrange 9 operation activities of A1 to A4, B1 to B3 and C1 to C2 in a row-by-row manner in the order from the first row to the last row, so that the interactive calendar shown in fig. 7 (a) can be obtained, and the embodiment shown in fig. 6 is adopted to arrange 9 operation activities of A1 to A4, B1 to B3 and C1 to C2 in a row-by-row manner in the order from the last row to the first row, so that the interactive calendar shown in fig. 7 (B) can be obtained.

S603, displaying an activity calendar according to the operation activities arranged by rows.

In this embodiment, after the line arrangement of the operation activities in the second time period is completed, the starting position, the length and the height of the image area where the operation activities are located in the second time period may be obtained, so that the image area where the operation activities are located may be displayed (i.e. marked) in a data visualization page based on the starting position, the length and the height of the image area where the operation activities are located, for example, the image area where the operation activities are located is marked and displayed by rendering the image area where the operation activities into a preset color, or the image area where the operation activities are located is marked and displayed by rendering a preset pattern (such as a shadow pattern) in the image area where the operation activities are located. After the differentiated display of the image areas where all the operation activities are located in the second time period is completed, an activity calendar image in the second time period is obtained, and the image areas which are displayed in the differentiated mode in the activity calendar image can intuitively reflect the time distribution of the operation activities.

S604, displaying an index change trend chart of the second time period according to the parameter value of the operation index.

In this embodiment, the implementation principle and technical effect of S604 may refer to the foregoing embodiments, and will not be described again.

In the embodiment of the application, the change trend of the operation activity and the operation index related to the operation activity is visualized into the activity calendar graph and the index change trend graph which are aligned up and down based on the time axis, and when the activity calendar graph is displayed, the operation activity is arranged according to the line based on the time information of the operation activity, so that the visual intuitiveness of the operation activity data is improved, and further the user experience is improved.

Based on any of the foregoing embodiments, the display of the active calendar map may also be an alternative embodiment as follows:

Optionally, the attribute information of the operation activity further comprises at least one of an activity name and an activity progress. At this time, the activity calendar map of the second time period is displayed according to the attribute information of the operation activity, including displaying the activity name of the operation activity and/or the activity progress of the operation activity in the image area where the operation activity is located in the activity calendar map. Therefore, the intuitiveness of the attribute information display of the operation activity is improved.

Further, the activity schedule may include at least one of unacknowledged, acknowledged, in progress, not started, started after N days, ended after N days, started for N days, percentage of schedule. Therefore, one or more of the above activities can be displayed, and the diversity of activities can be improved. Here, unconfirmed means whether the operation activity is performed or not and user confirmation is not obtained, and confirmed means whether the operation activity is performed or not and user confirmation is obtained. In addition, the image area where the unacknowledged operation activity is located can be marked in the activity calendar graph so as to remind the user of noticing the unacknowledged operation activity, and the unacknowledged operation activity is confirmed or cancelled in time, so that the user experience is improved.

As an example, as shown in fig. 7 (a) and 7 (B), in the image areas where 9 operation activities of A1 to A4, B1 to B3, and C1 to C2 are located, names of the corresponding operation activities, A1 to A4, B1 to B3, and C1 to C2, are displayed, and the activity progress of the operation activities, A1, A3, B1, B2, B3, and C1, are displayed as "confirmed", the activity progress of A2 and C2 is "unconfirmed", and the activity progress of A4 is "after 0 days". A3 and C2 with the activity progress being 'unacknowledged' are marked by a diagonal shading mode so as to remind a user of paying attention.

Further, since the length of the image area of the operation activity depends on the time span of the operation activity, there is a case where the length of the image area of the operation activity is short, for which only a part of the text in the activity name of the operation activity and/or a part of the text in the activity progress of the operation activity may be displayed. For example, in fig. 7 (a) and 7 (b), the active state of A1 shows only "already".

Furthermore, the image areas of the operation activities at different activity schedules can be marked by adopting different colors or patterns, so that the interestingness and intuitiveness of the activity schedule display of the operation activities are improved.

Further, in the image area where the operation activity is located, different labels can be performed according to the image area corresponding to the time when the operation activity is performed and the image area corresponding to the time lock to be performed by the operation activity. For example, the duration of the operation activity is 10 days, the operation activity is performed for 3 days, and the operation activity is performed for 7 days, the image area corresponding to the 3 days in which the operation activity is performed can be marked with a dark color, and the image area corresponding to the 7 days in which the operation activity is performed is marked with a light color. Therefore, the user can intuitively see the development condition of the operation activity, and the intuitiveness of data visualization is improved.

Optionally, the attribute information of the operation activity further includes an activity type, and the activity calendar map includes one or more row areas corresponding to the activity types respectively. At this time, the operation activities are arranged in rows according to the time information of the operation activities, including arranging the operation activities in rows according to the time information of the operation activities in a row region corresponding to the activity type to which the operation activities belong. Therefore, ordered display of time distribution conditions of one or more activity types of operation activities is realized, and richness of operation activity display is improved.

For example, on the basis of fig. 7 (a), fig. 7 (c) shows a corresponding situation of an activity type of an operation activity and a row area, where fig. 7 (c) is a page diagram eight of data visualization provided by an embodiment of the present application. As shown in fig. 7 (c), the activity types of the operation activities include, for example, a platform activity, a live broadcast, and a store activity, which correspond to different line areas, respectively, and the operation activities under the activity types are arranged in a line in the line area corresponding to each activity type.

In this optional manner, after the attribute information of the operation activity in the second period is obtained from the attribute information of the operation activity in the first period, the attribute information of the operation activity in the second period may be grouped according to the activity type of the operation activity, so as to obtain the attribute information of the operation activity under each activity type, where the attribute information includes time information. And according to the time information of the operation activities under the activity type, arranging the operation activities under the activity type according to the row for each activity type. And then, according to the image areas corresponding to the operation activities and the attribute information (such as the activity names and the activity progress of the operation activities) of the operation activities after being arranged according to the rows under each activity type, displaying the operation activities of each activity type according to the rows to obtain an activity calendar graph of a second time period.

The method comprises the steps of arranging operation activities under each activity type according to rows, wherein the row arrangement comprises the steps of determining the initial position, the length and the height of an image area where the operation activities under each activity type are located, wherein the determination of the initial position and the length can be implemented by referring to the implementation, and the height can be a preset value.

For example, in fig. 7 (C), 9 operation activities A1 to A4, B1 to B3, and C1 to C2 belonging to platform activities are arranged in rows, then operation activities belonging to live broadcasting are arranged in rows, and then operation activities belonging to store activities are arranged to obtain an activity calendar.

Optionally, the first time period further includes a third time period, where the third time period and the second time period are time-aligned sub-time periods in different time periods, and a time period in which the third time period is located precedes a time period in which the second time period is located. For example, the time period is year, the third time period is 1 month and 1 day of the last year to 3 months and 1 day of the last year, and the second time period is 1 month and 1 day of the present year to 3 months and 1 day of the present year. Based on the optional content, after the attribute information of the operation activity and the parameter value of the operation index in the first time period are obtained, the operation of displaying a historical activity calendar map 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 map and the activity calendar map are aligned up and down based on a time axis, and displaying the historical change trend of the operation index in the index change trend map according to the parameter value of the operation index and the time deviation between the third time period and the second time period is also carried out. Therefore, the comparison of the operation activities and the comparison of the operation indexes of the sub-time periods of the time in different time periods are realized by displaying the activity calendar diagrams and the index change trend diagrams of the sub-time periods aligned in time in different time periods, the intuitiveness and the information richness of the data visualization are improved, and the user experience is effectively improved.

The third time period is a time-aligned elapsed time period separated by one period from the second time period, because the third time period and the second time period are time-aligned sub-time periods 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.

In this optional manner, the attribute information of the operation activity in the third time period may be obtained from the attribute information of the operation activity in the first time period, where the attribute information includes time information, and the time information of the operation activity in the third time period is adjusted based on a time deviation between the third time period and the second time period, so that the time information of the operation activity in the third time period may accurately fall in the second time period after adjustment. The time information of the operation activity comprises a starting time and an ending time, and the adjustment of the time information of the operation activity in the third time period comprises adjustment of the starting time and the ending time of the operation activity in the third time period. For example, the start time of the operation activity in the third time period is 1 month and 1 day in the last year, the end time is 1 month and 15 days in the last year, the second time period is 1 month and 1 day to 3 months and 1 day in the present year, and after adjustment, the start time of the operation activity in the third time period is 1 month and 1 day in the present year, and the end time is 1 month and 15 days in the present year.

Next, based on the time information after the adjustment of the operation activity in the third time period, the operation activity in the third time period is arranged in positions (for example, in rows) and displayed, so as to obtain an activity calendar map of the third time period, which is distinguished from the activity calendar map of the second time period, and the activity calendar map of the third time period is referred to as a history activity calendar map herein. The historical activity calendar map is aligned up and down with the activity calendar map of the second time period based on the time axis corresponding to the second time period, so that the user can directly observe the operation activity at the corresponding time of the different time periods. The method for arranging the positions of the operation activities in the third time period may refer to the position arrangement of the operation activities in the second time period, which is not described herein.

In this alternative manner, the parameter value of the operation index in the third time period may be obtained from the parameter value of the operation index in the first time period, the historical variation trend of the operation index is drawn based on the parameter value of the operation index in the third time period, and the time axis of the historical variation trend of the operation index is adjusted based on the time deviation between the third time period and the second time period, so that the time axis of the historical variation trend of the operation index is aligned with the time axis corresponding to the second time period. Thus, the user can directly observe the parameter values of the same operation index at the corresponding moments of different time periods.

As an example, referring to fig. 7 (d), fig. 7 (d) is a nine-page schematic diagram of data visualization provided by the embodiment of the present application, on the basis of fig. 7 (c), a historical activity calendar chart of the last year and a historical change trend of an operation index are added to fig. 7 (d), and these images are aligned based on the same time axis, so that a user can intuitively see the operation activity of the last year, the index value of the current year and the index value of the last year at the same time, and the intuitiveness of the visualized data is effectively improved.

Alternatively, in addition to the above-mentioned method of obtaining the activity calendar map by arranging the operation activities in rows, in the case of a large number of operation activities, considering that the displayable content of the page is limited, in order to save the page control, the operation activities with the same development period may be combined to obtain the number of activities in one or more periods, the number of activities in one or more periods is arranged in positions, and the display of the activity calendar map is achieved by displaying the icons corresponding to the number of activities after the arrangement of positions. The icons corresponding to the interaction number are displayed with the activity number, and whether the development periods of different operation activities are the same or not can be determined by comparing the starting time of the different operation activities and the ending time of the different operation activities.

Further, the attribute information of each operation activity included in the activity number can be displayed in response to the selection operation (such as clicking operation, hooking operation and the like) of the icon corresponding to the activity number on the data visualization page, so that page controls are saved, the user can conveniently check details of each operation activity, and browsing experience of the user is improved.

As an example, referring to fig. 7 (e), fig. 7 (e) is a schematic page diagram of data visualization provided by an embodiment of the present application. In fig. 7 (e), if the development period of the operation activity is long and there are no other operation activities whose development period overlaps with the development period of the operation activity, the activity name of the operation activity, such as "XX live broadcast activity", may be displayed directly, and if the development period of the operation activity is short or there are other operation activities whose development period overlaps with the development period of the operation activity, the number of activities, such as "1" and "8" in the activity calendar map, may be displayed, and "8" indicates that there are 8 operation activities in the period corresponding to "8", and "1" indicates that there are 1 operation activity in the period corresponding to "1". When the user selects '8', detailed information of each operation activity at '8', such as 'store activity K1', start time:, end time:, activity type:, can be displayed through a card displayed in a floating manner. Platform activity K2, start time:, end time:, activity type:, ".

In the following, alternative embodiments are provided for interacting based on an active calendar graph and an index trend graph.

Interaction with active calendar diagrams

Optionally, in response to the mouse stay operation of the active calendar graph facing the second time period, the attribute information of the target activity at the position where the mouse stays is displayed, so that the operation convenience of the user for checking the attribute information of the operation activity is improved, and the user experience is improved. The target activity at the mouse stay position refers to an operation activity of the image area containing the mouse stay position.

Further, in response to the mouse stay operation of the active calendar graph facing the second period, the card page is displayed in suspension, and attribute information of the target activity at the mouse stay position is displayed on the card page. The card page can be displayed in a floating mode near the target activity, so that the display effect is improved.

Further, the attribute information of the target activity may include an activity link of the target activity in addition to the start time, the end time, and the activity type, for jumping to an activity page of the target activity. At the moment, the movable links of the target activities can be displayed on the suspended card pages, and the user can jump to the corresponding movable pages by clicking the movable links, so that the convenience of accessing the movable pages of the target activities by the user is improved.

Further, in response to the image area where the mouse-oriented away 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.

Further, after the attribute information of the target activity at the mouse stay position is displayed in response to the mouse stay operation facing the activity calendar graph of the second period of time, it is determined that the attribute information of the target activity is in a continuous display state in response to the click operation facing the target activity, and the continuous display state of the attribute information of the target activity is canceled in response to the re-click operation facing the target activity. In the continuous display state, whether the mouse leaves the image area where the target activity is located or not, the attribute information of the target activity is always displayed, for example, the position of the card page and the display content are kept unchanged.

And optionally, responding to the mouse stopping operation of the active calendar graph facing the second time period, and displaying the column area where the target activity is located in a distinguishing mode, wherein the column area where the target activity is located penetrates through the active calendar graph and the index change trend graph. Therefore, the time corresponding relation between the target activity and part of the change trend in the index change trend graph is displayed by distinguishing the displayed column areas, and the intuitiveness of data visual display is improved.

The column region where the target activity is located refers to a column position of an image region where the target activity is located, and since the image region has a certain length, the column position can form a column region penetrating through the activity calendar graph and the index change trend graph, that is, the length of the column region is the length of the image region where the target activity is located, and the height of the column region is greater than or equal to the sum of the height of the activity calendar graph and the height of the index change trend graph. When the data visualization page further displays a historical activity calendar, the column area also penetrates through the historical activity calendar to prompt past operation activities corresponding to the target activities, and at this time, the height of the column area is greater than or equal to the sum of the height of the activity calendar, the height of the historical activity calendar and the height of the index change trend graph.

Wherein the differentiated display of the column areas may be achieved by a special pattern or color.

As an example, referring to fig. 7 (f), fig. 7 (f) is an eleventh page schematic diagram of data visualization provided by an embodiment of the present application, and on the basis of fig. 7 (d), an interactive display of an active calendar map is added in fig. 7 (f). As can be seen from fig. 7 (f), when the mouse arrow stays at the platform activity C1, attribute information of the platform activity C1, such as start time, end time, activity type and activity link, is displayed by the floating card, and a column area where the platform activity C1 is located is also differently displayed, and the differently displayed column area penetrates through the activity calendar map, the historical activity calendar map and the historical trend chart, so that the operation activity developed in the last year in the development period of the platform activity C1 and the trend of the operation index change in the development period of the platform activity C1 are clear, and the user can clearly observe the influence of the platform activity C1 on the operation index change trend.

(II) interaction with index change trend graph

Optionally, in response to a selection operation of the target index in the index change trend graph facing the second time period, the change trend of the target index is displayed in the index change trend graph in a distinguishing manner. Therefore, the operation convenience of the user for checking the change trend of the operation activity is improved, and particularly under the condition of more operation indexes, the user can clearly check the change trend of the corresponding operation activity through the mode.

The selecting operation of the target index in the index change trend graph facing the second time period may include at least one of selecting operation of the change trend in the index change trend graph facing the second time period (such as selecting a certain line graph, selecting a certain column region in a column graph), selecting operation of the selecting control of the target index in the index change trend graph facing the second time period (such as selecting the target index in the drop-down frame as the selecting control of the operation index in the index change trend graph, and selecting the target index as the drop-down frame as well as such, wherein each operation index corresponds to an icon, such as a circle or triangle, and displaying the name of the operation index behind the icon to show the correspondence between the icon and the operation index).

And optionally, in response to the mouse stopping operation of the index change trend graph facing the second time period, displaying the target parameter value of the operation index at the stopping position of the mouse. Therefore, the operation convenience of the user for checking the attribute information of the operation activity is improved, and the user experience is improved.

The mouse stay position may be located on the index change trend chart, for example, may be located on the change trend of the operation index, may be located on the horizontal axis of the index change trend chart, or may be located at a blank position of the index change trend chart. The target parameter value of the operation index at the mouse stay position is a parameter value corresponding to the horizontal axis coordinate of the mouse stay position on the change trend of the operation index.

Further, in response to a mouse stay operation of the index change trend graph facing the second time period, a card page is displayed in a floating mode in the index change trend graph, and target parameter values of operation indexes are displayed on the card page. Wherein, the card page can be displayed in suspension near the stop position of the mouse. When the operation indexes are multiple, the target parameter values of the operation indexes can be displayed on the card page.

And optionally, responding to the mouse stopping operation of the index change trend graph facing the second time period, and displaying the column region where the target parameter value is located in a distinguishing way, wherein the column region where the target parameter value is located penetrates through the active calendar graph and the index change trend graph. Therefore, the time corresponding relation between the target parameter value and the operation activity in the activity calendar graph is displayed by distinguishing the displayed column areas, and the intuitiveness of data visual display is improved.

The column region where the target parameter value is located refers to a column region corresponding to time (i.e., a horizontal axis coordinate) corresponding to the target parameter value, i.e., a column region corresponding to a horizontal axis coordinate at the position where the mouse stays. 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 larger than or equal to the sum of the height of the active calendar graph and the height of the index change trend graph. When the data visualization page further displays a historical activity calendar, the column area also penetrates through the historical activity calendar to prompt past operation activities corresponding to the target activities, and at this time, the height of the column area is greater than or equal to the sum of the height of the activity calendar, the height of the historical activity calendar and the height of the index change trend graph.

As an example, referring to fig. 7 (g), fig. 7 (g) is twelve pages of a data visualization provided by an embodiment of the present application, and on the basis of fig. 7 (d), an interactive display of an index change trend chart is added in fig. 7 (g). In fig. 7 (g), the historical trend is thickened in response to a user operation of selecting the historical trend, so as to distinguish and display the historical trend, and when the mouse arrow is stopped in the index trend chart, the column region where the target parameter value at the stop position of the mouse arrow is located, namely, the column region corresponding to the horizontal axis coordinate 01/24 corresponding to the target parameter value is distinguished and displayed. The column areas of the differential display penetrate through the activity calendar graph, the historical activity calendar graph and the historical change trend graph, so that the operation activities carried out on the 1 st month and 24 th year, the parameter values of the operation indexes on the 1 st month and 24 th year and the parameter values of the operation indexes on the 1 st month and 24 th year are clear at a glance.

Based on any of the foregoing embodiments, optionally, after acquiring the attribute information of the operation activity and the parameter value of the operation index in the first period of time, a scroll bar for adjusting the second period of time is displayed, and the second period of time is determined in response to the interaction operation for the scroll bar. Thus, the flexibility of adjusting the second period of time is increased by the scroll bar. When the second time period is adjusted, the active calendar graph of the second time period and the index change trend graph of the second time period are adjusted accordingly, so that the overall adjustment of data visualization is realized.

Further, the interactive operation facing the scroll bar includes at least one of a drag operation facing a beginning of the scroll bar, a drag operation facing an end of the scroll bar, and an overall drag operation facing the scroll bar. Thereby, the flexibility of the adjustment of the scroll bar, i.e. the flexibility of the adjustment of the second time period, is increased.

The drag operation facing the beginning end of the rolling bar is used for adjusting the position of the beginning end of the rolling bar, namely adjusting the beginning time of a second time period, wherein the length of the rolling bar changes, the duration of the second time period changes, the drag operation facing the tail end of the rolling bar is used for adjusting the ending time of the second time period, the length of the rolling bar changes, the duration of the second time period changes, the integral drag operation facing the rolling bar keeps the length of the rolling bar unchanged, the position of the rolling bar is changed, and the beginning end and the tail end of the second time period both change the same.

As an example, referring to fig. 7 (h), fig. 7 (h) is a page diagram of a data visualization provided by an embodiment of the present application, and a scroll bar for adjusting a second period is added to fig. 7 (h) on the basis of fig. 7 (d). With the adjustment of the scroll bar, the time axis, the activity calendar map, the historical activity calendar map and the index change trend map are adjusted accordingly.

Based on any of the foregoing embodiments, optionally, considering that alignment of multiple views (including alignment of an active calendar graph, an index change trend graph, a historical active calendar graph, and a scroll bar) is involved in a page of the data visualization, for example, alignment of a plurality of page elements such as a chart, a title, an axis, and a text, in order to improve a page effect after final visualization, the data visualization method provided in any of the foregoing embodiments may be used to perform pre-rendering of the page, and during the pre-rendering, page positions of the plurality of page elements are determined based on a preset constraint condition (i.e., a constraint stream), and page display is performed based on the page positions (i.e., a layout stream) of the plurality of page elements. The constraint condition includes a maximum area size allowed to be occupied by a plurality of page elements, for example, a maximum area size allowed to be occupied by an active calendar image, a maximum area size allowed to be occupied by an active type text on the left side of an active calendar, a maximum area size allowed to be occupied by a text at a scale on a coordinate axis of an index change trend graph, a maximum area size allowed to be occupied by a coordinate axis, and the like.

As an example, as shown in fig. 8, fig. 8 is a hierarchical exemplary diagram of page elements provided in an embodiment of the present application. Where a chart refers to the whole visual page, under the chart, it can be divided into a title (such as page title), a legend (a pattern of ready-made pictures inserted into the page, such as some interactive controls), an axis (such as time axis, scroll bar), a series (such as active calendar graph, index trend change graph), where the title can be subdivided into main title, sub-title, legend can be subdivided into text, labels, axis can be subdivided into title, text, line, scale, and series can be subdivided into points, lines, planes. In the process of view alignment, prerendering can be performed layer by layer from top to bottom based on constraint flows (i.e., preset constraint conditions), and in prerendering, image positions of page elements are determined from bottom to top, i.e., layout flows are transferred layer by layer. Finally, the alignment of multiple views is completed, and a visualized page is generated.

Referring to fig. 9, fig. 9 is a block diagram of a data visualization device 90 according to an embodiment of the present application. As shown in fig. 9, the data visualization apparatus 90 provided by the embodiment of the present application includes an acquisition unit 91, a first display unit 92, and a second display unit 93, where:

An obtaining unit 91, configured to obtain attribute information of an operation activity and a parameter value of an operation index in a first period;

A first display unit 92 for displaying an activity calendar map of a second period of time according to attribute information of an operation activity;

A second display unit 93, configured to display an index change trend chart in a second time period according to the parameter value of the operation index;

wherein the first period of time includes a second period of time, and the activity calendar graph and the index change trend graph are aligned up and down based on a time axis corresponding to the second period of time.

In an embodiment of the application the attribute information comprises time information comprising a start time and an end time, the first display unit 92 is specifically configured 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, the start position of the image area depends on the start time of the operation activities, and to display the calendar map of the activities according to the operation activities after the arrangement in rows.

In one embodiment of the present application, in the activity calendar, the image areas where the operation activities are located do not overlap each other, and the first display unit 92 is specifically configured to traverse the operation activities that are not arranged in the second time period in time sequence, update the current row to the next row or the previous row and execute the next round of traversal if the operation activities that are not arranged in the second time period are the first operation activity in the operation activities that are not arranged in the second time period, or if the ending time of the last operation activity that is arranged in the current row is earlier than the starting time of the operation activities that are arranged in the operation calendar, and determine the image area where the operation activities that are traversed are located in the current row according to the starting time and the ending time of the operation activities that are traversed.

In one embodiment of the present application, the attribute information further includes an activity type, the activity calendar map includes one or more row areas corresponding to the activity types, and the first display unit 92 is specifically configured to arrange the operation activities in rows according to time information of the operation activities in the row areas corresponding to the activity types to which the operation activities belong.

In an embodiment of the application the attribute information comprises at least one of an activity name, an activity progress, the first display unit 92 being specifically adapted to display the activity name of the operation activity and/or the activity progress of the operation activity in an image area in which the operation activity is located in the activity calendar map.

In one embodiment of the present application, the first time period further 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, the time period in which the third time period is located precedes the time period in which the second time period is located, and the data visualization device 90 further includes a third display unit (not shown in the figure) for displaying a historical activity calendar map of the third time period according to attribute information of the operation activity and a time deviation between the third time period and the second time period, wherein the historical activity calendar map and the activity calendar map are aligned up and down based on a time axis, and displaying a historical variation trend of the operation index in the index variation trend map according to a parameter value of the operation index and the time deviation between the third time period and the second time period.

In one embodiment of the present application, the index change trend graph is one or more, different index change trend graphs are aligned up and down based on a time axis, the index change trend graph includes one or more operation index change trends, the second display unit 93 is specifically configured to determine a coordinate system in the index change trend graph by using the time axis as a horizontal axis of the index change trend graph and using a value range of the operation index as a vertical axis of the index change trend graph, where the vertical axis is located at a left side and/or a right side of the coordinate system, and display a change trend of the operation index according to parameter values of the operation index at a plurality of moments in a second time period in the coordinate system.

In one embodiment of the present application, the data visualization device 90 further includes a first interaction unit (not shown in the figure) for displaying attribute information of the target activity at the position where the mouse stays in response to the mouse stay operation facing the activity calendar map, and/or displaying a column area where the target activity is located differently, where the column area where the target activity is located extends through the activity calendar map and the index change trend map.

In one embodiment of the present application, the data visualization device 90 further includes a second interaction unit (not shown in the figure) configured to, in response to a selection operation for the target indicator in the indicator change trend graph, display a change trend of the target indicator differently in the indicator change trend graph, and/or, in response to a mouse stay operation for the indicator change trend graph, display a target parameter value of the operation indicator at a mouse stay position, and/or, display a column region where the target parameter value is located differently, where the column region where the target parameter value is located extends through the active calendar graph and the indicator change trend graph.

In one embodiment of the present application, the data visualization device 90 further includes a fourth display unit (not shown in the figure) for displaying a scroll bar for adjusting the second time period, and determining the second time period in response to the interactive operation facing the scroll bar, wherein the interactive operation facing the scroll bar includes at least one of a drag operation facing a beginning of the scroll bar, a drag operation facing an end of the scroll bar, and an overall drag operation facing the scroll bar.

The data visualization device provided by the embodiment of the present application is used for executing the technical scheme in any of the method embodiments, and its implementation principle and technical effect are similar, and are not repeated here.

Fig. 10 is a schematic diagram of a hardware structure of an electronic device according to an embodiment of the present application. As shown in FIG. 10, an electronic device 100 of an embodiment of the application may include at least one processor 101 (only one processor is shown in FIG. 10) and a memory 102 communicatively coupled to the at least one processor. The memory 102 stores instructions executable by the at least one processor 101, where the instructions are executed by the at least one processor 101 to enable the electronic device 100 to perform the technical solutions of any of the method embodiments described above.

Alternatively, the memory 102 may be separate or integrated with the processor 101.

When the memory 102 is a device separate from the processor 101, the electronic device 100 further comprises a bus 103 for connecting the memory 102 and the processor 101.

Alternatively, the electronic device 100 is a mobile terminal.

The electronic device provided by the embodiment of the application can execute the technical scheme of any of the method embodiments, and the implementation principle and the technical effect are similar, and are not repeated here.

The embodiment of the application also provides a computer readable storage medium, wherein a computer program is stored in the computer readable storage medium, and the computer program is used for realizing the technical scheme in any one of the method embodiments when being executed by a processor.

Embodiments of the present application provide a computer program product comprising a computer program which, when executed by a processor, implements the technical solution in any of the foregoing method embodiments.

The embodiment of the application also provides a chip which comprises a processing module and a communication interface, wherein the processing module can execute the technical scheme in the embodiment of the method.

Further, the chip further includes a storage module (e.g., a memory), where the storage module is configured to store the instructions, and the processing module is configured to execute the instructions stored in the storage module, and execution of the instructions stored in the storage module causes the processing module to execute the technical solution in the foregoing method embodiment.

It should be understood that the above Processor may be a central processing unit (english: central Processing Unit, abbreviated as CPU), or may be other general purpose processors, a digital signal Processor (english: DIGITAL SIGNAL Processor, abbreviated as DSP), an Application-specific integrated Circuit (english: application SPECIFIC INTEGRATED Circuit, abbreviated as ASIC), or the like. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like. The steps of a method disclosed in connection with the present invention may be embodied directly in a hardware processor for execution, or in a combination of hardware and software modules in a processor for execution.

The memory may comprise a high-speed RAM memory, and may further comprise a non-volatile memory NVM, such as at least one magnetic disk memory, and may also be a U-disk, a removable hard disk, a read-only memory, a magnetic disk or optical disk, etc.

The bus may be an industry standard architecture (Industry Standard Architecture, ISA) bus, an external device interconnect (PERIPHERAL COMPONENT, PCI) bus, or an extended industry standard architecture (Extended Industry Standard Architecture, EISA) bus, among others. The buses may be divided into address buses, data buses, control buses, etc. For ease of illustration, the buses in the drawings of the present application are not limited to only one bus or to one type of bus.

The storage medium may be implemented by any type or combination of volatile or nonvolatile memory devices such as Static Random Access Memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic or optical disk. A storage media may be any available media that can be accessed by a general purpose or special purpose computer.

An exemplary storage medium is coupled to the processor such the processor can read information from, and write information to, the storage medium. In the alternative, the storage medium may be integral to the processor. The processor and the storage medium may reside in an Application SPECIFIC INTEGRATED Circuits (ASIC). The processor and the storage medium may reside as discrete components in an electronic device.

It should be noted that the above embodiments are merely for illustrating the technical solution of the present application and not for limiting the same, and although the present application has been described in detail with reference to the above embodiments, it should be understood by those skilled in the art that the technical solution described in the above embodiments may be modified or some or all of the technical features may be equivalently replaced, and these modifications or substitutions do not make the essence of the corresponding technical solution deviate from the scope of the technical solution of the embodiments of the present application.

Claims

1. A method of visualizing data, comprising:

Acquiring attribute information of operation activities and parameter values of operation indexes in a first time period, wherein the attribute information comprises time information, activity types, activity names and activity progress, and the time information comprises start time and end time;

Drawing an activity calendar graph of the first time period, and distributing 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;

The method comprises the steps of arranging operation activities in a row area corresponding to an activity type to which the operation activities belong according to time information of the operation activities, wherein the operation activities in the same row are arranged according to time sequence, and the operation activities in the same row are not overlapped in time;

Cutting the active calendar graph of the first time period, displaying the active calendar graph of the second time period according to the activity names and the activity progress of the operation activities arranged according to the rows, wherein one or more row areas are vertically arranged in the active calendar graph;

displaying an index change trend graph of the second time period according to the parameter value of the operation index;

wherein the first period of time includes the second period of time, and the activity calendar map and the index change trend map are aligned up and down based on a time axis corresponding to the second period of time.

2. The data visualization method according to claim 1, wherein in the activity calendar map, image areas where the operation activities are located do not overlap each other, the arranging the operation activities in rows according to time information of the operation activities includes:

traversing the operation activities which are not arranged in the second time period according to the time sequence;

Determining an image area where the traversed operation activity is located in the current row according to the start time and the end time of the traversed operation activity under the condition that the traversed operation activity is the first operation activity in the unordered operation activities or the end time of the last operation activity arranged in the current row is earlier than the start time of the traversed operation activity;

After traversing all the unordered operation activities, if the unordered operation activities still exist in the second time period, updating the current row to the next row or the last row, and executing the next round of traversal.

3. The data visualization method according to claim 1 or 2, wherein displaying an activity calendar map for a second period of time according to the activity name and the activity progress of the operation activity comprises:

and displaying the activity name of the operation activity and/or the activity progress of the operation activity in the image area of the operation activity in the activity calendar diagram.

4. The data visualization method according to claim 1 or 2, wherein the first period further includes a third period, wherein the third period and the second period are time-aligned sub-periods in different time periods, the time period in which the third period is located is earlier than the time period in which the second period is located, and after the obtaining the attribute information of the operation activity and the parameter value of the operation index in the first period, further includes:

Displaying a historical activity calendar map 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 map and the activity calendar map are aligned up and down based on the time axis;

And displaying the historical change trend of the operation index in the index change trend chart according to the parameter value of the operation index 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, wherein the index change trend graph is one or more, different index change trend graphs are aligned up and down based on the time axis, the index change trend graph includes a change trend of one or more operation indexes, and the displaying the index change trend graph in a second period according to the parameter values of the operation indexes includes:

taking the time axis as the horizontal axis of the index change trend graph, taking the value range of the operation index as the vertical axis of the index change trend graph, and determining a coordinate system in the index change trend graph, wherein the vertical axis is positioned on the left side and/or the right side of the coordinate system;

And displaying the change trend of the operation index in the coordinate system according to the parameter values of the operation index at a plurality of moments in the second time period.

6. The data visualization method according to claim 1 or 2, wherein after displaying the activity calendar map for the second period of time according to the attribute information of the operation activity, further comprising:

And responding to the mouse stay operation facing the activity calendar graph, displaying attribute information of a target activity at a mouse stay position, and/or displaying a column area where the target activity is located in a distinguishing mode, wherein the column area where the target activity is located penetrates through the activity calendar graph and the index change trend graph.

7. The data visualization method according to claim 1 or 2, wherein after displaying the index change trend graph of the second period according to the parameter value of the operation index, the method further comprises:

In response to a selection operation for a target index in the index change trend graph, the change trend of the target index is displayed in a distinguishing manner in the index change trend graph, and/or,

And responding to the mouse stopping operation facing the index change trend graph, displaying the target parameter value of the operation index at the stopping position of the mouse, and/or displaying the column region where the target parameter value is located in a distinguishing mode, wherein the column region where the target parameter value is located penetrates through the active calendar graph and the index change trend graph.

8. The data visualization method according to claim 1 or 2, wherein after obtaining the attribute information of the operation activity and the parameter value of the operation index in the first period of time, the method further comprises:

Displaying a scroll bar for adjusting the second time period;

and determining the second time period in response to the interactive operation facing the scroll bar, wherein the interactive operation facing the scroll bar comprises at least one of a dragging operation facing the beginning of the scroll bar, a dragging operation facing the tail end of the scroll bar and an overall dragging operation facing the scroll bar.

9. A data visualization apparatus, comprising:

the system comprises an acquisition unit, a control unit and a control unit, wherein the acquisition unit is used for acquiring attribute information of operation activities and parameter values of operation indexes in a first time period, the attribute information comprises time information, activity types, activity names and activity progress, and the time information comprises start time and end time;

The first display unit is used for drawing an activity calendar graph of the first time period and distributing the operation activities into corresponding row areas according to the activity types of the operation activities, wherein each activity type corresponds to one or more row areas;

the second display unit is used for displaying an index change trend graph of the second time period according to the parameter value of the operation index;

10. An electronic device, comprising:

at least one processor, and

A memory communicatively coupled to the at least one processor, wherein,

The memory stores instructions executable by the at least one processor to enable the electronic device to perform the data visualization method of any one of claims 1 to 8.

11. A computer readable storage medium, on which a computer program is stored, characterized in that the computer program, when being executed by a processor, implements the data visualization method of any of claims 1 to 8.