dhtmlxGantt如何在DHTMLX Gantt中設定資源管理選項

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

DHTMLX Gantt在Web開發人員中贏得了極大的歡迎，這在很大程度上要歸功於它的高階功能，而資源管理就是其中之一。當涉及到有效地實時利用專案資源時，它對於許多專案來說都是至關重要的功能。我們的技術支援團隊經常收到有關使用DHTMLX Gantt進行資源規劃功能的更多技術見解的請求。

在本文中，我們將藉助可編輯的程式碼片段，討論在新影片概述中突出顯示的JavaScript Gantt元件的關鍵資源管理選項。

實時顯示和分配資源

在專案管理應用程式中使用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，並且想要實現資源使用的計算邏輯，我們將為您服務。我們豐富的樣本集合將幫助您以最少的時間和精力來建立自己的自定義解決方案。