Scheduled task visualization method and device based on time sequence

Abstract

The invention provides a scheduled task visualization method and device based on a time series, and relates to the field of visualization, the method comprises the following steps: obtaining scheduled task data, the scheduled task data being used for representing task information executed within a preset time; determining coordinate axis information according to the planned task data and the node cache data cached in advance; wherein the node cache data comprises a horizontal axis positioning sorting key and a vertical axis grouping basis, and the horizontal axis positioning sorting key is used for representing the position and sequence of the data on a horizontal axis; drawing a coordinate axis according to the coordinate axis information, and rendering a corresponding plan task node in the coordinate axis to obtain an initial display result; and according to the relationship among the scheduled tasks in the scheduled task data, rendering connecting lines among the scheduled task nodes in the initial display result to obtain a visual display result. According to the method, association and dependence between tasks can be clearly displayed, so that a visualization result is more accurate and reliable.

Description

Technical Field

[0001] The present invention relates to the field of visualization technology, and in particular to a time series-based planning task visualization method and device. Background Art

[0002] In response to project management needs, the industry has derived a large number of visualization scheme designs and implementations, such as Gantt charts, flow charts, and swimlane charts. These existing public schemes have many advantages such as easy to understand, expand and use, and a large number of mainstream project management software products have also adopted these schemes for customized implementation; but when managing a large number of project tasks with strong time attributes, divided teams and a large number of responsible persons, these schemes often expose some limitations. For example, although the Gantt chart intuitively shows the time progress of the project, it is not enough to show the task segmentation and role distinction of team members in large-scale projects, especially when showing multiple parallel task flows and their dependencies, the space utilization of the Gantt chart is insufficient, and the information overload problem may cause important details to be ignored. For another example, although the flow chart and swimlane chart can better describe the process steps and responsibility allocation, the expression of the time dimension is not direct enough, which is not convenient for quickly grasping the project timeline, completion status and key milestones.

[0003] In addition, most project management tools require users to install dedicated software clients or rely on specific operating system environments, which limits their accessibility and flexibility. This is not conducive to the modern working environment with growing demands for rapid response and remote collaboration. Especially in today's world where instant access and cross-platform compatibility are emphasized, this dependence has become a significant inconvenience.

[0004] Although many existing visualization tools are fully functional, their user interfaces are often rigid and difficult to meet the overall management needs of specific teams and production practices, which limits user efficiency. This limitation is increasing, especially for large projects that need to track progress changes, view task completion status and completion time, and manage and adjust operations globally. Summary of the invention

[0005] The present invention provides a method and device for visualizing planned tasks based on time series, which are used to solve the defects in the prior art that the time attribute is strong and there are many team responsible persons, resulting in poor display effect. It can clearly display the relationship and dependency between tasks, making the visualization result more accurate and reliable.

[0006] The present invention provides a time series-based scheduled task visualization method, comprising: acquiring scheduled task data, the scheduled task data being used to characterize task information executed within a preset time; determining coordinate axis information according to the scheduled task data and previously cached node cache data; wherein the node cache data comprises a horizontal axis positioning sorting key and a vertical axis grouping basis, the horizontal axis positioning sorting key being used to characterize the position and order of data on the horizontal axis; drawing the coordinate axis according to the coordinate axis information, and rendering corresponding scheduled task nodes in the coordinate axis to obtain an initial display result; and rendering connecting lines between the scheduled task nodes in the initial display result according to the relationship between the scheduled tasks in the scheduled task data to obtain a visualized display result.

[0007] According to a time series-based scheduled task visualization method provided by the present invention, the coordinate axis information includes the horizontal axis scale width and the horizontal axis coordinate corresponding to each scheduled task, and the coordinate axis information is determined according to the scheduled task data and the previously cached node cache data, including: sorting the scheduled task data according to the horizontal axis positioning sort key; determining the earliest task start time and the latest task end time among all the scheduled tasks according to the sorting result, and obtaining the horizontal axis range information; obtaining the horizontal axis scale information according to the horizontal axis range information and the previously acquired display screen width; and grouping the scheduled task data by date according to the horizontal axis range information and the horizontal axis scale information to obtain the horizontal axis scale width corresponding to each group and the horizontal axis coordinate of each scheduled task.

[0008] According to a time series-based planned task visualization method provided by the present invention, the coordinate axis information also includes the vertical axis scale height and the vertical axis coordinate corresponding to each planned task, the vertical axis is perpendicular to the horizontal axis, and the coordinate axis information corresponding to each planned task is determined according to the planned task data and the previously cached node cache data, and also includes: grouping each planned task according to the vertical axis grouping basis; determining the vertical axis scale height corresponding to each group and the vertical axis coordinate of each planned task according to the number of planned tasks in each group and the display screen height obtained previously.

