Javascript 是否可以跳过D3 force布局中的初始转换?

Javascript 是否可以跳过D3 force布局中的初始转换?,javascript,d3.js,Javascript,D3.js,我在这里使用了D3示例部队布局数据: 并将其转移到这个示例: 结果如下: 这很好,但我需要它能够处理数千个节点。我已经用大约3000台进行了测试,它需要好几分钟才能稳定下来。示例如下: 我发现了这个例子以及更多: 但我需要有他们的最终位置,因为我不想在一开始就有任何转变。这可能吗 它们如何定位的代码: function tick(e) { circle .each(gravity(0.2*e.alpha)) .each(collide(.5)) .at

我在这里使用了D3示例部队布局数据:

并将其转移到这个示例:

结果如下:

这很好,但我需要它能够处理数千个节点。我已经用大约3000台进行了测试,它需要好几分钟才能稳定下来。示例如下:

我发现了这个例子以及更多:

但我需要有他们的最终位置,因为我不想在一开始就有任何转变。这可能吗

它们如何定位的代码:

function tick(e) {

  circle
      .each(gravity(0.2*e.alpha))
      .each(collide(.5))
      .attr("cx", function(d) { return d.x; })
      .attr("cy", function(d) { return d.y; });
}

// Move nodes toward cluster focus.
function gravity(alpha) {
  return function(d) { 
    d.y += (d.cy - d.y) * alpha;
    d.x += (d.cx - d.x) * alpha;
  };
}

// Resolve collisions between nodes.
function collide(alpha) {
  var quadtree = d3.geom.quadtree(data.nodes);
  return function(d) {
 // console.log(d.radius)
    var r = d.radius + maxRadius + padding,
        nx1 = d.x - r,
        nx2 = d.x + r,
        ny1 = d.y - r,
        ny2 = d.y + r;
    quadtree.visit(function(quad, x1, y1, x2, y2) {
      if (quad.point && (quad.point !== d)) {
        var x = d.x - quad.point.x,
            y = d.y - quad.point.y,
            l = Math.sqrt(x * x + y * y),
            r = d.radius + quad.point.radius + (d.color !== quad.point.color) * padding;
        if (l < r) {
          l = (l - r) / l * alpha;
          d.x -= x *= l;
          d.y -= y *= l;
          quad.point.x += x;
          quad.point.y += y;
        }
      }
      return x1 > nx2 || x2 < nx1 || y1 > ny2 || y2 < ny1;
    });
  };
}
功能勾选(e){
圆圈
.每个(重力(0.2*e.alpha))
.每个(碰撞(.5))
.attr(“cx”,函数(d){return d.x;})
.attr(“cy”,函数(d){返回d.y;});
}
//将节点移向群集焦点。
函数重力(α){
返回函数(d){
d、 y+=(d.cy-d.y)*α;
d、 x+=(d.cx-d.x)*α;
};
}
//解决节点之间的冲突。
函数碰撞(alpha){
var quadtree=d3.geom.quadtree(data.nodes);
返回函数(d){
//控制台日志(d.radius)
var r=d.半径+最大半径+填充,
nx1=d.x-r,
nx2=d.x+r,
ny1=d.y-r,
ny2=d.y+r;
四叉树访问(函数(四叉树,x1,y1,x2,y2){
if(quad.point&&(quad.point!==d)){
var x=d.x-四点x,
y=d.y-四点y,
l=数学sqrt(x*x+y*y),
r=d.radius+quad.point.radius+(d.color!==quad.point.color)*填充;
if(lnx2 | x2ny2 | y2
我发现了这个例子:


但是,在实施……时遇到了困难。

您的示例对我来说很好:

  setTimeout(function() {

      force.start();
      for (var i = n * n; i > 0; --i) force.tick();
      force.stop();
  }, 10);
并在
force
定义后注释
start()


请参阅:

我通过思考force使事情变得复杂。tick调用了默认的tick函数,而不是记住我设置了它。on('tick',tick)。谢谢你指出这一点:)