[发明专利]一种基于GPU生成甘特图的方法

说明书

技术领域

本发明属于项目计划的图形应用领域，更具体地，涉及一种基于GPU生成甘特图的方法。

背景技术

甘特图是工程类型项目进行工期计划以及任务控制的有效工具。对于大型工程类型项目的管理来说，是一个复杂、艰巨的系统工程，沟通和协调的工作较困难，大量的信息需要有效的管理；然而运用甘特图技术就能够直观、准确的显示和调整工程项目中各任务的数据，并能够以图形化的方式把结果进行统计，方便用户使用，并对整个工程项目进行有效的控制管理。

就目前而言，现有甘特图生成的方法包括基于B/S模式和基于C/S模式二种类型，C/S模式的甘特图对客户端的GPU有一定的要求，生成速度慢，系统资源占用大，且不能应用于互联网，而B/S模式的甘特图对客户端的GPU无任何限制，生成速度快，系统资源占用小，但市面上已知的生成B/S模式的甘特图的方法存在以下问题：

1、甘特图的整体布局是以TABLE为基础，这样浏览器需要完全加载完TABLE里的所有内容才会将其显示在网页上；

2、甘特图的表头部分以及控制表头及所属列是否生成的选项卡部分无法锁定，当内容较多出现滚动条并向下滚动时，表头及选项卡会被遮盖而无法看见；

3、甘特图的行的数据部分和甘特条部分是完全分开的二部分，一旦出现内容较多出现滚动条时，就会存在左右滚动条联动的麻烦；

4、甘特图的在绘制前一次性加载所有数据，然后再绘制图形，但如果遇上大数据量的情况下，这种绘制前预加载所有数据的方式会导致甘特图在生成时的速度非常慢。

发明内容

针对现有技术的缺陷，本发明的目的在于提供一种基于GPU生成甘特图的方法，旨在解决上述现有方法中存在的问题。

为实现上述目的，本发明提供了一种基于GPU生成甘特图的方法，包括以下步骤：

（1）GPU生成甘特图的范围，以及用于存放网页数据的javascript对象；

（2）GPU生成甘特图的选项卡和表头；

（3）GPU生成甘特图的表体；

（4）GPU生成甘特图的甘特条。

步骤（1）包括：

（1-1）GPU从网页获取DIV元素作为甘特图的范围；

（1-2）GPU通过Javascript对网页数据的对象集进行申明和实例化，以存放网页数据。

步骤（2）包括：

（2-1）GPU在作为甘特图范围的DIV元素中生成甘特图的选项卡；

（2-2）GPU在甘特图的选项卡中形成子DIV元素集合；

（2-3）GPU通过线条绘制的方式改变子DIV元素集合的外形，并在子DIV元素集合中填充数据；

（2-4）GPU通过TABLE控件在网页上生成甘特图的表头行对象，然后在表头行对象中生成非日期类型列头对象以及日期类型列头对象；

（2-5）GPU锁定甘特图的选项卡和表头，以避免其在网页中出现的位置受到滚动条影响；

（2-6）GPU为TABLE控件增加一个行对象作为表体行对象。

步骤（3）包括：

（3-1）GPU生成甘特图的表体范围；

（3-2）GPU根据TABLE控件在网页中的位置调整甘特图的表体范围，以保证甘特图的表体范围和表体行对象在位置上重合；

（3-3）GPU调整甘特图的表体范围的高度，以使其与表体行对象的高度一致；

（3-4）GPU在甘特图的表体范围中生成用于存放行数据的子DIV元素集合；

（3-5）GPU在存放行数据的子DIV元素集合中生成用于存放列数据的子DIV元素集合。

步骤（4）包括：

（4-1）GPU从用于存放行数据的子DIV元素集合中选择子DIV元素；

（4-2）GPU利用AJAX技术从网页后端获取用于生成甘特图的数据；

（4-3）GPU将甘特图的数据填充在选择的子DIV元素中，以形成甘特条。

用于生成甘特图的数据包括甘特图的项目和任务名称、执行状态、计划工期、计划开始日期、计划结束日期、预计工作量、负责人、前置任务。

步骤（4-3）包括：

（4-3-1）GPU根据甘特图的数据生成甘特条模型，其包括甘特条的长、宽、高及线条型状态、质贴图以及阴影填充色，并将甘特条模型存入内存；

（4-3-2）CPU从内存中获取甘特条模型，对甘特条模型进行材质贴图以生成甘特条的多边形信息，并将甘特条的多边形信息交给GPU；