[0009] According to a time series-based planned task visualization method provided by the present invention, the coordinate axis information includes the horizontal axis scale width, the horizontal axis coordinate corresponding to each planned task, the vertical axis scale height and the vertical axis coordinate corresponding to each planned task. According to the coordinate axis information, the coordinate axis is drawn, and the corresponding planned task nodes are rendered in the coordinate axis, including: determining grid parameters according to the horizontal axis scale width and the vertical axis scale height, the grid parameters including the grid spacing; drawing the coordinate axis according to the grid parameters using linear-gradient technology; rendering the corresponding planned task onto the coordinate axis according to the horizontal axis coordinate corresponding to each planned task and the vertical axis coordinate corresponding to each planned task.

[0010] According to a time series-based scheduled task visualization method provided by the present invention, a coordinate axis is drawn according to grid parameters using linear-gradient technology, including: using linear-gradient technology to create a gradient background from the starting color to the end color of the coordinate axis; according to the grid parameters and a previously created scalable vector graphic SVG element, determining the grid line position relative to the SVG element, the grid line position including the position and number of each grid line in the horizontal axis direction and the position and number of each grid line in the vertical axis direction; creating line elements according to the grid line positions and the gradient background, and adding the line elements to the SVG element to generate the coordinate axis.

[0011] According to a time series-based scheduled task visualization method provided by the present invention, according to the relationship between each scheduled task in the scheduled task data, the connection line between each scheduled task node is rendered in the initial display result to obtain a visualized display result, including: according to the relationship between each scheduled task in the scheduled task data, the source node and the target node of each relationship are determined; according to the source node and the target node of each relationship, the source node coordinates and the target node coordinates in the corresponding initial display result are determined; according to the source node coordinates and the target node coordinates corresponding to each relationship, in combination with a preset connection line style, the corresponding connection lines are rendered in the initial display result to obtain a visualized display result.

[0012] According to a time series-based scheduled task visualization method provided by the present invention, before determining the coordinate axis information based on the scheduled task data and the previously cached node cache data, the method includes: selecting a field with a time sequence according to the scheduled task data to obtain a horizontal axis positioning sort key; selecting the team to which the scheduled task belongs as the vertical axis grouping basis according to the scheduled task data; and node caching the horizontal axis positioning sort key and the vertical axis grouping basis.

[0013] The present invention also provides a time series-based scheduled task visualization device, comprising: a data acquisition module, which acquires scheduled task data, and the scheduled task data is used to characterize task information executed within a preset time; a coordinate determination module, which determines coordinate axis information based on the scheduled task data and previously cached node cache data; wherein the node cache data includes a horizontal axis positioning sorting key and a vertical axis grouping basis, and the horizontal axis positioning sorting key is used to characterize the position and order of the data on the horizontal axis; a coordinate drawing module, which draws the coordinate axis according to the coordinate axis information, and renders the corresponding scheduled task nodes in the coordinate axis to obtain an initial display result; a line rendering module, which renders the connection lines between the scheduled task nodes in the initial display result according to the relationship between the scheduled tasks in the scheduled task data to obtain a visualized display result.

[0014] The present invention also provides an electronic device, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the computer program, the method for visualizing a planned task based on a time series as described above is implemented.

[0015] The present invention also provides a non-transitory computer-readable storage medium having a computer program stored thereon, and when the computer program is executed by a processor, the method for visualizing a planned task based on a time series as described above is implemented.

[0016] The present invention also provides a computer program product, comprising a computer program, wherein when the computer program is executed by a processor, the method for visualizing a planned task based on a time series as described above is implemented.

[0017] The time series-based planned task visualization method and device provided by the present invention accelerate the coordinate axis determination process by acquiring planned task data and previously cached node cache data, and facilitate flexible coordinate axis determination according to different needs and scenarios, so as to accurately reflect the position and relationship of tasks on the horizontal and vertical axes, and make the visualization results more accurate and reliable. According to the coordinate axis information, the coordinate axis is drawn, and the corresponding planned task nodes are rendered in the coordinate axis, so that the task information is presented in an intuitive manner, which is convenient for quickly understanding the position and status of each task, and the connection lines are rendered through the relationship between planned tasks, which can clearly show the association and dependency between tasks, and help project managers quickly understand the task structure and make reasonable scheduling. BRIEF DESCRIPTION OF THE DRAWINGS

[0018] In order to more clearly illustrate the technical solutions in the present invention or the prior art, the following briefly introduces the drawings required for use in the embodiments or the description of the prior art. Obviously, the drawings described below are some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.

