CN111415395B - 一种甘特图处理的方法及装置、电子设备、存储介质 - Google Patents

Abstract

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

Description

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

技术领域

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

背景技术

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

在现有技术中，大多使用普通的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标签也增加了拖动图形时联动更新的复杂性

针对使用多种不同的图形来代表不同的事务对象类型的需求，可以采用SVG标签来实现，使用SVG元素，只需要一个polygon和多边形上顶点的坐标值即可实现绘制，能方便的实现各种不规则的图形或线条，避免了使用Div标签和CSS需要用两个伪元素(::before和::after)以及几十条的CSS样式，减少了甘特图中条形图绘制的复杂度和CSS样式的复杂度。

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

为了对事务对象的开始时间、结束时间等进行调整，需要对甘特图图形进行拖动操作，而由于HTMLDOM并没有提供类似dragLeft或dragRight的事件，需要在条形图上添加辅助的元素来控制左右拖拽的事件，则可以绘制甘特图图形对应的辅助图形，辅助图形可以不进行显示。

在本申请一实施例中，步骤102可以包括如下子步骤：

子步骤11，绘制两个以上的辅助图形。

在本申请一实施例中，子步骤11可以包括如下子步骤：

绘制第一辅助图形和第二辅助图形。

在具体实现中，可以绘制两个以上的辅助图形，如图2，在甘特图图形R的左右两侧分别绘制辅助图形RL、RR。

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

在本申请一实施例中，步骤103可以包括如下子步骤：

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

在本申请一实施例中，子步骤21可以包括如下子步骤：

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

其中，该拖动操作可以以“天”为单位，也可以以坐标系的最小刻度为单位，甘特图图形可以只在水平方向移动，垂直位置固定不变。

在实际应用中，由于预先绘制了辅助图形，在需要对甘特图图形进行移动时，可以直接对辅助图形进行拖动操作，响应于对辅助图形的拖动操作，可以按照辅助图形对应的方向，对目标甘特图图形进行调整。

例如，对第一辅助图形进行拖动操作，可以将甘特图图形向左边调整，对第二辅助图形进行拖动操作，可以将甘特图图形向右边调整。

在本申请一实施例中，绘制的辅助图形可以与甘特图图形具有重叠部分，步骤103可以包括如下子步骤：

子步骤31，确定所述重叠部分中的目标点；

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

子步骤33，采用所述第一坐标和所述第二坐标，确定坐标差值；采用所述坐标差值，对所述甘特图图形进行调整。

作为一示例，目标点可以为该目标甘特图图形的起始点。

在具体实现中，辅助图形与甘特图图形可以存在重叠部分，如分别在目标甘特图图形的两端设置两个辅助图形且存在重复部分，则可以确定辅助图形与甘特图图形的重叠部分中的目标点。

在开始拖动操作之前，可以确定目标点的第一坐标，在开始拖动操作后，可以确定目标点与拖动操作对应的第二坐标，即实时坐标，进而可以采用第一坐标和第二坐标，确定坐标差值，并可以采用该坐标差值，对目标甘特图图形进行调整，如调整目标甘特图图形的宽度、高度等。

在本申请一实施例中，在步骤103之前，该方法还可以包括如下步骤：

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

其中，注册拖动监听事件可以包括如下子步骤：

采用可视化工具D3(Data-DrivenDocuments，数据驱动文档)注册拖动监听事件。

在实际应用中，可以采用D3提供的创建drag接d3.drag()，selection可以通过调用d3.drag()来注册一个drag监听事件，进而可以监听对辅助图形的拖动操作，对甘特图图形进行调整，实现了一种甘特图的拖动效果，避免了当需要修改一个任务的开始时间或结束时间，要拖动图形进行修改时，使用多个div标签增加拖动图形时联动更新的复杂性。

其中，D3selection:是指通过D3提供的接口select和selectAll,这两个方法接收选择器字符串作为参数,返回HTML文档中选中的元素，返回的元素称为selection或选择集。

以下通过一个例子对该对甘特图图形(该甘特图图形为长方形)进行调整的过程进行详细说明，但应当理解，本申请实施例不限于此：

1、如图2，绘制长方形R,，R起始点(左上角的点)的坐标dragCoord(x,y),宽和高分别是width和height；

2、在长方形左右边附近分别绘制两个辅助的矩形RL和RR,宽和高分别是subWidth*2和height,RL的坐标是(x-subWidth,y),RR的坐标是(x+width-subWidth,y)；

3、为R、RL、RR分别注册drag拖动事件，拖动RL时，移动R左边坐标；拖动RR时，移动R右边坐标，在三个监听事件中重新设置R、RL、RR的坐标和宽度；

4、如图3，以向左拖动为例，拖动时监听事件d3.event，因为只需要水平移动，不需要垂直移动，所以只需要关注d3.event.x，d3.event.x是拖动结束后鼠标的位置。

