在與眾多開發者及企業客户的交流中,全球知名的前端UI控件服務商DHTMLX常常被問到:“下一版甘特圖控件(Gantt) 會有哪些新功能?”
事實上,對於像 DHTMLX Gantt 這樣成熟且廣受歡迎的組件,用户並不期待徹底的變革,而更關注使用體驗、靈活度及開發便捷性的提升。
這正是 DHTMLX Gantt 9.1 的核心目標——在保持穩定性能的基礎上,帶來更智能的時間刻度優化、更靈活的任務渲染、更高效的實時協作能力及更完善的資源管理功能。
DHTMLX Gantt 最新版官方試用下載,請聯繫DHTMLX官方授權代理商慧都科技
👉 新版本亮點
-
支持工作時長感知的時間刻度(Workhour-Aware Scale Projection)
-
提供固定時間刻度列寬(Fixed Column Width)
-
可針對子任務設置獨立顯示方式(Per-Child Split Placement)
-
支持多用户實時協作與外部數據同步(Multi-User Live Updates)
-
新增Lightbox資源分配控件(Resource Assignment Control)
-
優化日曆配置與自動排程管理
以上功能現已同時適配 JavaScript Gantt Chart 與 React Gantt Chart 版本。
工作時長感知時間刻度:讓時間軸更貼近真實工時
在實際項目中,工作日往往是 8 小時(如 09:00–17:00),而傳統時間刻度以 24 小時為基準顯示。
DHTMLX Gantt v9.1 通過新增 projection 模式,實現基於工時的比例展示,使任務條長度更符合真實的工作時間分佈。
支持三種模式:
-
Default:按絕對時間顯示(00:00–24:00)
-
Fixed Hours:根據統一工時(如 9:00–18:00)調整
-
Task Calendar:根據任務獨立日曆計算每日工時

這一改進讓時間軸更直觀,特別適合多班制、跨部門項目的工時管理場景。
固定列寬時間刻度:讓排期佈局更可控
過去,時間軸單元格寬度會隨容器自適應變化。
v9.1 新增column_width屬性,可為底層時間刻度固定列寬(如 60px),確保在大規模項目中保持一致的時間比例顯示,便於導出與對齊。
分任務顯示模式:靈活掌控任務層級
Gantt v9.1 新增split_placement屬性,讓開發者可按需指定子任務的渲染模式:
-
inline:所有子任務在父任務行顯示
-
subrow:每個子任務獨立顯示
-
auto:父任務收起時合併,展開時分行(默認)

這為複雜項目結構的可視化提供了更細粒度的控制。
多用户實時協作與外部數據同步
新版本引入了 remoteEvents 助手,可通過 WebSocket 實現實時協作:
-
用户操作(新增、移動任務等)通過 REST API 傳輸至後端
-
後端廣播更新,確保所有用户界面實時同步
同時也支持接入外部數據源(如 Firebase、Firestore)實現動態數據更新。
這一特性讓 DHTMLX Gantt 成為支持多人協同編輯的現代化項目管理解決方案。
Lightbox 新資源分配控件
新版 Lightbox 資源分配模塊採用與 Gantt 左側任務表相同的 Grid 模塊結構,支持:
-
多資源、多階段分配
-
可配置列與模板
-
內聯編輯任務與分配時長

這意味着開發者與終端用户都能更輕鬆地處理人員替換、階段交接及部分分配任務。
日曆配置與自動排程優化
全新的gantt.addCalendar()方法允許在單一配置中定義:
-
默認工時
-
特定日期(加班、休息日)
-
自定義周工作制
此外,自動排程參數現已整合至統一對象gantt.config.auto_scheduling,配置更集中、邏輯更清晰。
其他優化
-
提升觸控設備(Windows)兼容性
-
導出 Excel 時支持分任務展示
-
移除舊版subscalesAPI
慧都科技作為 DHTMLX 官方授權代理商,將持續為中國開發者與企業用户提供產品諮詢及正版授權,幫助更多企業通過 DHTMLX 實現 高性能、低成本、可持續的前端系統開發。
DHTMLX Gantt 最新版官方試用下載,請聯繫DHTMLX官方授權代理商慧都科技