甘特圖被用于商業工作中的諸多場景，例如OA中項目進度管理、工廠APS中生產資料和計劃的調度安排、軟件開發中的項目管理等等。今天我推薦的6個網頁版甘特圖組件完全滿足以上需求。

1. AnyGantt

純js甘特圖組件，幾乎與所有腳本語言（ASP，PHP，ColdFusion，Perl等）兼容，使用您喜歡的任何語言來創建數據源并將其傳遞給頁面上的JavaScript代碼，或者僅使用來自服務器的XML / CSV / JSON文件。可在所有設備和瀏覽器上使用——Windows PC、Apple Macs、iPhone、iPad、Android設備，還包括IE 6。

餅圖，條形圖，線形圖，燭臺圖，面積圖，柱形圖，樣條圖，點/標記圖，散點圖，甜甜圈圖，這些功能官方也在定期添加新類型。

2. dhtmlxGantt

dhtmlxGantt圖表組件也是Js開發的，因此支持任意前端開發，提供了對所有主要瀏覽器的支持-Google Chrome，Firefox，Internet Explorer（11 +），Microsoft Edge和Safari。使用我們的在線服務將您的甘特圖導出為PNG、PDF、Excel、iCal或MS Project格式。

3. 

一個開源的、純粹的、簡潔的jquery甘特圖控件，它能夠讀取json數據、對結果進行分頁、為每個任務顯示不同的顏色、顯示簡短的描述作為提示、標記假期、插件經過測試可以在:火狐4+、Chrome 13+、Safari 5+、Opera 9+、IE 8+使用。

這個組件我用過，開發起來極其簡單，內部項目用還是不錯的。

4. jQuery Gantt Package 

與jQuery Gantt Chart不同的是增加了不少的商業應用功能進去，Gantt組件具有針對Angular，Angular JS和Require的特定包裝器、還能構建直觀和專業的MS Project必備功能，交互性有很大的提升。

5. DevExtreme

作為UI控件界扛把子一般的存在，DevExtreme基本上覆蓋了所有場景需求下的界面組件，甘特圖只是其中之一，商用收費自己玩兒免費，大家可以下載體驗一下。當然，DevExtreme也支持各類前端框架。官方demo體驗地址 //js.devexpress.com/

6.  KendoUI

KendoUI是一個純前端組件，完美支持各類前端語言框架，實現效果和DevExtreme不相上下，二選一的話的確讓人為難。不過兩個的商業價格都是勸退級別的，如果沒有特別要求或者是漂亮折扣，建議慎重！

以上6個網頁版本甘特圖就推薦完畢啦，如果需要下載的話點擊文中的組件名稱即可，如果還有我沒有用到過您覺得還不錯的組件，歡迎文末留言！