甘特图 DHTMLX Gantt入门：如何有效使用甘特图，让你的工作进度一目了然

DHTMLX Gantt在Web开发人员中赢得了极大的欢迎，这在很大程度上要归功于它的高级功能，而资源管理就是其中之一。当涉及到有效地实时利用项目资源时，它对于许多项目来说都是至关重要的功能。

DHTMLX Gantt在Web开发人员中赢得了极大的欢迎，这在很大程度上要归功于它的高级功能，而资源管理就是其中之一。当涉及到有效地实时利用项目资源时，它对于许多项目来说都是至关重要的功能。

那么我们要如何来展示和掌握项目进度呢/strong>

比如我们要做一个薪酬设计的项目，项目节点和周期是这样：

如何更直观的展示果项目开始时间调整了，后面的项目时间如何动态调整们可以做成这样：

这种图叫做甘特图，可通过条状图来显示项目、进度和其他时间相关的系统进展的内在关系随着时间的进展情况。

从图中可以看出项目的进展情况和持续时间，项目的“开始时间”调整了，工作周期（除最后一项任务的持续时间外）和图表也自动进行变化。

那么，这种动态的甘特图该如何去制作呢实也很简单：

第一步：对数据源进行处理，项目周期用函数来控制，这样可以实现：开始时间调整了，周期天数自动调整。

第二步：将开始时间的数据格式设置成：常规，然后选择数据，创建堆积条形图

第三步：选择纵坐标，设置坐标轴格式，勾选“逆序类别”；将“开始时间”系统的条形填充和边框都设置为无；将横坐标的最小值改为：任务1的开始时间，最大值改为：最后一个任务的开始时间+周期，这里为43933（最大值不设置也可以）

第四步：将数据源的开始时间，改为日期格式。

第五步：调整配色，美化。成品如下：

关产品推荐：

VARCHART XGantt：支持ActiveX、.Net等平台的C#甘特图控件

AnyGantt：构建复杂且内容丰富的甘特图的理想工具

jQuery Gantt Package：基于HTML5 / jQuery的跨平台jQuery Gantt包

phGantt Time Package：对任务和时间的分配管理的甘特图

APS帮助提升企业生产效率，真正实现生产排程可视化呈现与控制,快速有效响应不同场景的生产计划，提高准时交货能力，提高产能和资源利用率

想要购买dhtmlxGantt正版授权，或了解APS系统请点击【咨询在线客服】
标签：