[0019] Figure 1 It is a flow chart of a time series-based planning task visualization method provided by the present invention; Figure 2 It is a structural schematic diagram of a time series-based planning task visualization device provided by the present invention; Figure 3 It is a structural schematic diagram of the electronic device provided by the present invention. DETAILED DESCRIPTION

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

[0021] Figure 1 is a flow chart of the time series-based planning task visualization method provided by the present invention, such as Figure 1 As shown, the method includes: S11, obtaining planned task data, where the planned task data is used to represent task information executed within a preset time; S12, determining coordinate axis information according to the planned task data and the previously cached node cache data; wherein the node cache data includes a horizontal axis positioning sort key and a vertical axis grouping basis, and the horizontal axis positioning sort key is used to characterize the position and order of the data on the horizontal axis; S13, drawing the coordinate axis according to the coordinate axis information, and rendering the corresponding planned task node in the coordinate axis to obtain an initial display result; S14, according to the relationship between each planned task in the planned task data, rendering the connection lines between each planned task node in the initial display result to obtain a visual display result.

[0022] It should be noted that the step numbers “S1N” in this specification do not represent the sequence of the time series-based planned task visualization method. The time series-based planned task visualization method of the present invention is described in detail below.

[0023] Step S11, obtaining planned task data, where the planned task data is used to represent task information executed within a preset time.

[0024] It should be added that the planned task data includes plan data and plan relationship data. The plan data includes the plan name, plan time and the team to which the plan belongs. The plan relationship data includes the relationship between various plans.

[0025] In this embodiment, obtaining the scheduled task data includes: sending a Hypertext Transfer Protocol (HTTP) request to a background server; and receiving a response message returned by the background server based on the HTTP request to obtain the scheduled task data.

[0026] In an optional embodiment, before determining the coordinate axis information based on the planned task data and the previously cached node cache data, it includes: selecting a field with a time sequence according to the planned task data to obtain a horizontal axis positioning sort key; selecting the team to which the planned task belongs as the vertical axis grouping basis according to the planned task data; and node caching the horizontal axis positioning sort key and the vertical axis grouping basis.

[0027] It should be noted that by selecting a field with time sequence as the horizontal axis positioning sort key, the data change trend over time can be clearly displayed in the subsequent visualization chart, so that users can intuitively observe the status and progress of the planned tasks at different time points, and it is easier to understand the time dimension characteristics of the tasks; by selecting the team to which the planned tasks belong as the vertical axis grouping basis, the tasks of different teams can be clearly divided, so that users can see the task distribution and workload of each team at a glance in the subsequent visualization, which is helpful for coordination and resource allocation between teams; by caching the horizontal axis positioning sort key and the vertical axis grouping basis for node caching, it is convenient to directly obtain from the cache later, thereby greatly reducing the calculation time and improving the response speed of the system.

[0028] Further, according to the planned task data, a field with a time sequence is selected to obtain a horizontal axis positioning sort key, including: obtaining a time field according to the planned time of the planned task data; and selecting a time field according to the previously obtained business needs and visualization purposes to obtain a horizontal axis positioning sort key. For example, if the start time sequence of the tasks is concerned, the planned start time field is correspondingly selected as the horizontal axis positioning sort key.

[0029] In addition, after selecting the time field, it also includes: checking the time format of the time field, and if the time format is not a standard time format, converting the format thereof. For example, converting the time format in string form to a date object or a timestamp, etc. The standard time format is set according to actual design requirements and is not further limited here.

[0030] In addition, according to the planned task data, the team to which the planned task belongs is selected as the basis for vertical axis grouping, including: obtaining the team to which the plan belongs in the planned task data to obtain the team field; checking whether there is an empty value or an ambiguous value in the team field, and if so, filling it according to the preset filling rules; standardizing the checked or filled team field to obtain the basis for vertical axis grouping.

[0031] Step S12, determining the coordinate axis information according to the planned task data and the previously cached node cache data; wherein the node cache data includes a horizontal axis positioning sort key and a vertical axis grouping basis, and the horizontal axis positioning sort key is used to characterize the position and order of the data on the horizontal axis.

[0032] In this embodiment, the coordinate axis information includes the horizontal axis scale width and the horizontal axis coordinate corresponding to each planned task. The coordinate axis information is determined according to the planned task data and the node cache data previously cached, including: sorting the planned task data according to the horizontal axis positioning sort key; determining the earliest task start time and the latest task end time among all planned tasks according to the sorting result, and obtaining the horizontal axis range information; obtaining the horizontal axis scale information according to the horizontal axis range information and the display screen width obtained previously; and grouping each planned task data by date according to the horizontal axis range information and the horizontal axis scale information to obtain the horizontal axis scale width corresponding to each group and the horizontal axis coordinate of each planned task.

