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

点击下载dhtmlxGantt试用版

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

在本文中，我们将借助可编辑的代码片段，讨论在新视频概述中突出显示的JavaScript Gantt组件的关键资源管理选项。

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

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

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

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

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

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

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

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

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

在资源直方图中分配容量

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

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

关产品推荐：

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

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

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

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

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