如果一個項目由多個任務組成，而任務之間又有關聯(lián)，我們該怎樣準確的顯示項目整體進度呢?

　　使用甘特圖，應該是最好的方式。甘特圖，不僅能夠讓管理者實時有效的掌握項目進度和資源分配，同時能夠加強過程的可視化管理、人員實時溝通。因此，在企業(yè)項目管理工作中被廣泛應用。

甘特圖效果

　　由于項目管理的工作往往存在時間上的交叉。在項目開始之前，領導都會要求我們先查找可以并行的事項，并將它們安排在一起，以此實現(xiàn)對時間的高效利用。 合理的使用甘特圖，可以把每天的工作安排得當。

　　Excel在2010版本中就已經(jīng)內置了甘特圖類型，SpreadJS， 作為一款高度類似Excel的純前端表格控件，對甘特圖這一特殊圖表同樣提供支持。

　　SpreadJS 是一款基于 HTML5 的純前端電子表格控件，兼容 450 種以上的 Excel 公式，憑借其 “高性能、跨平臺、與 Excel 高度兼容”的產品特性，備受以華為、招商銀行、蘇寧易購、天弘基金等為代表的企業(yè)用戶青睞。

　　用以下兩種方式，即可在使用 SpreadJS 搭建的Web系統(tǒng)中實現(xiàn)甘特圖：

　　方法一：SpreadJS + ECharts 組件，實現(xiàn)甘特圖

　　作為一款前端開發(fā)工具，SpreadJS具備一流的框架支持及二次擴展能力，可以通過集成第三方圖表組件(如ECharts)實現(xiàn)甘特圖，效果如下圖：

在 SpreadJS 的表格UI界面實現(xiàn)甘特圖效果

　　這里的甘特圖是通過SpreadJS的浮動對象來實現(xiàn)的。

　　在 SpreadJS中，你可以給表單添加浮動對象元素，浮動對象元素會覆蓋在單元格的上面顯示，該對象具備強大的框架兼容能力，可采用事件機制實現(xiàn)數(shù)圖聯(lián)動。

　　方法二：自定義 SpreadJS 圖表，實現(xiàn)甘特圖

　　從 SpreadJS V13.0版本開始，通過對其圖表組件自定義，即可快速實現(xiàn)大家所期待的甘特圖：

　　這里的甘特圖是通過SpreadJS的自定義圖表組件功能來實現(xiàn)的。

　　SpreadJS內置了外觀與Excel高度類似的圖表功能，并提供了高度靈活的自定制能力，如可自定義圖表的橫縱坐標軸樣式、圖例、圖表區(qū)樣式、鼠標懸停效果和行為、趨勢線和誤差線等，借助此功能，你能更加簡單和靈活的在SpreadJS中創(chuàng)建一個圖表。

　　當然，通過自定義SpreadJS圖表功能實現(xiàn)的甘特圖同樣支持數(shù)圖聯(lián)動。

　　以上兩種方式，都可以用來在SpreadJS 集成的Web系統(tǒng)中實現(xiàn)甘特圖。對于新接觸 SpreadJS的用戶，建議使用第二種方式，更加簡單、擴展性更強。

　　點擊此處，訪問 SpreadJS 產品官網(wǎng)下載產品，體驗甘特圖、股票圖、散點圖等更多圖表類型。

特別提醒：本網(wǎng)內容轉載自其他媒體，目的在于傳遞更多信息，并不代表本網(wǎng)贊同其觀點。其原創(chuàng)性以及文中陳述文字和內容未經(jīng)本站證實，對本文以及其中全部或者部分內容、文字的真實性、完整性、及時性本站不作任何保證或承諾，并請自行核實相關內容。本站不承擔此類作品侵權行為的直接責任及連帶責任。如若本網(wǎng)有任何內容侵犯您的權益，請及時聯(lián)系我們，本站將會在24小時內處理完畢。