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