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