6款javascript甘特图组件体验

甘特图被用于商业工作中的诸多场景，例如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 Gantt Chart

一个开源的、纯粹的、简洁的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体验地址 https://js.devexpress.com/

6.  KendoUI

KendoUI是一个纯前端组件，完美支持各类前端语言框架，实现效果和DevExtreme不相上下，二选一的话的确让人为难。不过两个的商业价格都是劝退级别的，如果没有特别要求或者是漂亮折扣，建议慎重！

以上6个网页版本甘特图就推荐完毕啦，如果你也有比较好的选择，欢迎文末留言！