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

點擊下載dhtmlxGantt試用版

DHTMLX宣布發布全新的甘特圖庫，用于純React，Svelte和Vue.js中的項目管理應用程序的Web開發。沒有外部依賴關系，沒有庫和框架的混雜，僅是純本地代碼，從而實現了快速的性能和響應性。

反應性

新甘特圖的主題是它們的反應性。應用于屬性的更改與在圖表中呈現它們之間沒有時間滯后。無論您是在編輯表單中更正任務詳細信息，還是要在網格或時間軸區域中處理任務，一切都將同步并立即做出反應。

改變體重秤和細胞的大小。

超快的性能

React Gantt，Svelte Gantt和Vue Gantt本質上發展迅速。它們以毫秒為單位渲染一萬多個任務。因此，用戶與甘特圖的交互是快速，流暢的。

用1萬個任務來響應甘特。

UI元素

第一個版本提供了使用甘特圖創建和管理項目計劃的所有基本功能。

共有三種類型的任務：項目，任務和里程碑。任務可以通過四種依賴關系相互鏈接：開始到開始，開始到結束，結束到開始以及端到端。可以通過拖放操作來移動，調整大小和互連任務。

帶有“材質”外觀的基本React Gantt圖表的示例。

該圖表可以輔以用于顯示項目周期重要日期的垂直標記和工具提示，以提供有關時間軸區域中任務的其他信息。

雙擊任務時，右側邊欄出現，并且包含用于填寫所有任務詳細信息（例如任務名稱，描述，類型，開始和結束日期，持續時間和任務關系）的編輯表單。此外，還有一個滑塊，用于設置任務的進度級別（以百分比為單位）。

所有甘特元素都可以完全自定義。可以根據需要調整網格，時間軸的配置和編輯表單。任務欄可以包含任何自定義HTML內容。

您可以在沒有網格的情況下或在只讀模式下渲染甘特圖，也可以在一頁上添加多個甘特圖。

現場演示

我們已經準備了現場演示，涵蓋了React Gantt，Svelte Gantt和Vue.js Gantt的所有新發布的功能。此外，還有將甘特圖與Node.js和Go后端結合使用的示例。

使用Gantt開始工作從未如此簡單。只需通過npm安裝免費試用版，然后開始在項目中實施甘特圖。

我們期待您的反饋！

關產品推薦：

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

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

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

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

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