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