graph 前端网络结构、关系图的插件
创始人
2024-04-20 14:21:10
0

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

相关内容

热门资讯

银河麒麟V10SP1高级服务器... 银河麒麟高级服务器操作系统简介: 银河麒麟高级服务器操作系统V10是针对企业级关键业务...
【NI Multisim 14...   目录 序言 一、工具栏 🍊1.“标准”工具栏 🍊 2.视图工具...
AWSECS:访问外部网络时出... 如果您在AWS ECS中部署了应用程序,并且该应用程序需要访问外部网络,但是无法正常访问,可能是因为...
不能访问光猫的的管理页面 光猫是现代家庭宽带网络的重要组成部分,它可以提供高速稳定的网络连接。但是,有时候我们会遇到不能访问光...
AWSElasticBeans... 在Dockerfile中手动配置nginx反向代理。例如,在Dockerfile中添加以下代码:FR...
Android|无法访问或保存... 这个问题可能是由于权限设置不正确导致的。您需要在应用程序清单文件中添加以下代码来请求适当的权限:此外...
月入8000+的steam搬砖... 大家好,我是阿阳 今天要给大家介绍的是 steam 游戏搬砖项目,目前...
​ToDesk 远程工具安装及... 目录 前言 ToDesk 优势 ToDesk 下载安装 ToDesk 功能展示 文件传输 设备链接 ...
北信源内网安全管理卸载 北信源内网安全管理是一款网络安全管理软件,主要用于保护内网安全。在日常使用过程中,卸载该软件是一种常...
AWS管理控制台菜单和权限 要在AWS管理控制台中创建菜单和权限,您可以使用AWS Identity and Access Ma...