如今，軟件市場(chǎng)為任何復(fù)雜程度的項(xiàng)目提供了各種現(xiàn)成的計(jì)劃和調(diào)度工具，但這些解決方案可能包含過多的功能或缺乏一些必要的功能。這就是為什么許多公司更愿意投資開發(fā)基于網(wǎng)絡(luò)的定制解決方案的原因。這并不奇怪，因?yàn)橛写罅壳也粩嘣鲩L(zhǎng)的高級(jí) JavaScript 庫和框架允許 Web 開發(fā)人員構(gòu)建功能豐富的應(yīng)用程序，以精確滿足任何給定項(xiàng)目的所有需求。
在本文中，我們將考慮用于基于 Vue 的應(yīng)用程序的前 5 個(gè)甘特庫。甘特圖可以說是各行各業(yè)中最流行的項(xiàng)目管理工具之一，而 Vue.js 是一個(gè)輕量級(jí)且易于使用的 JavaScript 框架，自 2014 年推出以來就廣受歡迎。庫，我們將特別關(guān)注以下方面：關(guān)鍵功能能力、文檔完整性、演示材料的可用性和許可選項(xiàng)。
DHTMLX 甘特圖
DHTMLX Gantt是一個(gè)綜合性 JavaScript 庫，在過去十年中被 Web 開發(fā)人員廣泛用于在項(xiàng)目管理應(yīng)用程序中實(shí)現(xiàn)甘特圖功能。使用這個(gè)完全可配置的甘特圖組件，開發(fā)人員可以提供有效的解決方案來管理基于流行框架和不同服務(wù)器端技術(shù)的項(xiàng)目中的任務(wù)及其依賴項(xiàng)。
由于這個(gè)閃電般快速的庫的高性能，它可以輕松地處理包含數(shù)萬個(gè)任務(wù)的甘特圖。最終用戶可以在拖放和內(nèi)聯(lián)編輯的幫助下，通過用戶友好的 UI 輕松修改所有任務(wù)詳細(xì)信息并確定任務(wù)優(yōu)先級(jí)。完全可定制的甘特組件提供了一個(gè)強(qiáng)大的 API，使您能夠更改特定元素或整個(gè)甘特圖的外觀和感覺。
您的項(xiàng)目需要更多功能嗎？這是一個(gè)解決方案 -具有額外功能的PRO 版。您可以通過關(guān)鍵路徑方法堅(jiān)持項(xiàng)目期限，通過資源負(fù)載圖和直方圖實(shí)現(xiàn)更均衡的資源分配，并通過組合多個(gè)工作日歷來優(yōu)化資源的使用。操作項(xiàng)目任務(wù)的更多選項(xiàng)：將一個(gè)大任務(wù)分成幾個(gè)子任務(wù)，應(yīng)用任務(wù)約束，甚至自動(dòng)安排整個(gè)項(xiàng)目。
DHTMLX 甘特圖有靈活的時(shí)間格式：任何格式的任務(wù)持續(xù)時(shí)間（包括小數(shù)）和時(shí)間單位的即時(shí)轉(zhuǎn)換（從天到小時(shí)，從小時(shí)到分鐘等）。此外，您可以利用 MS Project 的格式（例如 1F+2d）來設(shè)置任務(wù)之間的依賴關(guān)系。
最重要的是，DHTMLX 提供了一個(gè)復(fù)雜的Node.js 模塊，允許在服務(wù)器端使用其甘特組件的高級(jí)算法。該模塊使甘特圖能夠在不同來源或多個(gè)用戶同時(shí)更改項(xiàng)目任務(wù)時(shí)執(zhí)行進(jìn)度分析并自動(dòng)更新其進(jìn)度。
訪問DHTMLX GitHub 頁面下載 Vue 甘特圖組件的演示。DHTMLX 甘特圖在基于 Vue 的應(yīng)用程序中的實(shí)際實(shí)現(xiàn)通過包括分步指南在內(nèi)的端到端文檔的可用性顯著簡(jiǎn)化。DHTMLX 團(tuán)隊(duì)還提供了有關(guān)此事的視頻教程。
DHTMLX 的產(chǎn)品組合還包括一個(gè)用純 Vue.js 編寫的甘特圖庫。它可以更快地集成到基于 Vue 的項(xiàng)目管理應(yīng)用程序中。這個(gè)Vue Gantt庫具有核心功能，可通過完全可定制和可編輯的甘特圖方便地管理任何規(guī)模項(xiàng)目中的任務(wù)。此甘特圖組件的關(guān)鍵特征是其反應(yīng)性。它確保沿時(shí)間線的任何編輯更改或任務(wù)操作都可以毫無延遲地呈現(xiàn)。
根據(jù)給定項(xiàng)目的需求（可用功能、更新、客戶支持），DHTMLX 在GNU GPL v2許可和商業(yè)許可選項(xiàng)下提供其 Gantt 組件的免費(fèi)版本，價(jià)格從 699 美元到 2,999 美元不等?？偠灾瑢?duì)于正在尋找具有最佳價(jià)格/質(zhì)量比的產(chǎn)品的開發(fā)人員來說，DHTMLX 甘特圖是真正的交易。
甘特圖
十多年來，瑞典公司 Bryntum 一直在為 Ext JS、開發(fā)工具和 UI 組件開發(fā)高質(zhì)量的 JavaScript 解決方案，包括高性能和多功能的Bryntum 甘特圖。Gantt 組件是在先進(jìn)的 Web 技術(shù)的幫助下用 ES 2020 編寫的。因此，該工具可以無縫集成到任何基于 Vue.js 或其他流行框架的項(xiàng)目管理應(yīng)用程序中。
該產(chǎn)品提供了廣泛的功能，旨在促進(jìn)和改進(jìn)處理項(xiàng)目任務(wù)的過程，包括拖放支持、各種類型的任務(wù)約束和依賴關(guān)系、資源分配等等。Bryntum 甘特圖豐富的圖形用戶界面、各種自定義選項(xiàng)和無限的樣式可能性保證它可以根據(jù)任何項(xiàng)目的要求進(jìn)行視覺調(diào)整。其他一些有用的添加項(xiàng)，例如關(guān)鍵路徑、項(xiàng)目線、基線、進(jìn)度線、任務(wù)標(biāo)簽，有助于正確跟蹤項(xiàng)目進(jìn)展，而不會(huì)遺漏任何重要事件。
但這個(gè)甘特組件最奇特的功能之一是其令人印象深刻的性能。這要?dú)w功于使用名為Chronograph的反應(yīng)式計(jì)算引擎。該技術(shù)為甘特圖的業(yè)務(wù)邏輯提供支持，確保高渲染速度并支持具有任意數(shù)量任務(wù)的復(fù)雜項(xiàng)目。此外，在對(duì)項(xiàng)目進(jìn)行任何調(diào)整后，引擎還提供快速、異步的重新安排。
Bryntum 提供的文檔將為 Web 開發(fā)人員提供有關(guān)如何在 Vue 中使用 Bryntum Gantt 的基本信息。要了解 Bryntum Gantt 在實(shí)踐中是如何工作的，請(qǐng)查看這個(gè)不錯(cuò)的現(xiàn)場(chǎng)演示。
Bryntum Gantt 是一種具有豐富功能集的高級(jí)工具，但有興趣購買該產(chǎn)品的公司或個(gè)人開發(fā)人員可能會(huì)因其昂貴的價(jià)格而望而卻步，因?yàn)榧词故欠巧虡I(yè)用途的價(jià)格也從每位開發(fā)人員 1,300 美元起。如果高價(jià)不是問題，請(qǐng)查看此頁面以了解有關(guān)可用許可選項(xiàng)和價(jià)格的更多詳細(xì)信息。
甘特圖超級(jí)庫
DlhSoft使用純 JavaScript開發(fā)了甘特圖超級(jí)庫，這就是為什么這個(gè)功能豐富的組件可以輕松兼容流行的 JS 框架，例如 Vue。該庫允許您在基于 Vue 的應(yīng)用程序中輕松添加具有可拖動(dòng)條、可自定義網(wǎng)格列和依賴線的美觀和交互式甘特圖。
使用此 DlhSoft 產(chǎn)品，開發(fā)人員可以實(shí)現(xiàn)各種有用的功能，例如自動(dòng)調(diào)度、關(guān)鍵路徑、基線、資源平衡，以優(yōu)化甘特圖中項(xiàng)目數(shù)據(jù)的工作。甘特圖時(shí)間線上顯示的所有元素（任務(wù)、里程碑等）的外觀都可以在 CSS 類和自定義模板的幫助下進(jìn)行自定義。開發(fā)人員還可以利用眾多配置選項(xiàng)來安排時(shí)間線持續(xù)時(shí)間和縮放級(jí)別、工作和非工作時(shí)間、比例等。網(wǎng)格單元編輯器可用于更改日期和時(shí)間格式或選擇行為。即使項(xiàng)目包含數(shù)千個(gè)任務(wù)，此甘特圖組件也能保持高性能和高響應(yīng)性。最棒的是，甘特圖超級(jí)庫可以與其他組件集成，例如負(fù)載圖、PERT 圖表、
如果您想了解有關(guān)此甘特圖組件功能的更多信息，請(qǐng)查看此演示。當(dāng)談到在 Vue 應(yīng)用程序中實(shí)現(xiàn) DlhSoft Gantt 庫時(shí)，開發(fā)人員可以使用這個(gè)有用的 Vue教程。
如果您確定此甘特圖組件是您項(xiàng)目的正確解決方案，那么您可以考慮使用不同定價(jià)選項(xiàng)的多個(gè)許可證，從 358 美元到 3,795 美元不等。
Syncfusion 的 Vue 甘特圖
由Syncfusion開發(fā)，這個(gè) Vue 甘特圖已經(jīng)成為任何基于 Vue 的項(xiàng)目管理應(yīng)用程序的一個(gè)很好的補(bǔ)充。它使開發(fā)人員能夠提供隨時(shí)間安排的項(xiàng)目任務(wù)的結(jié)構(gòu)良好的可視化，引入必要的更新，并監(jiān)控項(xiàng)目實(shí)施的所有階段。使用直觀的甘特圖 UI，可以通過編輯、拖動(dòng)和調(diào)整大小方便地處理任務(wù)及其依賴項(xiàng)，以及項(xiàng)目中涉及的資源。
可以使用相應(yīng)的模式手動(dòng)或自動(dòng)安排所有項(xiàng)目任務(wù)。Vue 甘特圖還允許使用在計(jì)劃階段未收到開始/結(jié)束日期的計(jì)劃外任務(wù)，但如有必要，可以在項(xiàng)目進(jìn)行時(shí)的任何時(shí)候正確安排它們。開發(fā)人員還可以實(shí)現(xiàn)事件或數(shù)據(jù)標(biāo)記、假期、工具提示、對(duì)特定任務(wù)的自動(dòng)關(guān)注，以使甘特時(shí)間線更具信息性和可理解性。基線和關(guān)鍵路徑也可用于增強(qiáng)項(xiàng)目團(tuán)隊(duì)的分析能力。借助模板可以輕松自定義任務(wù)欄的外觀，以便更好地查看項(xiàng)目數(shù)據(jù)。該產(chǎn)品的簡(jiǎn)單靈活的 API 允許開發(fā)人員輕松修改即使是最復(fù)雜的甘特圖功能。
專用于 Syncfusion Gantt 組件的文檔允許 Web 開發(fā)人員學(xué)習(xí)如何創(chuàng)建甘特圖并將其功能應(yīng)用到 Web 應(yīng)用程序中。所有文檔都包含代碼片段和預(yù)覽。如果您想更深入地了解甘特圖組件的功能，請(qǐng)查看這些演示。
Syncfusion Vue Gantt 僅在 JS 包中與 60 多個(gè) UI 組件一起提供，價(jià)格從每位開發(fā)人員 995 美元起。
GSTC
gantt-schedule-timeline-calendar ( GSTC ) 是一個(gè)用 TypeScript 編寫的一體化 JavaScript 組件。GSTC 允許開發(fā)人員不僅使用用于規(guī)劃和管理任務(wù)的甘特圖功能來豐富基于 Vue 的應(yīng)用程序，而且正如其名稱所暗示的那樣，還使用其他有用的工具：預(yù)訂系統(tǒng)的時(shí)間表、組織活動(dòng)的時(shí)間表或日歷不同的使用場(chǎng)景。它可以輕松地與最流行的 JavaScript 框架和第三方庫集成。
該產(chǎn)品的各種可用功能幾乎無法給您留下深刻印象，因?yàn)樗臉?biāo)準(zhǔn)功能集非?；A(chǔ)。它支持樹狀結(jié)構(gòu)、可移動(dòng)/可調(diào)整大小的項(xiàng)目、可選項(xiàng)目、行和網(wǎng)格單元、可調(diào)整大小的列表列等。乍一看似乎沒有那么多，對(duì)吧？但是，GSTC 具有極強(qiáng)的可擴(kuò)展性，其基本功能可以借助自定義插件進(jìn)行擴(kuò)展。該技術(shù)具有高度可配置性，這意味著您可以在需要時(shí)以多種方式快速重新安排其結(jié)構(gòu)。此外，還可以設(shè)置所有 HTML 元素的樣式。此外，GSTC 即使在處理大型數(shù)據(jù)集的情況下也能提供不錯(cuò)的性能。
查看GitHub 上GSTC Vue 版本的頁面，了解如何將其輕松添加到您的應(yīng)用程序中。
GSTC 在AGPL-3.0 許可下可用，因此您的項(xiàng)目必須與 AGPL-3.0 兼容才能使用此組件。
