修改 d3 的力布局“退火”时间表

Question

我有一个 d3 力布局图，即工作得很好，但它经常过早地“卡住”。例如，节点正在朝着一个好的位置摇晃，如果“碰撞”它们（向它们的位置注入一点随机性并再次start()，它们最终到达那里。如果我减少friction，问题也会变得更糟，因为用户觉得太疯狂了。

我看到force.js source code 中提到了“退火”（ala 模拟退火），而暴露的alpha 参数是一个关键因素。我想知道是否有人想出如何直接管理一般退火计划（无需修补force.js！）？

Answer 1

答案的核心是@meetamit 的评论（加速alpha 的衰减）。您还可以在布局低于阈值时停止调用布局，还可以通过向节点/链接移动添加过渡来处理“抖动”。

animationStep = 200;
force.on('tick', function() {
    node.transition().ease('linear').duration(animationStep)
        .attr('transform', function(d) { 
             //your node transitions here 
        });
    var alpha = force.alpha();
    force.stop();
    setTimeout(function() {
      if (!alpha > 0.001) {
        force.alpha(alpha * 0.9);
      }
    }, animationStep);
  };
  force.on('tick', tick);