[0033] It should be noted that after obtaining the horizontal axis scale width corresponding to each group and the horizontal axis coordinate of each planned task, it also includes: establishing the relationship between the horizontal axis coordinate of each planned task and the corresponding horizontal axis scale determined based on the horizontal axis scale width, so as to more intuitively understand the specific position of each planned task on the timeline, improve the visualization of the data, and reduce the difficulty for users to understand the data.

[0034] In addition, the coordinate axis information also includes the vertical axis scale height and the vertical axis coordinates corresponding to each planned task. The vertical axis is perpendicular to the horizontal axis. The coordinate axis information corresponding to each planned task is determined based on the planned task data and the previously cached node cache data. It also includes: grouping each planned task based on the vertical axis grouping basis; determining the vertical axis scale height corresponding to each group and the vertical axis coordinates of each planned task based on the number of planned tasks in each group and the display screen height obtained previously.

[0035] Step S13, drawing the coordinate axis according to the coordinate axis information, and rendering the corresponding planned task node in the coordinate axis to obtain an initial display result.

[0036] Specifically, the coordinate axis information includes the horizontal axis scale width, the horizontal axis coordinate corresponding to each planned task, the vertical axis scale height and the vertical axis coordinate corresponding to each planned task. Accordingly, in this embodiment, the coordinate axis is drawn according to the coordinate axis information, and the corresponding planned task nodes are rendered in the coordinate axis, including: determining the grid parameters according to the horizontal axis scale width and the vertical axis scale height, the grid parameters including the grid spacing; drawing the coordinate axis according to the grid parameters using the linear-gradient technique; rendering the corresponding planned task onto the coordinate axis according to the horizontal axis coordinate corresponding to each planned task and the vertical axis coordinate corresponding to each planned task.

[0037] More specifically, according to the grid parameters, the coordinate axis is drawn using the linear-gradient technique, including: using the linear-gradient technique to create a gradient background from the starting color to the ending color of the coordinate axis; according to the grid parameters and the previously created scalable vector graphics SVG element, the grid line position relative to the SVG element is determined, the grid line position including the position and quantity of each grid line in the horizontal axis direction and the position and quantity of each grid line in the vertical axis direction; according to the grid line position and the gradient background, a line element is created, and the line element is added to the SVG element to generate the coordinate axis.

[0038] It should be noted that by using linear gradient technology to create a gradient background from the starting color to the end color of the coordinate axis, a beautiful coordinate axis background can be quickly created, reducing the workload of drawing complex graphics. This makes it easier to automatically determine the grid line position based on the grid parameters and add it to the SVG element to achieve automatic drawing of the coordinate axis, laying the foundation for the subsequent use of grid lines to assist data positioning and improve the efficiency of data visualization.

[0039] In addition, rendering the corresponding planned task nodes in the coordinate axis includes: based on a preset style, combining the horizontal axis coordinates and the vertical axis coordinates corresponding to each planned task, rendering the corresponding planned task nodes on the coordinate axis. It should be added that the preset style can be selected based on actual design requirements, such as nodes represented by shapes such as circles and rectangles, which are not specifically limited here.

[0040] In an optional embodiment, after rendering the corresponding planned task nodes in the coordinate axis, it includes: determining the corresponding task annotations according to each planned task node, and creating corresponding text elements; adding the text elements to the SVG element to display the corresponding task annotations.

[0041] In an optional embodiment, after rendering the corresponding scheduled task node in the coordinate axis, it also includes: configuring the node icon interaction function based on the built-in time mechanism of SVG, and the point icon interaction function includes mouse hover effect, click event, etc. The mouse hover effect is when the user hovers the mouse over the node or connection line, the relevant information is displayed or a tool tip pops up, and the click event is when the user clicks the mouse on the node or connection line, the relevant information is displayed or a tool tip pops up. The specific configuration can be based on the actual required icon interaction requirements, and no further limitation is made here.

[0042] Step S14, according to the relationship between the planned tasks in the planned task data, the connection lines between the planned task nodes are rendered in the initial display result to obtain a visual display result.

[0043] In this embodiment, according to the relationship between each planned task in the planned task data, the connection lines between each planned task node are rendered in the initial display result to obtain a visual display result, including: determining the source node and the target node of each relationship according to the relationship between each planned task in the planned task data; determining the source node coordinates and the target node coordinates in the corresponding initial display result according to the source node and the target node of each relationship; rendering the corresponding connection lines in the initial display result according to the source node coordinates and the target node coordinates corresponding to each relationship in combination with a preset connection line style to obtain a visual display result.

[0044] It is worth noting that when rendering the corresponding connecting lines, you can also combine preset parametric equations to ensure that the connecting lines present reasonable shapes and directions between different planned task nodes, avoid the confusion and inaccuracy that may be caused by arbitrary drawing, and improve the visual effect of the visualization. The drawing method based on parametric equations can make it easier to adjust parameters, which is convenient for subsequent maintenance and expansion.

[0045] Furthermore, according to the source node coordinates and the target node coordinates corresponding to each relationship, combined with the preset connection line style, the corresponding connection lines are rendered in the initial display result, which also includes: according to the source node coordinates and the target node coordinates corresponding to each relationship, combined with the preset connection line style, a connection line element is created, and the connection line element is added to the SVG element to render the corresponding connection line in the initial display result.

[0046] In summary, the embodiments of the present invention accelerate the coordinate axis determination process by acquiring planned task data and previously cached node cache data, and facilitate flexible coordinate axis determination according to different needs and scenarios, thereby accurately reflecting the position and relationship of tasks on the horizontal and vertical axes, making the visualization results more accurate and reliable, and drawing the coordinate axis according to the coordinate axis information, and rendering the corresponding planned task nodes in the coordinate axis, so that the task information is presented in an intuitive manner, which is convenient for quickly understanding the position and status of each task, and rendering connecting lines through the relationship between planned tasks, which can clearly show the relationship and dependency between tasks, and help project managers quickly understand the task structure and make reasonable scheduling.

[0047] The time series-based planned task visualization device provided by the present invention is described below. The time series-based planned task visualization device described below and the time series-based planned task visualization method described above can refer to each other.

[0048] Figure 2 A schematic diagram of the structure of a time series-based planning task visualization device is shown, the device comprising: The data acquisition module 21 acquires the planned task data, which is used to represent the task information executed within a preset time; The coordinate determination module 22 determines the coordinate axis information according to the planned task data and the previously cached node cache data; wherein the node cache data includes a horizontal axis positioning sort key and a vertical axis grouping basis, and the horizontal axis positioning sort key is used to characterize the position and order of the data on the horizontal axis; The coordinate drawing module 23 draws the coordinate axis according to the coordinate axis information, and renders the corresponding planned task node in the coordinate axis to obtain an initial display result; The line rendering module 24 renders the connection lines between the nodes of each planned task in the initial display result according to the relationship between the planned tasks in the planned task data, so as to obtain a visual display result.

[0049] It should be added that the planned task data includes plan data and plan relationship data. The plan data includes the plan name, plan time and the team to which the plan belongs. The plan relationship data includes the relationship between various plans.

[0050] In this embodiment, the data acquisition module 21 includes: a request sending unit, which sends a Hypertext Transfer Protocol (HTTP) request to the background server; a response processing unit, which receives a response message returned by the background server based on the HTTP request to obtain the planned task data.

[0051] In an optional embodiment, the device also includes: a first data determination module, which selects a field with time order according to the planned task data to obtain a horizontal axis positioning sort key before determining the coordinate axis information according to the planned task data and the previously cached node cache data; a second data determination module, which selects the team to which the planned task belongs as the basis for vertical axis grouping according to the planned task data; and a node cache module, which performs node cache on the horizontal axis positioning sort key and the vertical axis grouping basis.

[0052] Furthermore, the first data determination module includes: a time field acquisition unit, which obtains the time field according to the planned time of the planned task data; and a field selection unit, which selects the time field according to the previously obtained business needs and visualization purposes to obtain the horizontal axis positioning sorting key. For example, if the start time sequence of the tasks is concerned, the planned start time field is correspondingly selected as the horizontal axis positioning sorting key.

[0053] In addition, the first data determination module also includes: a format checking unit, after selecting the time field, checks the time format of the time field, and if the time format is not a standard time format, a format conversion unit performs format conversion on it. For example, converting the time format in the form of a string into a date object or a timestamp, etc. The standard time format is specifically set according to actual design requirements and is not further limited here.

[0054] In addition, the second data determination module includes: a team field acquisition unit, which acquires the team to which the plan belongs in the planned task data to obtain the team field; a field checking unit, which checks whether there is an empty value or an ambiguous value in the team field. If so, it is filled according to the preset filling rules; a standardization processing unit, which standardizes the checked or filled team field to obtain the basis for vertical axis grouping.

[0055] In this embodiment, the coordinate axis information includes the horizontal axis scale width and the horizontal axis coordinate corresponding to each planned task. Accordingly, the coordinate determination module 22 includes: a sorting unit, which sorts the planned task data according to the horizontal axis positioning sorting key; a range determination unit, which determines the earliest task start time and the latest task end time among all planned tasks according to the sorting result, and obtains the horizontal axis range information; a scale determination unit, which obtains the horizontal axis scale information according to the horizontal axis range information and the display screen width obtained in advance; a horizontal axis coordinate generation unit, which groups the planned task data by date according to the horizontal axis range information and the horizontal axis scale information, and obtains the horizontal axis scale width corresponding to each group and the horizontal axis coordinate of each planned task.

