彩票走势图

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

转帖|使用教程|编辑：鲍佳佳|2021-05-19 10:32:56.430|阅读 259 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表。可满足项目管理应用程序的所有需求，是最完善的甘特图图表库。它允许你创建动态甘特图，并以一个方便的图形化方式可视化项目进度。有了dhtmlxGantt，你可以显示活动之间的依赖关系，显示具有完成百分比阴影的当前任务状态以及组织活动到树结构。

点击下载dhtmlxGantt试用版

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

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

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

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

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

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

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

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


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

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


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

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

转载自：

关产品推荐：

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

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

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

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

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

想要购买dhtmlxGantt正版授权，或了解慧都APS系统请点击

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自：

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP