一起来了解React的四种优秀甘特图方案(下篇)
接上篇!!!
3. DHTMLX Gantt(https://dhtmlx.com/docs/products/dhtmlxGantt/)
作為一款功能齊全的甘特圖工具,DHTMLX Gantt能夠?qū)崿F(xiàn)跨瀏覽器和平臺的應(yīng)用。它能夠完全自定義各種圖表,其靈活的API也能夠方便每個(gè)元素的配置。您可以自定義從任務(wù)欄到網(wǎng)格結(jié)構(gòu)的所有內(nèi)容。使用其縮放功能,以及在月、日和小時(shí)之間靈活的切換,您可以更專注于項(xiàng)目的某個(gè)特定部分。鑒于基線對于確保按時(shí)完成任務(wù)的重要性,您可以使用自定義基線,來標(biāo)記項(xiàng)目的初始計(jì)劃,并將其與項(xiàng)目的當(dāng)前狀態(tài)進(jìn)行比較。同時(shí),它的自動(dòng)計(jì)劃功能,可以讓您避免手動(dòng)進(jìn)行更改,而將所有需要的更改都自動(dòng)應(yīng)用于計(jì)劃之中。當(dāng)然,如果任務(wù)的結(jié)束日期需要跟蹤變更的話,那么此功能也會(huì)更新任務(wù)的開始日期。DHTMLX Gantt的資源分配功能可以讓用戶實(shí)施各種高級管理功能。您可以在資源使用圖、直方圖和資源日歷的幫助下,為各項(xiàng)任務(wù)合理地分配資源,并跟蹤其工作負(fù)荷。上文提到的關(guān)鍵路徑方法,不但可以顯著地簡化項(xiàng)目工作,也可以定義確定項(xiàng)目總體工期的任務(wù)順序。對此,您可能需要添加一些自定義的內(nèi)容。例如:通過一個(gè)S曲線來顯示項(xiàng)目的進(jìn)度。除了可以在React項(xiàng)目中使用甘特圖之外,您還可以通過該工具,從與Vue.js、Angular、jQuery、Laravel、Node.js、以及ASP.NET等服務(wù)器端技術(shù)的集成中受益。目前,DHTMLX Gantt還在持續(xù)迭代改進(jìn)中,其功能也會(huì)越來越豐富。如果您想了解更多其相關(guān)信息的話,請?jiān)L問該項(xiàng)目的主頁,以及它在GitHub上的demo(https://github.com/DHTMLX/react-gantt-demo)。
4. React Gantt by Bryntum(https://www.react-gantt.com/)
該React甘特圖工具由Bryntum公司開發(fā)。該公司以高質(zhì)量的Ext JS框架插件而聞名。其調(diào)度引擎是從頭開始構(gòu)建的,具有出色的性能,被稱為Chronograph。而它的異步重調(diào)度功能則可以處理任意數(shù)量的任務(wù)。在移動(dòng)了任務(wù)之后,Bryntum會(huì)將生成的變更集放到適當(dāng)?shù)奈恢?#xff0c;以便用戶跟蹤某個(gè)變更是如何輕松地影響到其他變更的。目前,Bryntum的開發(fā)人員已經(jīng)實(shí)現(xiàn)了,用戶在可能進(jìn)行有效項(xiàng)目管理過程中的所有功能。其中包括:通過拖放支持,允許用戶使用鼠標(biāo)或觸摸設(shè)備,來創(chuàng)建、調(diào)整任務(wù)窗口的大小;以及以編程的方式,驗(yàn)證編輯動(dòng)作,以避免可能出現(xiàn)的錯(cuò)誤,并確保提供信息的準(zhǔn)確性。而可定制的工具提示則允許用戶使用HTML定義,獲悉特定任務(wù)的額外詳細(xì)信息。另外,Bryntum內(nèi)置的可自定義上下文菜單,將有助于實(shí)現(xiàn)企業(yè)所需的某些特定功能。當(dāng)然,您也可以在任何條件下,過濾出可用的任務(wù),并更改其顯示的比例。與前面提到的工具類似,Bryntum也提供了關(guān)鍵路徑的計(jì)算。您可以使用其提前(leads)和滯后(lags)功能,來靈活地管理項(xiàng)目過程,并在任務(wù)之間創(chuàng)建各種類型的依賴關(guān)系(如:FF、FS、SF、以及SS等)。通過該工具,您可以只需使用普通CSS,即可輕松地設(shè)置所有元素的樣式,自定義行高,動(dòng)態(tài)更改自定義模板,以及設(shè)置每個(gè)時(shí)間線元素的呈現(xiàn)。另外,通過使用PHP、Java、ASP.NET、以及其他技術(shù),開發(fā)人員還能夠?qū)崿F(xiàn)一些服務(wù)器與數(shù)據(jù)庫的集成功能。
最后,小編分類整理了許多java進(jìn)階學(xué)習(xí)材料和BAT面試給熱愛IT行業(yè)的你,如果需要資料的請轉(zhuǎn)發(fā)此文章后再私聊小編回復(fù)【java】就能領(lǐng)取2019年java進(jìn)階學(xué)習(xí)資料和BAT面試題以及《Effective Java》(第3版)電子版書籍。也可以加群:712263501領(lǐng)取海量學(xué)習(xí)資料進(jìn)行學(xué)習(xí)。
總結(jié)
以上是生活随笔為你收集整理的一起来了解React的四种优秀甘特图方案(下篇)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 不孕不育能否治愈
- 下一篇: 吹风机到底对头发影响大不大啊?[已扎口]