[发明专利]一种甘特图处理的方法及装置、电子设备、存储介质

说明书

本申请实施例提供了一种甘特图处理的方法及装置、电子设备、存储介质，所述方法包括：获取用于绘制甘特图的数据，并采用图形标签，绘制所述甘特图数据对应的甘特图图形；针对所述甘特图图形，绘制辅助图形；响应于针对所述辅助图形的拖动操作，对所述甘特图图形向所述辅助图形对应的方向进行调整。通过本申请实施例，实现了对甘特图图形的绘制和拖动,即减少了甘特图中条形图绘制的复杂度和CSS样式的复杂度,且使用辅助元素达到了对甘特图的拖动效果。

技术领域

本申请涉及数据处理领域，特别是涉及一种甘特图处理的方法及装置、电子设备、存储介质。

背景技术

目前，在存在较多活动、任务等事务时，通常可以采用甘特图来对事务进行排期，进而能够更加全局地进行规划。

在现有技术中，大多使用普通的DIV标签进行布局和操作,如GanttPro,通过DIV标签和复杂的CSS(CascadingStyleSheets，层叠样式表)样式来绘制各种图形，以及对甘特图绑定drag事件来完成拖拽功能。

然而，由于甘特图中整个坐标系和图形均使用DIV标签来渲染,各个条形图的定位都需要通过JS计算来确定,并且窗口重置时,需要不停的更新DIV的样式重新渲染，复杂度比较高。

发明内容

鉴于上述问题，提出了以便提供克服上述问题或者至少部分地解决上述问题的一种甘特图处理的方法及装置、电子设备、存储介质，包括：

一种甘特图处理的方法，所述方法包括：

获取用于绘制甘特图的数据，并采用图形标签，绘制所述甘特图数据对应的甘特图图形；

针对所述甘特图图形，绘制辅助图形；

响应于针对所述辅助图形的拖动操作，对所述甘特图图形向所述辅助图形对应的方向进行调整。

可选地，所述绘制辅助图形包括：绘制两个以上的辅助图形；

所述响应于针对所述辅助图形的拖动操作，对所述甘特图图形向所述辅助图形对应的方向进行调整，包括：

响应于针对每个所述辅助图形的拖动操作，对所述甘特图图形向每个所述辅助图像对应的方向进行调整。

可选地，所述绘制两个以上的辅助图形，包括：绘制第一辅助图形和第二辅助图形；

所述响应于针对每个所述辅助图形的拖动操作，对所述甘特图图形向每个所述辅助图形对应的方向进行调整，包括：

响应于针对所述第一辅助图形的拖动操作，将所述甘特图图形向左边调整；

响应于针对所述第二辅助图形的拖动操作，将所述甘特图图形向右边调整。

可选地，所述辅助图形与所述甘特图图形具有重叠部分，所述响应于针对所述辅助图形的拖动操作，对所述甘特图图形向所述辅助图形对应的方向进行调整，包括：

确定所述重叠部分中的目标点；

确定所述目标点在开始所述拖动操作之前的第一坐标，并确定所述目标点在所述拖动操作作用后对应的第二坐标；

采用所述第一坐标和所述第二坐标，确定坐标差值；

采用所述坐标差值，对所述甘特图图形进行调整。

可选地，在所述响应于针对所述辅助图形的拖动操作，对所述甘特图图形向所述辅助图形对应的方向进行调整之前，所述方法还包括：

针对所述辅助图形，注册拖动监听事件，以监听拖动操作。

可选地，所述注册拖动监听事件包括：采用可视化工具D3注册拖动监听事件。

可选地，所述图形标签为SVG标签。