超全的网络拓扑技术调研汇总

超全的网络拓扑技术调研汇总

结合上篇 网络拓扑 le5le-topology & draw.io技术差异及研发方案对比汇总 闲暇之余又看了一写其他的开源框架，总之各有所长。以下是个人对其总结的一些优缺点，个人见解 如有不足及错误引导，欢迎各位指正留言。

1、Hightopo
官网地址 http://www.hightopo.com/demos/cn-index.html
效果：

优点：
可用于快速创建和部署，高度可定制化，并具有强大交互功能的拓扑图形及表盘图表等应用。 适用于实时监控系统的界面呈现，广泛应用于电信网络拓扑和设备管理，以及电力、燃气等工 业自动化领域。提供完整的基于 HTML5 图形界面组件库。可以构建现代化的，跨桌面和 移 动终端的企业应用。

缺点：
贵，死贵。
通过电话沟通单项目（一个页面算一个项目）收费6万，单产品（一套产品不限制数量 ）收费20万，授权后可对实现效果技术支持。
2D效果支持拖拽编辑等功能。
3D 效果不支持拖拽编辑等功能。

2、jTopo
官网地址：http://www.jtopo.com/index.html
效果：

优点：
jTopo完全基于HTML5 Canvas的关系、拓扑图形化界面开发工具包。
免费、轻量。
功能齐全。
缺点：
停更，官网最后一个更新是2014年。
展示效果需优化。
没有Vue npm在线资源，需要引入离线包（已解决）。

3、vis.js
官网地址：https://visjs.org/
效果：

优点：
轻量、免费。
容易上手。
简单的echarts。
缺点：
只能通过事件添加，不能直接通过拖拽添加节点。
需要通过调试窗口操作节点，操作比较繁琐。

4、jointjs（功能类似 le5le-topology 点击查看 ）。

官网地址：https://www.jointjs.com/pricing
效果：

优点：
功能较完善。
内置UI效果。
可定制开发。
缺点：
收费。标准1500欧元，高级2500欧元。
配置复杂，文档需翻墙。

5、jsplum.js
官网地址：https://jsplumbtoolkit.com
效果：

优点：
官方兼容Vue2.0.
功能较完善。
社区活跃。
可快速搭建本地demo。
缺点：
有开源版本和收费版本，开源版本功能基本满足当前需求。

总结：
1、Hightopo功能完善，效果绚丽，但收费标准较高。
2、le5le-topology 虽然是个人开源但有大厂技术骨干支撑，功能相对符合，也利于二次开发。
3、jTopo 功能虽能满足需求但UI效果需要单独更改源码，且14年就停止更新了。
4、vis.js 功能类似echarts,但是比echarts多了拖拽功能（拖拽需要单独调试窗口）。
5、jointjs 这个框架起始就是增强版的第二个（le5le-topology也是参照这个自己开源的），功能大部分一样。但这个收费（1.1万-2万）每年。
6、jsplum分开源版 和收费版，开源版本功能就能满足基本需求使用，支持Vue开发

以上就是关于前端绘制网络拓扑相关开源框架总结分析，仅供参考 欢迎留言评论