假设，拖动结束坐标为dragCoord(x1,y)，则x1＝Math.max(0,Math.min(x+width–subWidth*2,d3.event.x)),矩形R的拖动后新的宽度width＝width+(x-x1)，x-x1即为坐标变化差值，width+(x-x1)得到新的宽度，然后可以重新设置RL的x＝x1–subWidth。

需要说明的是，设置Math.min(x+width–subWidth*2,d3.event.x)是由于width>＝subWidth*2，也即R的宽度不能比两个辅助图形的宽度小，则拖动RL结束后的坐标x1<＝x+width–subWidth*2,d3.event.x，又因为不能拖出坐标系左侧的边界(x＝0)，则x1>＝0。

在本申请一实施例中，所述甘特图中每个甘特图图形对应一事务对象，在步骤103之后，该方法还可以包括如下步骤：

确定所述调整后的甘特图图形对应的坐标轴刻度信息；采用所述坐标轴刻度信息，对所述甘特图图形对应的事务对象的时间信息进行调整。

在调整甘特图图形后，可以确定调整后的目标甘特图图形对应的坐标轴刻度信息，进而可以确定坐标轴刻度信息对应的时间信息，对目标甘特图图形对应的事务对象的时间信息进行调整，以修改事务对象的开始时间和结束时间，能够达到拖动时条形图两端同步显示拖动后的开始时间和结束时间等联动内容，实现更加简单的拖动联动。

在一示例中，在拖动开始前，如图4，按季度显示2017、2018年的四个季度的甘特图，其中一事务显示进度百分比为78％，在拖动的过程中，如图5，取消进度百分比的显示，并在条形的左右侧显示时间信息，即开始时间和结束时间，如2018-02-01、2018-08-01，并可以在拖动结束后对开始时间和结束时间进行调整。

在本申请一实施例中，甘特图中的坐标系的横轴表示时间，纵轴表示事务的条形图，条形图的线条表示事务的计划、完成等情况，但其坐标系通常仅以“天”为甘特图中坐标系的最小时间粒度，在时间跨度较大的情况下，难以适用，则在本申请实施例中，甘特图图形对应的甘特图中坐标系的坐标轴刻度可以对应有多种时间粒度，该方法可以还如下步骤包括：

响应针对所述坐标轴刻度的时间粒度切换操作，将所述坐标轴刻度的时间粒度切换至所述时间粒度切换操作对应的目标时间粒度；按照所述目标时间粒度，对所述甘特图图形进行调整。

在实际应用中，甘特图中坐标系可以为采用D3绘制，具体可以采用d3.scaleTime处理时间来建立坐标轴，坐标轴刻度使用rect和text绘制，坐标轴具有两层坐标轴刻度(也可以为大于2层)，如按年，第一层为年，第二层为月，按季，第一层为季，第二层为月，按月，第一层为年，第二层为月，按周，第一层为月，第二层为日。

在一示例中，如图6，坐标系可以采用如下过程绘制：

1、使用scaleTime()创建时间比例尺xScale；

2、使用axisBottom()创建横向坐标轴xScale；

3、选择d3.selection.select选择g标签创建选择集selection，并调用xAxis；

4、计算坐标的两层坐标轴刻度的时间粒度data；

5、使用data()和enter()方法将selection与data绑定，以将每个刻度的元素和刻度的值一一对应；

6、使用<rect>和<text>来绘制每个刻度；

7、网页客户端渲染。

当需要进行时间粒度切换时，用户可以在网页客户端上针对坐标轴刻度的进行时间粒度切换操作，响应针对时间粒度切换操作，可以将坐标轴刻度的时间粒度切换至时间粒度切换操作对应的目标时间粒度，具体可以采用如图6中第4-7步骤实现切换。

如图7，在坐标轴具有两层坐标轴刻度时，按周显示，则第一层的刻度间隔(即为时间粒度)是7天，第二层的刻度间隔是1天；按季度显示则第一层的刻度是季度,比如2019Q1、2019Q2,第二季度的刻度间隔是1个月,比如2019Q1下有1月、2月、3月；同理还有按月、按年等时间粒度的切换。

在将坐标轴刻度切换为目标时间粒度后，可以按照目标时间粒度，对甘特图中图形进行调整，以与调整后的坐标轴刻度相匹配，实现了对甘特图中坐标系的时间粒度的调整，能够满足不同的时间跨度需求，提升了甘特图的使用效率。

在本申请实施例中，通过获取用于绘制甘特图的数据，并采用图形标签，绘制甘特图数据对应的甘特图图形，针对甘特图图形，绘制辅助图形，响应于针对辅助图形的拖动操作，对甘特图图形向辅助图形对应的方向进行调整，实现了对甘特图图形的绘制和拖动,即减少了甘特图中条形图绘制的复杂度和CSS样式的复杂度,且使用辅助元素达到了对甘特图按需求进行拖动的效果。

