在进行企业管理类系统开发时,针对 部门排班展示、生产计划进度图、工作进度等需求,我们一般会使用甘特图来进行可视化展示,本文针对上述需求,推荐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开源,可以进行二次开发以满足我们的个性化需求。