一种甘特图处理的方法及装置、电子设备、存储介质制造方法及图纸

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

【技术实现步骤摘要】
一种甘特图处理的方法及装置、电子设备、存储介质
本申请涉及数据处理领域，特别是涉及一种甘特图处理的方法及装置、电子设备、存储介质。
技术介绍
目前，在存在较多活动、任务等事务时，通常可以采用甘特图来对事务进行排期，进而能够更加全局地进行规划。在现有技术中，大多使用普通的DIV标签进行布局和操作,如GanttPro,通过DIV标签和复杂的CSS(CascadingStyleSheets，层叠样式表)样式来绘制各种图形，以及对甘特图绑定drag事件来完成拖拽功能。然而，由于甘特图中整个坐标系和图形均使用DIV标签来渲染,各个条形图的定位都需要通过JS计算来确定,并且窗口重置时,需要不停的更新DIV的样式重新渲染，复杂度比较高。
技术实现思路
鉴于上述问题，提出了以便提供克服上述问题或者至少部分地解决上述问题的一种甘特图处理的方法及装置、电子设备、存储介质，包括：一种甘特图处理的方法，所述方法包括：获取用于绘制甘特图的数据，并采用图形标签，绘制所述甘特图数据对应的甘特图图形；针对所述甘特图图形，绘制辅助图形；响应于针对所述辅助图形的拖动操作，对所述甘特图图形向所述辅助图形对应的方向进行调整。可选地，所述绘制辅助图形包括：绘制两个以上的辅助图形；所述响应于针对所述辅助图形的拖动操作，对所述甘特图图形向所述辅助图形对应的方向进行调整，包括：响应于针对每个所述辅助图形的拖动操作，对所述甘特图图形向每个所述辅助图像对应的方向进行调整。>可选地，所述绘制两个以上的辅助图形，包括：绘制第一辅助图形和第二辅助图形；所述响应于针对每个所述辅助图形的拖动操作，对所述甘特图图形向每个所述辅助图形对应的方向进行调整，包括：响应于针对所述第一辅助图形的拖动操作，将所述甘特图图形向左边调整；响应于针对所述第二辅助图形的拖动操作，将所述甘特图图形向右边调整。可选地，所述辅助图形与所述甘特图图形具有重叠部分，所述响应于针对所述辅助图形的拖动操作，对所述甘特图图形向所述辅助图形对应的方向进行调整，包括：确定所述重叠部分中的目标点；确定所述目标点在开始所述拖动操作之前的第一坐标，并确定所述目标点在所述拖动操作作用后对应的第二坐标；采用所述第一坐标和所述第二坐标，确定坐标差值；采用所述坐标差值，对所述甘特图图形进行调整。可选地，在所述响应于针对所述辅助图形的拖动操作，对所述甘特图图形向所述辅助图形对应的方向进行调整之前，所述方法还包括：针对所述辅助图形，注册拖动监听事件，以监听拖动操作。可选地，所述注册拖动监听事件包括：采用可视化工具D3注册拖动监听事件。可选地，所述图形标签为SVG标签。可选地，所述甘特图中每个甘特图图形对应一事务对象，所述响应于针对所述辅助图形的拖动操作，对所述甘特图图形向所述辅助图形对应的方向进行调整之后，方法还包括：确定所述调整后的甘特图图形对应的坐标轴刻度信息；采用所述坐标轴刻度信息，对所述甘特图图形对应的事务对象的时间信息进行调整。可选地，所述甘特图图形对应的甘特图中坐标系的坐标轴刻度对应有多种时间粒度，所述方法还包括：响应针对所述坐标轴刻度的时间粒度切换操作，将所述坐标轴刻度的时间粒度切换至所述时间粒度切换操作对应的目标时间粒度；按照所述目标时间粒度，对所述甘特图图形进行调整。一种甘特图处理的装置，所述装置包括：甘特图图形绘制模块，用于获取用于绘制甘特图的数据，并采用图形标签，绘制所述甘特图数据对应的甘特图图形；辅助图形绘制模块，用于针对所述甘特图图形，绘制辅助图形；拖动操作响应模块，用于响应于针对所述辅助图形的拖动操作，对所述甘特图图形向所述辅助图形对应的方向进行调整。一种电子设备，包括处理器、存储器及存储在所述存储器上并能够在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如上所述的甘特图处理的方法的步骤。一种计算机可读存储介质，所述计算机可读存储介质上存储计算机程序，所述计算机程序被处理器执行时实现如上所述的甘特图处理的方法的步骤。本申请实施例具有以下优点：在本申请实施例中，通过获取用于绘制甘特图的数据，并采用图形标签，绘制甘特图数据对应的甘特图图形，针对甘特图图形，绘制辅助图形，响应于针对辅助图形的拖动操作，对甘特图图形向辅助图形对应的方向进行调整，实现了对甘特图图形的绘制和拖动,即减少了甘特图中条形图绘制的复杂度和CSS样式的复杂度,且使用辅助元素达到了对甘特图按需求进行拖动的效果。附图说明为了更清楚地说明本申请的技术方案，下面将对本申请的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1是本申请一实施例提供的一种甘特图处理的方法的步骤流程图；图2是本申请一实施例提供的一种甘特图中图形的示意图；图3是本申请一实施例提供的另一种甘特图中图形的示意图；图4是本申请一实施例提供的另一种甘特图中图形的示意图；图5是本申请一实施例提供的另一种甘特图中图形的示意图；图6是本申请一实施例提供的一种坐标系绘制过程的示意图；图7是本申请一实施例提供的一种时间粒度的示意图；图8是本申请一实施例提供的一种甘特图处理的装置的结构示意图。具体实施方式为使本申请的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本申请作进一步详细的说明。显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。参照图1，示出了本申请一实施例提供的一种甘特图处理的方法的步骤流程图，具体可以包括如下步骤：步骤101，获取用于绘制甘特图的数据，并采用图形标签，绘制所述甘特图数据对应的甘特图图形；其中，图形标签可以为SVG标签，每个图形标签可以对应一图形形状，如<circle>(圆)、<rect>(矩形)、<polygon>(多边形)、<polyline>(折线)、<line>(线)，使用SVG元素。在获取到甘特图数据后，可以采用预置的图形标签，绘制甘特图数据对应的甘特图图形，甘特图中每个甘特图图形对应一事务对象。由于甘特图需要多边形条形图、箭头、三角形、线条等来区分不同的事件和事件先后顺序，不规则图形需要使用多个DIV标签或伪元素以及大量的CSS样式来实现，当需要修改一个任务的开始时间或结束时间时,要拖动图形进行修改,使用多个DIV标签也增加了拖动图形时联动更新的复杂性针对使用多种不同的图形来代表不同本文档来自技高网...

