dhtmlxGantt是用于跨瀏覽器和跨平臺(tái)應(yīng)用程序的功能齊全的Gantt圖表。可滿足項(xiàng)目管理應(yīng)用程序的所有需求，是最完善的甘特圖圖表庫。它允許你創(chuàng)建動(dòng)態(tài)甘特圖，并以一個(gè)方便的圖形化方式可視化項(xiàng)目進(jìn)度。有了dhtmlxGantt，你可以顯示活動(dòng)之間的依賴關(guān)系，顯示具有完成百分比陰影的當(dāng)前任務(wù)狀態(tài)以及組織活動(dòng)到樹結(jié)構(gòu)。

點(diǎn)擊下載dhtmlxGantt試用版

DHTMLX Gantt在Web開發(fā)人員中贏得了極大的歡迎，這在很大程度上要?dú)w功于它的高級(jí)功能，而資源管理就是其中之一。當(dāng)涉及到有效地實(shí)時(shí)利用項(xiàng)目資源時(shí)，它對(duì)于許多項(xiàng)目來說都是至關(guān)重要的功能。我們的技術(shù)支持團(tuán)隊(duì)經(jīng)常收到有關(guān)使用DHTMLX Gantt進(jìn)行資源規(guī)劃功能的更多技術(shù)見解的請(qǐng)求。

在本文中，我們將借助可編輯的代碼片段，討論在新視頻概述中突出顯示的JavaScript Gantt組件的關(guān)鍵資源管理選項(xiàng)。

在項(xiàng)目管理應(yīng)用程序中使用DHTMLX Gantt時(shí)，可以顯示所有項(xiàng)目資源（即員工，設(shè)備，財(cái)務(wù)資源等）及其當(dāng)前工作量。為此，有兩個(gè)布局視圖–資源負(fù)載圖和直方圖。它們與主要的甘特圖同步，因此很容易通過拖放來平衡工作負(fù)載，如視頻和代碼段所示。

如有必要，您還可以使用自定義數(shù)據(jù)或任何HTML元素來補(bǔ)充資源圖。該片段提供了一個(gè)示例示例，該示例應(yīng)用在資源負(fù)載圖的網(wǎng)格中。為此，您只需要修改grid_file和grid_folder模板。

利用資源控制，您可以使用我們的甘特圖組件來分配多個(gè)資源并設(shè)置其數(shù)量。這是指示特定日期資源負(fù)載的有用方法。但是由于DHTMLX Gantt不會(huì)計(jì)算實(shí)際的資源負(fù)載，因此無論該天分配給資源的任務(wù)數(shù)量如何，資源數(shù)量（例如，工作時(shí)間）都將保持不變。解決此類問題的方法之一是根據(jù)任務(wù)持續(xù)時(shí)間分配分配的工作時(shí)間。

讓我們使用此代碼片段看一下它在實(shí)踐中是如何工作的。在此示例中，Anna有13個(gè)小時(shí)來完成“準(zhǔn)備施工文件”任務(wù)。任務(wù)持續(xù)時(shí)間為兩天。因此，安娜每天可以花6.5個(gè)小時(shí)來完成這項(xiàng)任務(wù)，以便及時(shí)完成任務(wù)。您可以在resource_cell_value模板中指定這樣的公式，然后應(yīng)用它來更有效地分配工作負(fù)載。

DHTMLX Gantt允許實(shí)現(xiàn)有助于資源加載分析的其他功能。此代碼片段顯示了如何使用資源直方圖來顯示每天（以小時(shí)為單位）或在任務(wù)中（取決于開關(guān)位置）的工作量。每次甘特初始化之后，此開關(guān)都將提供一個(gè)事件偵聽器，以跟蹤其位置。每個(gè)switch操作都會(huì)更改resourceMode變量。

顯示帶有日期的數(shù)組中的值

現(xiàn)在，我們進(jìn)行兩個(gè)摘要，說明如何從帶有日期的數(shù)組中顯示值。在我們的官方樣本中，資源直方圖的數(shù)據(jù)是從隨機(jī)值生成的。在代碼段中，我們為每一天分配特定的值。

在第一個(gè)示例中，我們每天僅分配一個(gè)值。

在第二個(gè)示例中，我們可以看到每天的當(dāng)前值和最大可能值。

在資源直方圖中分配容量

最后，我們應(yīng)該討論使用DHTMLX Gantt在資源直方圖中設(shè)置資源容量。在考慮此示例時(shí)，我們可以看到如何按天分配資源容量：

如果您打算在實(shí)際項(xiàng)目中使用DHTMLX Gantt，并且想要實(shí)現(xiàn)資源使用的計(jì)算邏輯，我們將為您服務(wù)。我們豐富的樣本集合將幫助您以最少的時(shí)間和精力來創(chuàng)建自己的自定義解決方案。

關(guān)產(chǎn)品推薦：

VARCHART XGantt：支持ActiveX、.Net等平臺(tái)的C#甘特圖控件

AnyGantt：構(gòu)建復(fù)雜且內(nèi)容豐富的甘特圖的理想工具

jQuery Gantt Package：基于HTML5 / jQuery的跨平臺(tái)jQuery Gantt包

phGantt Time Package：對(duì)任務(wù)和時(shí)間的分配管理的甘特圖

APS幫助提升企業(yè)生產(chǎn)效率，真正實(shí)現(xiàn)生產(chǎn)排程可視化呈現(xiàn)與控制,快速有效響應(yīng)不同場景的生產(chǎn)計(jì)劃，提高準(zhǔn)時(shí)交貨能力，提高產(chǎn)能和資源利用率