甘特图的另一个实现思路
本帖最后由 vickdracula 于 2021-9-15 17:19 编辑在被甘特图插件无情的折磨后,我一个低代码开发者决定速成JS面向百度编程寻找新的甘特图解决思路。
先说现在的插件的主要问题,优点不说了大家都清楚。
1.数据较多时加载缓慢
2.任务层级多时调整日期后计算缓慢,很多时候会卡死。
3.莫名其妙的出现日期是1900-01-01的BUG(深度应用的人都懂)
通过JS实现甘特图比较推荐的方式包括
1.jQueryGantt
这个是不是很眼熟,这个其实就是活字格里的插件,内容见附件,当个知识的搬运工收点运费:lol。
这个新版目前刷新效率很快,只是目前缺乏学习资料,改进起来还是有点吃力,所以先放这有空再研究。
2.dhtmlxGantt
这个就有点意思了,官方资料很完整,有点编程基础的都能看懂。
优点:资料完整 https://docs.dhtmlx.com/gantt/index.html
加载速度,自定义列都一流。
缺点:如果设置任务关系后,如 结束-开始 然后想自动计算任务时间,这个功能是收费的而且不便宜
没有官方插件里实际开始结束时间的绘制,不适合任务的总结与汇报。(这个功能可以实现)
-----------------------------------------------------------------------------------------------------------------------------------------------------------------
如果只有个图是不是不过瘾啊。
dhtmlxGantt 能比较友好的集成在活字格中,上图上附件。
简单介绍下实现的过程
1.数据库,gannt_tasks储存任务基本信息 gannt_links储存任务之间 的关系
我这里加了一个项目名称模拟多项目时的状态。
详细内容看官方文档吧
2.引用JS CSS
3.JAVA Script 实现甘特图数据的CRUD。
通过gantt.load
gantt.createDataProcessor(function(entity, action, data, id)方法与活字格的服务端命令进行交互
下图见页面加载命令
以上是核心内容,未完待续......
甘特图使用场景挺多的:hjyzw: 能先给点金币不,最近想换点礼物送老婆过生日。:lol vickdracula 发表于 2021-9-8 09:57
能先给点金币不,最近想换点礼物送老婆过生日。
这点金币也换不了好礼物啊 lovert 发表于 2021-9-8 10:27
这点金币也换不了好礼物啊
各位多下点附件,我就够了:lol 全英文网站完全懵逼 夏雪冬阳 发表于 2021-9-8 22:57
全英文网站完全懵逼
翻译软件啊哥们 牛X 楼主做个树型结构的插件:) hcy984 发表于 2021-9-10 09:46
楼主做个树型结构的插件
?? :i0tw: