轉(zhuǎn)帖|使用教程|編輯:鮑佳佳|2021-05-19 10:32:56.430|閱讀 330 次
概述:DHTMLX Gantt在Web開發(fā)人員中贏得了極大的歡迎,這在很大程度上要歸功于它的高級功能,而資源管理就是其中之一。當涉及到有效地實時利用項目資源時,它對于許多項目來說都是至關(guān)重要的功能。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
dhtmlxGantt是用于跨瀏覽器和跨平臺應(yīng)用程序的功能齊全的Gantt圖表。可滿足項目管理應(yīng)用程序的所有需求,是最完善的甘特圖圖表庫。它允許你創(chuàng)建動態(tài)甘特圖,并以一個方便的圖形化方式可視化項目進度。有了dhtmlxGantt,你可以顯示活動之間的依賴關(guān)系,顯示具有完成百分比陰影的當前任務(wù)狀態(tài)以及組織活動到樹結(jié)構(gòu)。
DHTMLX Gantt在Web開發(fā)人員中贏得了極大的歡迎,這在很大程度上要歸功于它的高級功能,而資源管理就是其中之一。當涉及到有效地實時利用項目資源時,它對于許多項目來說都是至關(guān)重要的功能。
那么我們要如何來展示和掌握項目進度呢?
比如我們要做一個薪酬設(shè)計的項目,項目節(jié)點和周期是這樣:
如何更直觀的展示?如果項目開始時間調(diào)整了,后面的項目時間如何動態(tài)調(diào)整?我們可以做成這樣:
這種圖叫做甘特圖,可通過條狀圖來顯示項目、進度和其他時間相關(guān)的系統(tǒng)進展的內(nèi)在關(guān)系隨著時間的進展情況。
從圖中可以看出項目的進展情況和持續(xù)時間,項目的“開始時間”調(diào)整了,工作周期(除最后一項任務(wù)的持續(xù)時間外)和圖表也自動進行變化。
那么,這種動態(tài)的甘特圖該如何去制作呢?其實也很簡單:
第一步:對數(shù)據(jù)源進行處理,項目周期用函數(shù)來控制,這樣可以實現(xiàn):開始時間調(diào)整了,周期天數(shù)自動調(diào)整。
第二步:將開始時間的數(shù)據(jù)格式設(shè)置成:常規(guī),然后選擇數(shù)據(jù),創(chuàng)建堆積條形圖
第三步:選擇縱坐標,設(shè)置坐標軸格式,勾選“逆序類別”;將“開始時間”系統(tǒng)的條形填充和邊框都設(shè)置為無;將橫坐標的最小值改為:任務(wù)1的開始時間,最大值改為:最后一個任務(wù)的開始時間+周期,這里為43933(最大值不設(shè)置也可以)
第四步:將數(shù)據(jù)源的開始時間,改為日期格式。
第五步:調(diào)整配色,美化。成品如下:
轉(zhuǎn)載自:
關(guān)產(chǎn)品推薦:
VARCHART XGantt:支持ActiveX、.Net等平臺的C#甘特圖控件
AnyGantt:構(gòu)建復(fù)雜且內(nèi)容豐富的甘特圖的理想工具
jQuery Gantt Package:基于HTML5 / jQuery的跨平臺jQuery Gantt包
phGantt Time Package:對任務(wù)和時間的分配管理的甘特圖
APS幫助提升企業(yè)生產(chǎn)效率,真正實現(xiàn)生產(chǎn)排程可視化呈現(xiàn)與控制,快速有效響應(yīng)不同場景的生產(chǎn)計劃,提高準時交貨能力,提高產(chǎn)能和資源利用率
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自: