dhtmlxGantt是用于跨瀏覽器和跨平臺應用程序的功能齊全的Gantt圖表?？蓾M足項目管理應用程序的所有需求，是最完善的甘特圖圖表庫。它允許你創建動態甘特圖，并以一個方便的圖形化方式可視化項目進度。有了dhtmlxGantt，你可以顯示活動之間的依賴關系，顯示具有完成百分比陰影的當前任務狀態以及組織活動到樹結構。

點擊下載dhtmlxGantt試用版

DHTMLX Gantt在Web開發人員中贏得了極大的歡迎，這在很大程度上要歸功于它的高級功能，而資源管理就是其中之一。

在本文中，我們將借助可編輯的代碼片段，討論在視頻概述中突出顯示的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，并且想要實現資源使用的計算邏輯，dhtmlxGantt 將為您服務。擁有豐富的樣本集合將幫助您以最少的時間和精力來創建自己的自定義解決方案。

關產品推薦：

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

AnyGantt：構建復雜且內容豐富的甘特圖的理想工具

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

phGantt Time Package：對任務和時間的分配管理的甘特圖

APS幫助提升企業生產效率，真正實現生產排程可視化呈現與控制,快速有效響應不同場景的生產計劃，提高準時交貨能力，提高產能和資源利用率