【技术保护点】
1.一种甘特图处理的方法，其特征在于，所述方法包括：/n获取用于绘制甘特图的数据，并采用图形标签，绘制所述甘特图数据对应的甘特图图形；/n针对所述甘特图图形，绘制辅助图形；/n响应于针对所述辅助图形的拖动操作，对所述甘特图图形向所述辅助图形对应的方向进行调整。/n

【技术特征摘要】
1.一种甘特图处理的方法，其特征在于，所述方法包括：
获取用于绘制甘特图的数据，并采用图形标签，绘制所述甘特图数据对应的甘特图图形；
针对所述甘特图图形，绘制辅助图形；
响应于针对所述辅助图形的拖动操作，对所述甘特图图形向所述辅助图形对应的方向进行调整。


2.根据权利要求1所述的方法，其特征在于，所述绘制辅助图形包括：绘制两个以上的辅助图形；
所述响应于针对所述辅助图形的拖动操作，对所述甘特图图形向所述辅助图形对应的方向进行调整，包括：
响应于针对每个所述辅助图形的拖动操作，对所述甘特图图形向每个所述辅助图像对应的方向进行调整。


3.根据权利要求2所述的方法，其特征在于，所述绘制两个以上的辅助图形，包括：绘制第一辅助图形和第二辅助图形；
所述响应于针对每个所述辅助图形的拖动操作，对所述甘特图图形向每个所述辅助图形对应的方向进行调整，包括：
响应于针对所述第一辅助图形的拖动操作，将所述甘特图图形向左边调整；
响应于针对所述第二辅助图形的拖动操作，将所述甘特图图形向右边调整。


4.根据权利要求1或2所述的方法，其特征在于，所述辅助图形与所述甘特图图形具有重叠部分，所述响应于针对所述辅助图形的拖动操作，对所述甘特图图形向所述辅助图形对应的方向进行调整，包括：
确定所述重叠部分中的目标点；
确定所述目标点在开始所述拖动操作之前的第一坐标，并确定所述目标点在所述拖动操作作用后对应的第二坐标；
采用所述第一坐标和所述第二坐标，确定坐标差值；
采用所述坐标差值，对所述甘特图图形进行调整。


5.根据权利要求1所述的方法，其特征在于，在所述响应于针对所述辅助图形的拖动操作，对所述甘特图图形向所述辅助图形对应的方向进行调整之前，所述方法还包括：
针对所述辅助图形，注册拖动监听事件，以监听拖动操作。

【专利技术属性】
技术研发人员：岳喜春，
申请(专利权)人：网易杭州网络有限公司，
类型：发明
国别省市：浙江;33