如何在javascript中向d3.js中的非连接对象添加强制?

如何在javascript中向d3.js中的非连接对象添加强制?,javascript,d3.js,Javascript,D3.js,如何向d3.js中未连接的对象添加力 下面是d3.js中力定向图的演示 这是警队守则: force.on("tick", function() { dataset.nodes.forEach((node, i) => { const circle = layer.findOne(".node-" + i); circle.x(node.x); circle.y(node.y);

如何向d3.js中未连接的对象添加力

下面是d3.js中力定向图的演示

这是警队守则:

    force.on("tick", function() {
      dataset.nodes.forEach((node, i) => {
        const circle = layer.findOne(".node-" + i);
        circle.x(node.x);
        circle.y(node.y);
      });
      dataset.edges.forEach((edge, i) => {
        const { target, source } = edge;
        const line = layer.findOne(".edge-" + i);
        line.points([target.x, target.y, source.x, source.y]);
      });
      layer.draw();
    });
想象一下,如果我有一些其他的实体,比如一个单独的正方形或圆形,当它与力连接图碰撞时;它应该相互作用(如吸引或排斥)

我怎样才能做到这一点

因为目前所有连接的节点都相互作用良好(吸引和排斥)。 但我需要进一步扩展与其他未连接到图形的第三方对象(如不同的圆或正方形)的交互。但是受到同样的力的影响

注意我想要实现的只是我希望连接的节点与不属于连接图的对象交互。。。但是受到同样的力量的影响

示例上述示例中的红色矩形