美文网首页
network graph 组件 v-network-graph

network graph 组件 v-network-graph

作者: alue | 来源:发表于2022-08-26 23:06 被阅读0次

之前推荐过 cytoscape.js 来做网络节点可视化。如果打算用Vue3技术栈来开发的话,这里推荐另一个组件 v-network-graph, 这是去年底才新发布的组件,它能够为节点可视化提供开箱即用的交互特性,开发者只用将精力放在数据上面即可。

常见的特性,例如布局、外观自定义、事件处理、最短路径、节点/边增删、拖拽,都能够通过简单的配置完成。

v-network-graph 相比于 cytoscape.js,有三点好处:

  1. 声明式的语法,上手简单。
  2. 提供了vue3支持,开箱即用,省却了适配的过程,实现相同功能,代码量更加精简。
  3. 文档友好,每种案例都提供了demo和详细代码。

缺点如下:

  1. 基于SVG,不适合节点个数大于500的场景;
  2. 没有复合节点(compound nodes);
  3. api的丰富性略低于cytoscape.js.

相关文章

网友评论

      本文标题:network graph 组件 v-network-graph

      本文链接:https://www.haomeiwen.com/subject/eypxnrtx.html