需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请实施例并不受所描述的动作顺序的限制，因为依据本申请实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本申请实施例所必须的。

参照图8，示出了本申请一实施例提供的一种甘特图处理的装置的结构示意图，具体可以包括如下模块：

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

辅助图形绘制模块802，用于针对所述甘特图图形，绘制辅助图形；

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

在本申请一实施例中，所述辅助图形绘制模块802包括：

两个以上图形绘制子模块，用于绘制两个以上的辅助图形；

所述拖动操作响应模块803，包括：

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

在本申请一实施例中，所述两个以上图形绘制子模块包括：

第一第二图形绘制单元，用于绘制第一辅助图形和第二辅助图形；

所述按方向调整子模块，包括；

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

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

在本申请一实施例中，所述辅助图形与所述甘特图图形具有重叠部分，所述拖动操作响应模块803，包括：

目标点确定子模块，用于确定所述重叠部分中的目标点；

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

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

按坐标差值调整子模块，用于采用所述坐标差值，对所述甘特图图形进行调整。

在本申请一实施例中，所述装置还包括：

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

在本申请一实施例中，所述拖动监听事件注册模块包括：

D3注册子模块，用于采用可视化工具D3注册拖动监听事件。

在本申请一实施例中，所述图形标签为SVG标签。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本申请一实施例还提供了一种电子设备，可以包括处理器、存储器及存储在存储器上并能够在处理器上运行的计算机程序，计算机程序被处理器执行时实现如上甘特图处理的方法的步骤。

本申请一实施例还提供了一种计算机可读存储介质，计算机可读存储介质上存储计算机程序，计算机程序被处理器执行时实现如上甘特图处理的方法的步骤。

本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。

本领域内的技术人员应明白，本申请实施例可提供为方法、装置、或计算机程序产品。因此，本申请实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请实施例是参照根据本申请实施例的方法、终端设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上，使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本申请实施例的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请实施例范围的所有变更和修改。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。

以上对所提供的一种甘特图处理的方法及装置、电子设备、存储介质，进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (11)

1.一种甘特图处理的方法，其特征在于，所述方法包括：

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

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

响应于针对所述辅助图形的拖动操作，对所述甘特图图形向所述辅助图形对应的方向进行调整，以对事物对象的开始时间、结束时间进行调整；

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

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

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

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

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

2.根据权利要求1所述的方法，其特征在于，所述绘制辅助图形包括：绘制两个以上的辅助图形；

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

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

3.根据权利要求2所述的方法，其特征在于，所述绘制两个以上的辅助图形，包括：绘制第一辅助图形和第二辅助图形；

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

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

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

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

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

5.根据权利要求4所述的方法，其特征在于，所述注册拖动监听事件包括：采用可视化工具数据驱动文档注册拖动监听事件。

6.根据权利要求1所述的方法，其特征在于，所述图形标签为SVG标签。

7.根据权利要求1所述的方法，其特征在于，所述甘特图中每个甘特图图形对应一事务对象，所述响应于针对所述辅助图形的拖动操作，对所述甘特图图形向所述辅助图形对应的方向进行调整之后，所述方法还包括：

确定调整后的甘特图图形对应的坐标轴刻度信息；

采用所述坐标轴刻度信息，对所述甘特图图形对应的事务对象的时间信息进行调整。

8.根据权利要求1所述的方法，其特征在于，所述甘特图图形对应的甘特图中坐标系的坐标轴刻度对应有多种时间粒度，所述方法还包括：

响应针对所述坐标轴刻度的时间粒度切换操作，将所述坐标轴刻度的时间粒度切换至所述时间粒度切换操作对应的目标时间粒度；

按照所述目标时间粒度，对所述甘特图图形进行调整。

9.一种甘特图处理的装置，其特征在于，所述装置包括：

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

辅助图形绘制模块，用于针对所述甘特图图形，绘制辅助图形；

拖动操作响应模块，用于响应于针对所述辅助图形的拖动操作，对所述甘特图图形向所述辅助图形对应的方向进行调整，以对事物对象的开始时间、结束时间进行调整；

所述辅助图形与所述甘特图图形具有重叠部分，所述拖动操作响应模块，包括：

目标点确定子模块，用于确定所述重叠部分中的目标点；

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

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

按坐标差值调整子模块，用于采用所述坐标差值，对所述甘特图图形进行调整。

10.一种电子设备，其特征在于，包括处理器、存储器及存储在所述存储器上并能够在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如权利要求1至8中任一项所述的甘特图处理的方法的步骤。

11.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储计算机程序，所述计算机程序被处理器执行时实现如权利要求1至8中任一项所述的甘特图处理的方法的步骤。