一种绘制甘特图的方法、装置、计算机存储介质及终端与流程

本文涉及但不限于图形化技术，尤指一种绘制甘特图的方法、装置、计算机存储介质及终端。

背景技术：

甘特图(ganttchart)又称为横道图、条状图(barchart)，通过条状图来显示项目、进度、及其他时间相关的系统进展的内在关系随着时间进展的情况。甘特图横轴表示时间，纵轴表示项目，线条表示期间计划和实际完成情况；通过甘特图直观表明计划何时进行，进展与要求的对比；便于管理者弄清项目的剩余任务，评估工作进度；因此，在项目管理中广泛应用，管理相关的系统软件中，为了展示项目的进展情况，嵌入万维网(web)端甘特图必不可少。

目前，开源的甘特图插件很少，没有基于前端新技术的插件，给用户带来甘特图带来不便；此外，甘特图还存在以下问题：1、时间范围颗粒度大，基本上到年月日，无法适用时间颗粒度较小的项目；有数据的单元格为完全填充，显示效果较差；只能用于标识时间上的关系，不具备展示其他信息的功能。

综上，设计一种适用性更广、显示效果更好的甘特图，成为一个有待解决的问题。

技术实现要素：

以下是对本文详细描述的主题的概述。本概述并非是为了限制权利要求的保护范围。

本发明实施例提供一种绘制甘特图的方法、装置、计算机存储介质及终端，能够提升甘特图的适用性和显示效果。

本发明实施例提供了一种绘制甘特图的方法，包括：

根据各项目的时间信息确定待绘制的甘特图的时间颗粒度；

在图表上根据确定的时间颗粒度绘制各项目的条形图；

其中，所述图表包括：基于超文本标记语言html标签表格构建的图表。

在一种示例性实施例中，所述在图表上根据确定的时间颗粒度绘制各项目的条形图之前，所述方法还包括：

根据各项目的类型信息确定各项目的所属类型；

根据确定的各项目的所述所属类型，为不同类型的项目分别设置相应的图形格式；

其中，所述图形格式包括以下一项或任意组合的格式：线条颜色、线条粗细、线条形状、条形图填充图案、条形图尺寸及条形图填充颜色。

在一种示例性实施例中，所述在图表上根据确定的时间颗粒度绘制各项目的条形图之后，所述方法还包括：

根据各项目的关联关系信息，确定项目间的关联关系；

根据确定的项目间的所述关联关系，在绘制的条形图间添加预设的表示所述关联关系的标识；

其中，所述标识包括以下任一种类的标识：编码标识、图形标识及由线段组成的连接标识。

在一种示例性实施例中，所述在图表上根据确定的时间颗粒度绘制各项目的条形图之前，所述方法还包括：

获取各项目的以下一项或任意组合的项目相关信息：所述时间信息、类型信息及关联关系信息。

另一方面，本发明实施例还提供一种绘制甘特图的装置，包括：确定单元及绘制单元；其中，

确定单元用于：根据各项目的时间信息确定待绘制的甘特图的时间颗粒度；

绘制单元用于：在图表上根据确定的时间颗粒度绘制各项目的条形图；

其中，所述图表包括：基于超文本标记语言html标签表格构建的图表。

在一种示例性实施例中：

所述确定单元还用于：根据各项目的类型信息确定各项目的所属类型；

所述绘制单元还用于：根据确定的各项目的所述所属类型，为不同类型的项目分别设置相应的图形格式；

其中，所述图形格式包括以下一项或任意组合的格式：线条颜色、线条粗细、线条形状、条形图填充图案、条形图尺寸及条形图填充颜色。

在一种示例性实施例中：

所述确定单元还用于：根据各项目的关联关系信息，确定项目间的关联关系；

所述装置还包括标识单元，用于：根据确定单元确定的项目间的所述关联关系，在绘制的条形图间添加预设的表示所述关联关系的标识；

其中，所述标识包括以下任一种类的标识：编码标识、图形标识及由线段组成的连接标识。

在一种示例性实施例中，所述装置还包括获取单元，用于：

获取各项目的以下一项或任意组合的项目相关信息：所述时间信息、类型信息及关联关系信息。

再一方面，本发明实施例还提供一种计算机存储介质，所述计算机存储介质中存储有计算机程序，所述计算机程序被处理器执行时实现上述绘制甘特图的方法。

