遇到一个甘特图的需求,原本打算网上找第三方库使用,但是没有找到合适满足需求并且免费的;
这两个库相对合适,但是只提供基础版免费;
最终还是决定找一个免费版本进行二次开发;目前公司技术展主要vue3,所以最终使用
项目介绍:
先上图:
需求描述:
- 左侧table展示字段信息,可配置
- 右侧展示时间条信息
- 时间条可拖拽:
- 拖拽左右两侧,开始结束时间
- 整个拖拽同时改变开始结束时间
- 右上侧可改变时间展示跨度:日周月季
目前这些需求已经满足工作需求,所以并没有做进一步的扩展,有需要的小伙伴可以自行下载二次开发;
项目开源,github地址如下:
也可以直接下载已发的npm包:
npm i gantt-custom
结语:
前端小伙伴们遇到类似的需求可供参考,如果觉得对你有帮助还请github点个小红心;
项目并不是非常完善,有bug欢迎大家斧正!