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

點擊下載dhtmlxGantt試用版

病征

1.您嘗試手動或按照我們的教程來實現后端API ，但是在打開頁面時，甘特圖不會顯示任何任務或鏈接。

2.您很難將更改保存到后端。

原因

對于不同平臺上的不正確行為，可能有很多原因和解決方案，在本文中我們將不再贅述。

我們的目標是引導您完成調查此類問題的常見步驟。找到問題并了解應用程序為何無法正常工作后，通常可以輕松解決此問題。

檢查頁面上的錯誤消息

1.打開瀏覽器開發工具，然后重新加載頁面。您是否在瀏覽器控制臺中看到任何錯誤消息？

檢查客戶的要求

1.打開“ 網絡”面板，確保XHR請求可見。

2.重新加載頁面，找到一個應該從后端加載數據的請求。確保輸入正確的URL并檢查響應狀態。

檢查服務器返回的內容

選擇請求并檢查響應預覽或原始響應內容。

如果您看到來自Web服務器而不是Gantt數據的錯誤消息

您可以確定后端代碼或數據庫連接設置有問題。

通常，錯誤響應包含足夠的信息以找出導致問題的原因。如果看到通用500 server error消息，則可能需要臨時禁用服務器上的自定義錯誤頁面，以查看實際錯誤。在各種平臺上的處理方式有所不同。如果您不確定從何處開始，只需使用Google“在<％your server or framework％>中禁用自定義錯誤頁面”即可。

如果數據看起來或多或少都可以

看看的id，start_date，end_date，duration，parent的屬性。

• id-具有相同ID的項目將被合并。如果您有五個具有匹配ID的任務，則Gantt將僅顯示其中一個。
• parent- parent值與root_id配置匹配的條目將顯示在任務樹的根級別（默認情況下-任何空值，包括零或null）。如果該parent屬性不為空，并且您的數據集不包含適當的父任務，則此類項目將根本不會顯示。
• start_date，end_date，duration-確保您的條目包含至少兩個這些屬性，例如start_date+ duration。在“ 數據加載”文章中有更多信息。

如果發現屬性值中有異常

檢查存儲在數據庫中的內容，可能是問題所在。如果日期格式不匹配，請更改date_format配置，或修改將任務日期序列化的代碼，然后再將其輸出到客戶端。檢查什么裝載到甘特

1.打開瀏覽器控制臺并運行gantt.getTaskByTime()。

2.檢查控制臺輸出。您可能會看到一系列任務。

篩選器

如果在那里沒有發現任何明顯的問題，請嘗試檢查代碼，可能是filter隱藏了任務。

最后一招

如果以上方法均無濟于事，或者您既看不到任務又看不到控制臺錯誤，請嘗試在我們的論壇中發布您的問題，或與我們的技術支持聯系以解決您的問題。

請務必提供您收集的所有信息，以完成上述步驟。

此外，我們的團隊將需要最少的可重復演示：要么是帶有簡化應用程序的獨立程序包（“甘特圖”頁面，所有必需文件，帶有一些測試數據的數據庫轉儲，要么是包含您嘗試加載的數據的靜態JSON文件），或者一個在線鏈接，我們可以在瀏覽器中檢查問題。

關產品推薦：

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

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

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

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

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