还一方面，本发明实施例还提供一种终端，包括：存储器和处理器，所述存储中保存有计算机程序；其中，

处理器被配置为执行存储器中的计算机程序；

所述计算机程序被所述处理器执行时实现如上述绘制甘特图的方法。

与相关技术相比，本申请技术方案包括：根据各项目的时间信息确定待绘制的甘特图的时间颗粒度；在图表上根据确定的时间颗粒度绘制各项目的条形图；其中，所述图表包括：基于超文本标记语言html标签表格构建的图表。本发明实施例通过时间信息进行符合项目时间颗粒度的甘特图的绘制，提升了甘特图的适用性；进一步的，通过条形图图形格式的设置和/或关联关系的标识，提升了甘特图的显示效果。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。

附图说明

附图用来提供对本发明技术方案的进一步理解，并且构成说明书的一部分，与本申请的实施例一起用于解释本发明的技术方案，并不构成对本发明技术方案的限制。

图1为本发明实施例绘制甘特图的方法的流程图；

图2为本发明实施例绘制甘特图的装置的结构框图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚明白，下文中将结合附图对本发明的实施例进行详细说明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互任意组合。

在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行。并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

图1为本发明实施例绘制甘特图的方法的流程图，如图1所示，包括：

步骤101、根据各项目的时间信息确定待绘制的甘特图的时间颗粒度；

本发明实施例时间信息中，可以根据时间单元确定时间颗粒度；例如：时间单位为天，则时间颗粒度为天；时间单位为周，则时间颗粒度为周；时间单位为小时，则时间颗粒度为小时。

在一种示例性实施例中，所述在图表上根据确定的时间颗粒度绘制各项目的条形图之前，本发明实施例方法还包括：

根据各项目的类型信息确定各项目的所属类型；

根据确定的各项目的所述所属类型，为不同类型的项目分别设置相应的图形格式；

其中，所述图形格式包括以下一项或任意组合的格式：线条颜色、线条粗细、线条形状、条形图填充图案、条形图尺寸及条形图填充颜色。

步骤102、在图表上根据确定的时间颗粒度绘制各项目的条形图；

其中，所述图表包括：基于超文本标记语言html标签表格构建的图表。

本发明实施例基于html标签表格构建的图表，可以实现基于确定的时间颗粒度的条形图的绘制，提升了甘特图的适用范围。

在一种示例性实施例中，绘制的甘特图中，时间长度等于表格列数，项目个数等于图表行数。具体的，本发明实施例对绘制甘特图的数据进行遍历，每个项目开始时间为条形图的起点，项目工期为条形图的长度；

在一种示例性实施例中，本发明实施例可以使用层叠样式表(css)技术的相对定位方式将条形图绘制到图表中。

在一种示例性实施例中，所述在图表上根据确定的时间颗粒度绘制各项目的条形图之后，本发明实施例方法还包括：

根据各项目的关联关系信息，确定项目间的关联关系；

根据确定的项目间的所述关联关系，在绘制的条形图间添加预设的表示所述关联关系的标识；

其中，所述标识包括以下任一种类的标识：编码标识、图形标识及由线段组成的连接标识。

在一种示例性实施例中，本发明实施例可以通过线条连接存在关联关系的项目。

在一种示例性实施例中，所述在图表上根据确定的时间颗粒度绘制各项目的条形图之前，本发明实施例方法还包括：

获取各项目的以下一项或任意组合的项目相关信息：所述时间信息、类型信息及关联关系信息。

在一种示例性实施例中，时间信息包括项目的起始时间和/或结束时间；此外，参照相关技术，在绘制甘特图中还会涉及项目名称和项目工期等信息，因此，项目相关信息还可以包括：项目名称和项目工期等信息。

需要说明的是，项目相关信息可以从绘制甘特表的数据信息中获得。

在一种示例性实施例中，本发明实施例html页面接收的项目相关信息可以是js对象简谱(json，js为javascript的缩写)格式的信息。

