javascript - 仅在部分节点 D3 上使用径向力

Question

我有这个fiddle

我对节点进行了颜色编码，我希望这些节点不受径向力的影响。我认为它可能是这样工作的:

 function radial() {
      simulation
        .force("charge", d3.forceCollide().radius(10))
        .force("r", d3.forceRadial(function(d) {
          if(d.id == 3){
             return null //dont effect these nodes
          }else
          if (d.id < 5) {
            return 100;
          } else {
            return 200;
          }
        }, width / 2, height / 2).strength(1))
      simulation.alpha(1).restart()    
    }

但是，这似乎只是将它们放在中间，而没有跳过它们。是否有另一种方法可以过滤掉这些节点，以便径向力不会移动它们？

Answer 1

当您在力访问器上返回 null 时，您实际上是将这些节点的圆半径设置为 (0,0)。根据文档:

d3.forceRadial()

Creates a new positioning force towards a circle of the specified radius centered at ⟨x,y⟩. If x and y are not specified, they default to ⟨0,0⟩.

您想要做的是将相应节点的力强度设置为 0。您还需要关闭在初始化模拟时设置的所有其他力量:

function radial() {
  simulation
    .force("charge", d3.forceCollide().radius(10))
    .force("r", d3.forceRadial(function(d) {
        return d.id < 5 ? 100 : 200;
      }, width / 2, height / 2).strength(function(d) {
        // set radial force to 0 if it has the id we're looking for
        if(d.id == 3) return 0
        // otherwise keep the strength at 1
        else return 1
      })
    )
    // turning off previously set forces
    .force('link', null)
    .force('x', null)
    .force('y', null)