甘特图教程:如何在DHTMLX Gantt中实时显示和分配资源

DHTMLX Gantt在Web开发人员中赢得了极大的欢迎,这在很大程度上要归功于它的高级功能,而资源管理就是其中之一。当涉及到有效地实时利用项目资源时,它对于许多项目来说都是至关重要的功能。我们的技术支持团队经常收到有关使用DHTMLX Gantt进行资源规划功能的更多技术见解的请求。

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

dhtmlxGantt试用版

DHTMLX Gantt在Web开发人员中赢得了极大的欢迎,这在很大程度上要归功于它的高级功能,而资源管理就是其中之一。当涉及到有效地实时利用项目资源时,它对于许多项目来说都是至关重要的功能。我们的技术支持团队经常收到有关使用DHTMLX Gantt进行资源规划功能的更多技术见解的请求。

实时显示和分配资源

在项目管理应用程序中使用DHTMLX Gantt时,可以显示所有项目资源(即员工,设备,财务资源等)及其当前工作量。为此,有两个布局视图–资源负载图和直方图。它们与主要的甘特图同步,因此很容易通过拖放来平衡工作负载,如视频和代码段所示。

甘特图教程:如何在DHTMLX Gantt中实时显示和分配资源

尽管Gantt组件允许显示资源加载和资源分配,但重要的是要了解计算逻辑必须由开发人员实现。但是我们的库为通过公共API进行自定义和添加自己的解决方案提供了极大的可能性。

利用自定义内容

如有必要,您还可以使用自定义数据或任何HTML元素来补充资源图。该片段提供了一个示例示例,该示例应用在资源负载图的 格中。为此,您只需要修改grid_file和grid_folder模板。

甘特图教程:如何在DHTMLX Gantt中实时显示和分配资源 计算工作量

利用资源控制,您可以使用我们的甘特图组件来分配多个资源并设置其数量。这是指示特定日期资源负载的有用方法。但是由于DHTMLX Gantt不会计算实际的资源负载,因此无论该天分配给资源的任务数量如何,资源数量(例如,工作时间)都将保持不变。解决此类问题的方法之一是根据任务持续时间分配分配的工作时间。

让我们使用此代码片段看一下它在实践中是如何工作的。在此示例中,Anna有13个小时来完成“准备施工文件”任务。任务持续时间为两天。因此,安娜每天可以花6.5个小时来完成这项任务,以便及时完成任务。您可以在resource_cell_value模板中指定这样的公式,然后应用它来更有效地分配工作负载。

甘特图教程:如何在DHTMLX Gantt中实时显示和分配资源 每天显示小时和任务

DHTMLX Gantt允许实现有助于资源加载分析的其他功能。此代码片段显示了如何使用资源直方图来显示每天(以小时为单位)或在任务中(取决于开关位置)的工作量。每次甘特初始化之后,此开关都将提供一个事件侦听器,以跟踪其位置。每个switch操作都会更改resourceMode变量。

甘特图教程:如何在DHTMLX Gantt中实时显示和分配资源

此变量在多个函数中使用,这些函数确定应如何计算所有内容。资源直方图比资源负载图使用更多的模板:histogram_cell_label,histogram_cell_allocated,histogram_cell_capacity。在此计算需要显示的值或条。

显示带有日期的数组中的值

现在,我们进行两个摘要,说明如何从带有日期的数组中显示值。在我们的官方样本中,资源直方图的数据是从随机值生成的。在代码段中,我们为每一天分配特定的值。

在第一个示例中,我们每天仅分配一个值。

甘特图教程:如何在DHTMLX Gantt中实时显示和分配资源

在第二个示例中,我们可以看到每天的当前值和最大可能值。

甘特图教程:如何在DHTMLX Gantt中实时显示和分配资源

在资源直方图中分配容量

最后,我们应该讨论使用DHTMLX Gantt在资源直方图中设置资源容量。在考虑此示例时,我们可以看到如何按天分配资源容量:

甘特图教程:如何在DHTMLX Gantt中实时显示和分配资源

实际上,逻辑是这样的:除最后一天外,所有其他天都被“填满”到最大容量。然后,计算最后一天剩余的资源值。如果分配值小于8,则将完全显示该值。如果大于8,并且这是最后一个单元格,则将显示除以8的余数。

甘特图教程:如何在DHTMLX Gantt中实时显示和分配资源

最后

如果您打算在实际项目中使用DHTMLX Gantt,并且想要实现资源使用的计算逻辑,我们将为您服务。我们丰富的样本集合将帮助您以最少的时间和精力来创建自己的自定义解决方案。

关产品推荐:

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

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

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

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

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

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

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2021年4月13日
下一篇 2021年4月13日

相关推荐

发表回复

登录后才能评论