Question

我有一个React应用程序，应该基于搜索词与主题的紧密程度来显示网络图。在挖掘并使用了几种反应绘图工具（react-d3-graph，react-graph-vis和react-sigma）之后，我很难指定节点的位置。我有一个从服务器返回的距离值，该值对应于我希望链接的节点与主节点之间的距离。有没有一种方法可以将节点随机放置在图形上，但边的长度一定？举例来说，我有这个：

nodes: [
     {id: 1, label: 'Home'},
     {id: 2, label: 'Node 2'},  <---this guy has a distance of 1.0
     {id: 3, label: 'Node 3'},  <---this guy has a distance of 1.2      
     {id: 4, label: 'Node 4'},  <---this guy has a distance of 1.7
     {id: 5, label: 'Node 5'}   <---this guy has a distance of 2.1
   ],
 edges: [
     {id: 1, source: 1, target: 2},
     {id: 2, source: 1, target: 3},
     {id: 3, source: 1, target: 4},
     {id: 4, source: 1, target: 5}
   ]

有没有一种方法可以根据distance属性自动生成Node x和y值？我找不到任何可以执行此操作的内容。非常感谢！

根据边缘“距离”长度随机生成网络图x＆y值？

0 个答案: