甘特图的另一个实现思路

孤狼 · 2024-12-12 11:10 上传

本帖最后由 vickdracula 于 2024-12-12 11:11 编辑

在被甘特图插件无情的折磨后，我一个低代码开发者决定速成JS面向百度编程寻找新的甘特图解决思路。

先说现在的插件的主要问题，优点不说了大家都清楚。
1.数据较多时加载缓慢
2.任务层级多时调整日期后计算缓慢，很多时候会卡死。
3.莫名其妙的出现日期是1900-01-01的BUG（深度应用的人都懂）

通过JS实现甘特图比较推荐的方式包括
1.jQueryGantt
这个是不是很眼熟，这个其实就是活字格里的插件，内容见附件，当个知识的搬运工收点运费

。
这个新版目前刷新效率很快，只是目前缺乏学习资料，改进起来还是有点吃力，所以先放这有空再研究。

image.png984591674.png

2.dhtmlxGantt
这个就有点意思了，官方资料很完整，有点编程基础的都能看懂。
优点：资料完整 https://docs.dhtmlx.com/gantt/index.html
加载速度，自定义列都一流。
缺点：如果设置任务关系后，如结束-开始然后想自动计算任务时间，这个功能是收费的而且不便宜
没有官方插件里实际开始结束时间的绘制，不适合任务的总结与汇报。（这个功能可以实现）

image.png258708495.png

-----------------------------------------------------------------------------------------------------------------------------------------------------------------
如果只有个图是不是不过瘾啊。
dhtmlxGantt 能比较友好的集成在活字格中，上图上附件。
image.png876672973.png