D3 - 阻止力导向图移动，节点只应停留在移动的位置上

要实现D3中的阻止力导向图移动，并使节点只停留在移动的位置上，可以通过将节点的坐标限制在特定范围内来实现。下面是一个包含代码示例的解决方法：

// 创建一个力导向图模拟器
var simulation = d3.forceSimulation()
    .force("link", d3.forceLink().id(function(d) { return d.id; }))
    .force("charge", d3.forceManyBody())
    .force("center", d3.forceCenter(width / 2, height / 2));

// 添加一个tick事件监听器，在每次模拟器更新时进行处理
simulation.on("tick", function() {
    // 限制节点的坐标在指定范围内
    nodes.forEach(function(d) {
        d.x = Math.max(radius, Math.min(width - radius, d.x));
        d.y = Math.max(radius, Math.min(height - radius, d.y));
    });

    // 更新节点和连接的位置
    node.attr("cx", function(d) { return d.x; })
        .attr("cy", function(d) { return d.y; });

    link.attr("x1", function(d) { return d.source.x; })
        .attr("y1", function(d) { return d.source.y; })
        .attr("x2", function(d) { return d.target.x; })
        .attr("y2", function(d) { return d.target.y; });
});

在上面的示例中，我们首先创建了一个力导向图模拟器（simulation）并定义了几个力（force）：链接力（forceLink），多体力（forceManyBody）和中心力（forceCenter）。

然后，我们添加了一个tick事件监听器，它会在每次模拟器更新时触发。在事件处理函数中，我们使用Math.max和Math.min函数将节点的坐标限制在指定的范围内（在这个示例中是radius到width-radius和radius到height-radius）。

最后，我们更新节点和连接的位置，将节点的cx和cy属性设置为节点的x和y坐标，将连接的x1、y1、x2和y2属性设置为连接的源节点和目标节点的x和y坐标。

这样，节点就只会停留在移动的位置上，而不会超出指定的范围。