想实现一个网络数据拓扑图(如下图,随便找的一个),并且实现动态的数据流向,例如从员工终端A到交换机B再到交换A,类似lines的特效线。
问题在于,目前节点数据是个动态的(最高可能两千个节点),如何确定xy的位置是个问题,如果不用xy,直接使用graph的力引导,但是好像实现不了动态数据流向。
或者有其他的工具可以实现这种需求吗,看过d3,但是没用过
也看到了一个连接线工具,可以实现动态流向,但是是基于dom连接,但是这种比echarts好像更麻烦。
想实现一个网络数据拓扑图(如下图,随便找的一个),并且实现动态的数据流向,例如从员工终端A到交换机B再到交换A,类似lines的特效线。
问题在于,目前节点数据是个动态的(最高可能两千个节点),如何确定xy的位置是个问题,如果不用xy,直接使用graph的力引导,但是好像实现不了动态数据流向。
或者有其他的工具可以实现这种需求吗,看过d3,但是没用过
也看到了一个连接线工具,可以实现动态流向,但是是基于dom连接,但是这种比echarts好像更麻烦。
8 回答4.8k 阅读✓ 已解决
6 回答3.6k 阅读✓ 已解决
5 回答2.9k 阅读✓ 已解决
6 回答2.5k 阅读
5 回答6.4k 阅读✓ 已解决
4 回答2.3k 阅读✓ 已解决
4 回答2.8k 阅读✓ 已解决
最近也在做类似效果,最后选择了cytoscape.js,可以参考一下https://js.cytoscape.org/