彩票走势图

dhtmlxGantt使用教程:如何在DHTMLX Gantt中设置资源管理选项

翻译|行业资讯|编辑:杨鹏连|2021-03-19 10:34:37.640|阅读 578 次

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

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

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

点击下载dhtmlxGantt试用版

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

在本文中,我们将借助可编辑的代码片段,讨论在新视频概述中突出显示的JavaScript 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系统请点击

标签:

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

文章转载自:

为你推荐

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


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP