企业开发之前端甘特图组件推荐（js甘特图插件）

在进行企业管理类系统开发时，针对 部门排班展示、生产计划进度图、工作进度等需求，我们一般会使用甘特图来进行可视化展示，本文针对上述需求，推荐3款开源的Vue 甘特图组件，以帮助大家快速开发此类应用。

1、 gantt-elastic

github地址：
https://github.com/neuronetio/gantt-elastic

gantt-elastic是一款国外的响应式、可编辑的甘特图组件。该组件支持缩放、任务关联、实时添加等特性。界面美观大方，流畅性也不错。任务可使用json进行加载，很容易集成到自己的系统中。

下边是一个动态演示：

2、 vue-gantt-chart

github地址：
https://github.com/w1301625107/Vue-Gantt-chart

这是一款我们国人开发的基于 Vue 实现了 gantt-like 图表。文档都是中文编写，使用门槛更低。主要特性有：虚拟列表，快速渲染可视区域，支持大量数据渲染；可变时间轴，1 分钟，2 分钟，3 分钟，4 分钟~~~到一天；可变单元格；标记线；支持自定义描述和容器块。

官网的demo使用两个甘特图实现了一个铁路的行程表demo,我们看一下动态演示：

3、 wl-gantt

github地址：
https://github.com/hql7/wl-gantt

另一款国人开发的甘特图组件，如果你觉得前两款组件功能太多复杂，想要一款简单，定制化更强的组件，可以考虑这款。

上述3款组件大家可根据项目实际需求进行选择，代码都在github开源，可以进行二次开发以满足我们的个性化需求。