DHTMLX Gantt：拥有高级资源计算逻辑，助力高效甘特图解决方案

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

点击下载dhtmlxGantt试用版

DHTMLX Gantt在Web开发人员中赢得了极大的欢迎，这在很大程度上要归功于它的高级功能，而资源管理就是其中之一。

实时显示和分配资源

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

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

利用自定义内容

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

计算工作量

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

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

每天显示小时和任务

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

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

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

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

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

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

在资源直方图中分配容量

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

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

最后

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

关产品推荐：

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

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

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

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

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

DHTMLX Gantt：拥有高级资源计算逻辑，助力高效甘特图解决方案相关推荐

【JIRA 学习】Gantt - 超好用小众的JIRA甘特图插件
最近比较了一下JIRA市场上的甘特图插件,发现了一款小众的超好用的插件Gantt.相对比老牌的biggant structure,Gantt 使用方法简单,功能齐全,而且还是免费的噢.让我们一起来看看 ...
甘特图知乎_安利！拥有这5款甘特图工具，项目管理、生产排程轻松搞定！
甘特图(Gantt chart)又称为横道图.条状图(Bar chart),以提出者亨利·劳伦斯·甘特(Henry Laurence Gantt)先生的名字命名.甘特图通过条状图来显示项目.进度和其他 ...
安利，拥有这5款甘特图工具，项目管理、生产排程轻松解决
甘特图(Gantt chart)又称为横道图.条状图(Bar chart),以提出者亨利·劳伦斯·甘特(Henry Laurence Gantt)先生的名字命名.甘特图通过条状图来显示项目.进度和其他 ...
有多少甘特图工具和资源是你熟悉的？
https://www.evget.com/article/2014/6/27/21239.html 概述:本文整理了13款甘特图的最流行和最有效的甘特图工具和资源,可以更方便.更有效地创建甘特图列表 ...
Ext Scheduler Web资源甘特图控件
原文来自 http://www.fanganwang.com/Product-detail-item-1430.html欢迎转载. 关键字: 资源甘特图又叫负荷图,其纵轴不再列出活动,而是列出整个部门 ...
dhtmlx甘特图--vue2
dhtmlx甘特图介绍使用的版本是非商用版开始使用安装dhtmlx 引入及使用其他更新数据,重新绘制甘特图内的文字(任务名)太长,显示不下在矩形条上显示任务完成百分比设置鼠标悬浮时展 ...
如何选择DHTMLX Gantt与DHTMLX Scheduler？
对于-DHTMLX Gantt和DHTMLX Scheduler之间在功能和用例场景方面的主要区别,开发人员经常有很多疑问.在本文中,我们将阐明这些问题,以使编码人员可以更轻松地选择最合适的DHTML ...
项目管理工具DHTMLX Gantt灯箱元素配置教程：配置灯箱元素
本文给大家讲解DHTMLX Gantt如何对灯箱的元素进行配置. Lightbox 是一个编辑表单,用于更改任务的详细信息. 默认灯箱如下图所示. 灯箱可能会有所不同,具体取决于它们用于任务的类型和特 ...
甘特图教程：如何在DHTMLX Gantt中使用工作时间和日历
DHTMLX 甘特图中工作日历背后的关键概念首先,让我们考虑一下我们的甘特图组件如何处理日期和日历. 默认情况下,禁用work_time选项时,任务的持续时间取决于duration_unit参数和任 ...

DHTMLX Gantt：拥有高级资源计算逻辑，助力高效甘特图解决方案

DHTMLX Gantt：拥有高级资源计算逻辑，助力高效甘特图解决方案相关推荐

最新文章

热门文章