前端拓扑图插件选型对比
前端生成拓扑图、关系图、流程图的JavaScript插件有很多,各种编辑器五法八门。
本文对比各插件的优缺点,为选型提供一些参考。
一、免费插件
1. jTopo
简介:jTopo(Javascript Topology library)是一款完全基于 HTML5 Canvas 的关系、拓扑图形化界面开发工具包。
背景:个人、国产
官网:http://www.jtopo.com/
示例:https://github.com/wenyuan/jtopo_topology
优点
免费
轻量
无明显性能问题
功能丰富,支持各种自定义操作
国产,文档简单,上手容易
缺点
未开放源代码,如需做功能增强,对着混淆后的 js 代码做修改比较费时间
2015 年就停更了,作者在 2019 年表示正在准备新版本,当前进度未知
有一些 bug(比如自动布局)
不是采用模块化编程的,在现代化框架(比如 vuejs)中使用比较麻烦(但可以实现)
建议
小项目中可以使用,大型项目不建议
新手使用,可以提高自己的 js 功底
2. Vis.js
简介:vis.js 基于 HTML5 Canvas 开发的动态可视化库。该库被设计为易于使用,处理大量的动态数据,并支持对数据的操作和交互。
背景:Al