与相关技术相比，本申请技术方案包括：根据各项目的时间信息确定待绘制的甘特图的时间颗粒度；在图表上根据确定的时间颗粒度绘制各项目的条形图；其中，所述图表包括：基于超文本标记语言(html)标签表格构建的图表。本发明实施例通过时间信息进行符合项目时间颗粒度的甘特图的绘制，提升了甘特图的适用性；进一步的，通过条形图图形格式的设置和/或关联关系的标识，提升了甘特图的显示效果。

图2为本发明实施例绘制甘特图的装置的结构框图，如图2所示，包括：确定单元及绘制单元；其中，

确定单元用于：根据各项目的时间信息确定待绘制的甘特图的时间颗粒度；

绘制单元用于：在图表上根据确定的时间颗粒度绘制各项目的条形图；

其中，所述图表包括：基于超文本标记语言html标签表格构建的图表。

在一种示例性实施例中：

所述确定单元还用于：根据各项目的类型信息确定各项目的所属类型；

所述绘制单元还用于：根据确定的各项目的所述所属类型，为不同类型的项目分别设置相应的图形格式；

其中，所述图形格式包括以下一项或任意组合的格式：线条颜色、线条粗细、线条形状、条形图填充图案、条形图尺寸及条形图填充颜色。

在一种示例性实施例中：

所述确定单元还用于：根据各项目的关联关系信息，确定项目间的关联关系；

所述装置还包括标识单元，用于：根据确定单元确定的项目间的所述关联关系，在绘制的条形图间添加预设的表示所述关联关系的标识；

其中，所述标识包括以下任一种类的标识：编码标识、图形标识及由线段组成的连接标识。

在一种示例性实施例中，所述装置还包括获取单元，用于：

获取各项目的以下一项或任意组合的项目相关信息：所述时间信息、类型信息及关联关系信息。

在一种示例性实施例中，时间信息包括项目的起始时间和/或结束时间；此外，参照相关技术，在绘制甘特图中还会涉及项目名称和项目工期等信息，因此，项目相关信息还可以包括：项目名称和项目工期等信息。

与相关技术相比，本申请技术方案包括：根据各项目的时间信息确定待绘制的甘特图的时间颗粒度；在图表上根据确定的时间颗粒度绘制各项目的条形图；其中，所述图表包括：基于超文本标记语言(html)标签表格构建的图表。本发明实施例通过时间信息进行符合项目时间颗粒度的甘特图的绘制，提升了甘特图的适用性；进一步的，通过条形图图形格式的设置和/或关联关系的标识，提升了甘特图的显示效果。

本发明实施例还提供一种计算机存储介质，所述计算机存储介质中存储有计算机程序，所述计算机程序被处理器执行时实现上述绘制甘特图的方法。

本发明实施例还提供一种终端，包括：存储器和处理器，所述存储中保存有计算机程序；其中，

处理器被配置为执行存储器中的计算机程序；

所述计算机程序被所述处理器执行时实现如上述绘制甘特图的方法。

“本领域普通技术人员可以理解，上文中所公开方法中的全部或某些步骤、系统、装置中的功能模块/单元可以被实施为软件、固件、硬件及其适当的组合。在硬件实施方式中，在以上描述中提及的功能模块/单元之间的划分不一定对应于物理组件的划分；例如，一个物理组件可以具有多个功能，或者一个功能或步骤可以由若干物理组件合作执行。某些组件或所有组件可以被实施为由处理器，如数字信号处理器或微处理器执行的软件，或者被实施为硬件，或者被实施为集成电路，如专用集成电路。这样的软件可以分布在计算机可读介质上，计算机可读介质可以包括计算机存储介质(或非暂时性介质)和通信介质(或暂时性介质)。如本领域普通技术人员公知的，术语计算机存储介质包括在用于存储信息(诸如计算机可读指令、数据结构、程序模块或其他数据)的任何方法或技术中实施的易失性和非易失性、可移除和不可移除介质。计算机存储介质包括但不限于ram、rom、eeprom、闪存或其他存储器技术、cd-rom、数字多功能盘(dvd)或其他光盘存储、磁盒、磁带、磁盘存储或其他磁存储装置、或者可以用于存储期望的信息并且可以被计算机访问的任何其他的介质。此外，本领域普通技术人员公知的是，通信介质通常包含计算机可读指令、数据结构、程序模块或者诸如载波或其他传输机制之类的调制数据信号中的其他数据，并且可包括任何信息递送介质。”