相关疑难解决方法(0)

如何设置与d3 v4的固定链接距离

所有API示例似乎仍然适用于v3.我试图了解如何使用固定距离的链接创建力图,如:http: //bl.ocks.org/d3noob/5141278

我查看了link_distance但不确定如何应用它:https: //github.com/d3/d3-force/blob/master/README.md#link_distance

创建这样的图形:

  let simulation = d3.forceSimulation()
      .force("link", d3.forceLink().id(function(d) { return d.id; }))
      .force("charge", d3.forceManyBody().strength(-150))
      .force("center", d3.forceCenter(width / 2, height / 2));
Run Code Online (Sandbox Code Playgroud)

我尝试过各种类似的组合:

  // .force("link", d3.forceLink().distance(20).strength(1))
  // .force("linkDistance", 20)
  // .force("link", d3.forceLink().id(function(d) { return d.id; }))
Run Code Online (Sandbox Code Playgroud)

但没有运气!

所以似乎link_distance无法修复?它是力量和(距离,无论是什么)的结果

那么如何在d3 v4中申请strengthdistance链接?是应用于模拟还是其他什么?

javascript graph d3.js

14
推荐指数
1
解决办法
8029
查看次数

标签 统计

d3.js ×1

graph ×1

javascript ×1