[0056] It should be noted that the coordinate determination module 22 also includes: a relationship establishment unit, which, after obtaining the horizontal axis scale width corresponding to each group and the horizontal axis coordinate of each planned task, establishes the relationship between the horizontal axis coordinate of each planned task and the corresponding horizontal axis scale determined based on the horizontal axis scale width, so as to facilitate a more intuitive understanding of the specific position of each planned task on the timeline, make the data more visual, and reduce the difficulty for users to understand the data.

[0057] In addition, the coordinate axis information also includes the vertical axis scale height and the vertical axis coordinates corresponding to each planned task. The vertical axis is perpendicular to the horizontal axis. Accordingly, the coordinate determination module 22 also includes: a vertical axis grouping unit, which groups each planned task according to the vertical axis grouping basis; a vertical axis coordinate generation unit, which determines the vertical axis scale height corresponding to each group and the vertical axis coordinates of each planned task according to the number of planned tasks in each group and the display screen height obtained in advance.

[0058] The coordinate drawing module 23 includes: a parameter determination unit, which determines the grid parameters according to the horizontal axis scale width and the vertical axis scale height, and the grid parameters include the grid spacing; a coordinate drawing unit, which draws the coordinate axis according to the grid parameters using the linear gradient technology; and a node rendering unit, which renders the corresponding planned tasks onto the coordinate axis according to the horizontal axis coordinates corresponding to each planned task and the vertical axis coordinates corresponding to each planned task.

[0059] Specifically, the coordinate drawing unit includes: a background creation subunit, which uses linear-gradient technology to create a gradient background from the starting color to the end color of the coordinate axis; a position determination subunit, which determines the grid line position relative to the SVG element according to the grid parameters and the previously created scalable vector graphics SVG element, the grid line position including the position and number of each grid line in the horizontal axis direction and the position and number of each grid line in the vertical axis direction; a coordinate drawing subunit, which creates line elements according to the grid line positions and the gradient background, and adds the line elements to the SVG element to generate a coordinate axis.

[0060] In addition, the node rendering unit is also used to render the corresponding planned task node on the coordinate axis based on the preset style and the horizontal axis coordinate and vertical axis coordinate corresponding to each planned task. It should be added that the preset style can be selected based on actual design requirements, such as nodes represented by shapes such as circles and rectangles, which are not specifically limited here.

[0061] In an optional embodiment, the coordinate drawing module 23 also includes: an annotation configuration unit, which, after rendering the corresponding planned task nodes in the coordinate axis, determines the corresponding task annotations according to each planned task node, and creates corresponding text elements; and adds the text elements to the SVG element to display the corresponding task annotations.

[0062] In an optional embodiment, the coordinate drawing module 23 also includes: an interactive function configuration unit, after rendering the corresponding scheduled task node in the coordinate axis, configures the node icon interactive function based on the built-in time mechanism of SVG, and the point icon interactive function includes mouse hover effect, click event, etc. The mouse hover effect is when the user hovers the mouse over the node or connection line, the relevant information is displayed or a tool tip pops up, and the click event is when the user clicks the mouse on the node or connection line, the relevant information is displayed or a tool tip pops up. It can be specifically configured according to the actual required icon interaction requirements, and no further limitation is made here.

[0063] The line rendering module 24 includes: a node determination unit, which determines the source node and the target node of each relationship according to the relationship between the planned tasks in the planned task data; a node coordinate acquisition unit, which determines the source node coordinates and the target node coordinates in the corresponding initial display result according to the source node and the target node of each relationship; a line rendering unit, which renders the corresponding connecting line in the initial display result according to the source node coordinates and the target node coordinates corresponding to each relationship, combined with a preset connecting line style, to obtain a visual display result.

[0064] Furthermore, the line rendering unit also includes: creating a connecting line element according to the source node coordinates and the target node coordinates corresponding to each relationship, combined with a preset connecting line style, and adding the connecting line element to the SVG element to render the corresponding connecting line in the initial display result.

[0065] To summarize, the coordinate determination module of the embodiment of the present invention uses the planned task data acquired by the data acquisition module and the previously cached node cache data to speed up the coordinate axis determination process, and facilitates flexible coordinate axis determination according to different needs and scenarios, thereby accurately reflecting the position and relationship of the tasks on the horizontal and vertical axes, making the visualization results more accurate and reliable, and draws the coordinate axis according to the coordinate axis information through the coordinate drawing module, and renders the corresponding planned task nodes in the coordinate axis, so that the task information is presented in an intuitive manner, which is convenient for quickly understanding the position and status of each task, and renders the connecting lines according to the relationship between the planned tasks through the line rendering module, which can clearly show the association and dependency between tasks, and help project managers quickly understand the task structure and make reasonable scheduling.

[0066] Figure 3 An example of a physical structure diagram of an electronic device is shown in FIG. Figure 3 As shown, the electronic device may include: a processor 310, a communication interface 320, a memory 330 and a communication bus 340, wherein the processor 310, the communication interface 320 and the memory 330 communicate with each other through the communication bus 340. The processor 310 may call the logic instructions in the memory 330 to execute a time series-based scheduled task visualization method, the method comprising: obtaining scheduled task data, the scheduled task data is used to characterize the task information executed within a preset time; determining coordinate axis information according to the scheduled task data and the previously cached node cache data; wherein the node cache data includes a horizontal axis positioning sort key and a vertical axis grouping basis, the horizontal axis positioning sort key is used to characterize the position and order of the data on the horizontal axis; drawing the coordinate axis according to the coordinate axis information, and rendering the corresponding scheduled task node in the coordinate axis to obtain an initial display result; rendering the connection line between the scheduled task nodes in the initial display result according to the relationship between the scheduled tasks in the scheduled task data to obtain a visual display result.

[0067] In addition, the logic instructions in the above-mentioned memory 330 can be implemented in the form of a software functional unit and can be stored in a computer-readable storage medium when it is sold or used as an independent product. Based on such an understanding, the technical solution of the present invention, in essence, or the part that contributes to the prior art or the part of the technical solution, can be embodied in the form of a software product, and the computer software product is stored in a storage medium, including a number of instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present invention. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), disk or optical disk, etc. Various media that can store program codes.

[0068] On the other hand, the present invention also provides a computer program product, which includes a computer program, which can be stored on a non-transitory computer-readable storage medium. When the computer program is executed by a processor, the computer can execute the time series-based planned task visualization method provided by the above methods, and the method includes: obtaining planned task data, which is used to characterize task information executed within a preset time; determining coordinate axis information based on the planned task data and previously cached node cache data; wherein the node cache data includes a horizontal axis positioning sorting key and a vertical axis grouping basis, and the horizontal axis positioning sorting key is used to characterize the position and order of the data on the horizontal axis; drawing the coordinate axis according to the coordinate axis information, and rendering the corresponding planned task nodes in the coordinate axis to obtain an initial display result; rendering the connecting lines between the planned task nodes in the initial display result according to the relationship between the planned tasks in the planned task data to obtain a visual display result.

[0069] On the other hand, the present invention also provides a non-transitory computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, is implemented to execute the time series-based scheduled task visualization method provided by the above-mentioned methods, the method comprising: obtaining scheduled task data, the scheduled task data being used to characterize task information executed within a preset time; determining coordinate axis information based on the scheduled task data and previously cached node cache data; wherein the node cache data comprises a horizontal axis positioning sorting key and a vertical axis grouping basis, the horizontal axis positioning sorting key being used to characterize the position and order of the data on the horizontal axis; drawing the coordinate axis based on the coordinate axis information, and rendering the corresponding scheduled task nodes in the coordinate axis to obtain an initial display result; rendering the connecting lines between the scheduled task nodes in the initial display result based on the relationship between the scheduled tasks in the scheduled task data to obtain a visualization display result.

[0070] The device embodiments described above are merely illustrative, wherein the units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, they may be located in one place, or they may be distributed on multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the scheme of this embodiment. Ordinary technicians in this field can understand and implement it without paying creative labor.

[0071] Through the description of the above implementation methods, those skilled in the art can clearly understand that each implementation method can be implemented by means of software plus a necessary general hardware platform, and of course, can also be implemented by hardware. Based on this understanding, the above technical solution is essentially or the part that contributes to the prior art can be embodied in the form of a software product, and the computer software product can be stored in a computer-readable storage medium, such as ROM / RAM, a disk, an optical disk, etc., including a number of instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) to execute the methods described in each embodiment or some parts of the embodiments.

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

Claims

1. A time series-based planning task visualization method, characterized in that: include: Acquire planned task data, where the planned task data is used to represent task information to be executed within a preset time; Determine coordinate axis information according to the planned task data and previously cached node cache data; wherein the node cache data includes a horizontal axis positioning sort key and a vertical axis grouping basis, and the horizontal axis positioning sort key is used to characterize the position and order of the data on the horizontal axis; According to the coordinate axis information, draw the coordinate axis, and render the corresponding planned task node in the coordinate axis to obtain an initial display result; According to the relationship between each of the planned tasks in the planned task data, the connection lines between each of the planned task nodes are rendered in the initial display result to obtain a visual display result.

2. The time series-based planning task visualization method according to claim 1, characterized in that: The coordinate axis information includes the horizontal axis scale width and the horizontal axis coordinate corresponding to each of the planned tasks. The coordinate axis information is determined according to the planned task data and the previously cached node cache data, including: Sorting the planned task data according to the horizontal axis positioning sort key; According to the sorting results, determine the earliest task start time and the latest task end time among all planned tasks, and obtain the horizontal axis range information; Obtaining horizontal axis scale information according to the horizontal axis range information and the previously acquired display screen width; According to the horizontal axis range information and the horizontal axis scale information, the planned task data are grouped by date to obtain the horizontal axis scale width corresponding to each group and the horizontal axis coordinate of each planned task.

3. The time series-based planning task visualization method according to claim 1 is characterized in that: The coordinate axis information also includes the vertical axis scale height and the vertical axis coordinates corresponding to each of the planned tasks, the vertical axis is perpendicular to the horizontal axis, and the coordinate axis information corresponding to each of the planned tasks is determined according to the planned task data and the previously cached node cache data, and also includes: Grouping the planned tasks according to the vertical axis grouping basis; According to the number of planned tasks in each group and the previously acquired display screen height, the vertical axis scale height corresponding to each group and the vertical axis coordinate of each planned task are determined.

4. The time series-based planning task visualization method according to claim 1, characterized in that: The coordinate axis information includes the horizontal axis scale width, the horizontal axis coordinate corresponding to each of the planned tasks, the vertical axis scale height and the vertical axis coordinate corresponding to each of the planned tasks. According to the coordinate axis information, the coordinate axis is drawn, and the corresponding planned task node is rendered in the coordinate axis, including: Determine grid parameters according to the horizontal axis scale width and the vertical axis scale height, wherein the grid parameters include grid spacing; According to the grid parameters, a coordinate axis is drawn using a linear-gradient technique; According to the horizontal axis coordinate corresponding to each of the planned tasks and the vertical axis coordinate corresponding to each of the planned tasks, the corresponding planned tasks are rendered on the coordinate axis.

5. The time series-based planning task visualization method according to claim 4 is characterized in that: According to the grid parameters, the coordinate axis is drawn using the linear-gradient technique, including: Use linear-gradient technology to create a gradient background from the starting color of the coordinate axis to the end color; Determine the grid line position relative to the SVG element according to the grid parameters and the previously created scalable vector graphic SVG element, wherein the grid line position includes the position and quantity of each grid line in the horizontal axis direction and the position and quantity of each grid line in the vertical axis direction; A line element is created according to the grid line position and the gradient background, and the line element is added to the SVG element to generate a coordinate axis.

6. The time series-based planning task visualization method according to claim 1, characterized in that: According to the relationship between the planned tasks in the planned task data, the connection lines between the planned task nodes are rendered in the initial display result to obtain a visual display result, including: According to the relationship between the planned tasks in the planned task data, determining the source node and the target node of each relationship; According to the source node and the target node of each relationship, determine the source node coordinates and the target node coordinates in the corresponding initial display result; According to the source node coordinates and the target node coordinates corresponding to each relationship, in combination with the preset connection line style, the corresponding connection lines are rendered in the initial display result to obtain a visual display result.

7. The time series-based planning task visualization method according to claim 1, characterized in that: Before determining the coordinate axis information according to the planned task data and the previously cached node cache data, it includes: According to the planned task data, a field with a time sequence is selected to obtain a horizontal axis positioning sort key; According to the planned task data, the team to which the planned task belongs is selected as the vertical axis grouping basis; The horizontal axis is positioned based on the sort key and the vertical axis is grouped based on the node cache.

8. A time series-based planning task visualization device, characterized in that: include: A data acquisition module, which acquires planned task data, wherein the planned task data is used to represent task information executed within a preset time; A coordinate determination module determines coordinate axis information according to the planned task data and previously cached node cache data; wherein the node cache data includes a horizontal axis positioning sort key and a vertical axis grouping basis, and the horizontal axis positioning sort key is used to characterize the position and order of the data on the horizontal axis; A coordinate drawing module draws a coordinate axis according to the coordinate axis information, and renders the corresponding planned task node in the coordinate axis to obtain an initial display result; The line rendering module renders the connection lines between the nodes of each of the planned tasks in the planned task data in the initial display result to obtain a visual display result.

9. An electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein: When the processor executes the computer program, the time series-based planned task visualization method as described in any one of claims 1 to 7 is implemented.

10. A non-transitory computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the time series-based planned task visualization method as described in any one of claims 1 to 7 is implemented.

Images