D3.js 力图中的意外重叠

D3.js 力图中的意外重叠,d3.js,d3-force-directed,D3.js,D3 Force Directed,我们的部队模拟,得到了一些意想不到的交叉边数量。绿色顶点在坐标系中为0,0(节点也固定在该点上) this.simulation=forceSimulation(this.nodes); 这是模拟 .武力( “链接”, forceLink(this.links).id((d)=>d.id), ) .force('charge',forceManyBody().强度(-1500)) .force('x',forceX()) .force('y',forceY()); 有没有人有办法减少重叠边的数

我们的部队模拟,得到了一些意想不到的交叉边数量。绿色顶点在坐标系中为0,0(节点也固定在该点上)

this.simulation=forceSimulation(this.nodes);
这是模拟
.武力(
“链接”,
forceLink(this.links).id((d)=>d.id),
)
.force('charge',forceManyBody().强度(-1500))
.force('x',forceX())
.force('y',forceY());
有没有人有办法减少重叠边的数量


D3力布局无法根据定义确保非交叉连接。你可以尝试谷歌的另一种图形布局或开发自己的。。。
this.simulation = forceSimulation(this.nodes);
this.simulation
  .force(
    'link',
    forceLink<NodeData, LinkData>(this.links).id((d) => d.id),
  )
  .force('charge', forceManyBody().strength(-1500))
  .force('x', forceX())
  .force('y', forceY());