graph 前端网络结构、关系图的插件,做了几个结构图,用quneejs,因要收费,计划换掉插件。搜到内容在此记录。
个人还是推荐开源的。
下文全部为引用:
开发历程
选型阶段主要是编写一些 Demo 级别的代码,最终采用了三种插件来实现较为完整的功能,分别是 Vis.js,jTopo,和 AntV G6。这三种插件都较好地实现了我需要的功能,但也有一些细微的坑。
第一版是 Vis.js 阶段,花了挺多时间研究文档,功能是实现了,最终考虑到扩展性和颜值,才有了第二版。
第二版是 jTopo 阶段,当时用了很短的时间实现了功能,不过由于官方文档缺失一些内容,以及对功能有一些额外的需求(比如节点上我想绑定对象类型的属性),对着混淆后的“源码”一路摸爬滚打,增删改查,很费心力。针对这个插件的完整 Demo 以及补充文档我开源了一个 GitHub repo,感兴趣的可以查看:jtopo_topology
第三版是 AntV G6 阶段,由蚂蚁金服团队开发的。第一次了解到它是在开源中国上看到了一篇推文,一下子就心动了。当时 G6 处于 1.x 和 2.x 两大版本交替期间,文档是托管在语雀上的,最大的缺点是文档的滞后,加上语雀那个时候还不够完善,阅读体验不是很好,查询起来比较费时。到了 G6 2.x 阶段,对文档比较熟悉了,所以用起来相对得心应手,这个时候最大的瓶颈就是性能问题,所以一直停留在 Demo 阶段。
在今年过年时候,我看到 AntV G6 发布了 3.x 版本,做出了 breaking change,那段时间升级后,基本上是一边找 bug 一边提 issue(这里要感谢 G6 团队,对 issue 的响应和处理非常快 )。这个版本可以说是相对成熟了,不管是功能还是性能,都得到了增强。后来我也开源了一个 GitHub repo,感兴趣的可以查看:cceditor
经过了三次迭代,目前使用的插件是 AntV G6,在一些不需要即时编辑的场景下,我会采用 Echarts 的关系图组件,也相对容易上手。
感受
这两年在各大论坛和交流群,发现图可视化和图编辑器的需求越来越多,也踊跃出很多插件开发者的开源项目,譬如 Le5le-topology,就是一款由个人(小团队)领衔开发的产品化编辑器,之所以说是产品化,因为它集成了很多解决方案,可以说是开箱即用了。相信在可视化这个领域,会不断涌现出优秀的作品,对开发者而言,自然少不了可以借鉴和学习的地方。
————————————————
版权声明:本文为CSDN博主「weixin_39752352」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_39752352/article/details/111751199