vickdracula 发表于 2021-9-8 09:55:51

甘特图的另一个实现思路

本帖最后由 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)方法与活字格的服务端命令进行交互

下图见页面加载命令


以上是核心内容,未完待续......

Tom猫 发表于 2021-9-10 17:01:11

甘特图使用场景挺多的:hjyzw:

vickdracula 发表于 2021-9-8 09:57:00

能先给点金币不,最近想换点礼物送老婆过生日。:lol

lovert 发表于 2021-9-8 10:27:27

vickdracula 发表于 2021-9-8 09:57
能先给点金币不,最近想换点礼物送老婆过生日。

这点金币也换不了好礼物啊

vickdracula 发表于 2021-9-8 11:15:09

lovert 发表于 2021-9-8 10:27
这点金币也换不了好礼物啊

各位多下点附件,我就够了:lol

夏雪冬阳 发表于 2021-9-8 22:57:11

全英文网站完全懵逼

vickdracula 发表于 2021-9-9 08:53:48

夏雪冬阳 发表于 2021-9-8 22:57
全英文网站完全懵逼

翻译软件啊哥们

dystar001 发表于 2021-9-9 12:24:54

牛X

hcy984 发表于 2021-9-10 09:46:39

楼主做个树型结构的插件:)

vickdracula 发表于 2021-9-10 13:56:04

hcy984 发表于 2021-9-10 09:46
楼主做个树型结构的插件

??

137294886 发表于 2021-9-10 16:01:14

:i0tw:
页: [1] 2 3
查看完整版本: 甘特图的另一个实现思路