D3 Force佈局的最大距離限制？

Question

我正在使用帶有小負值的力佈局來避免將SVG元素放在彼此之上。但是，我需要將這些項目保留在其原始位置的〜20px範圍內。有沒有辦法限制物品移動的總淨X/Y距離？

每個SVG元素代表一個公共汽車站，所以重要的是物品不要重疊，但也不要離開原來的位置太遠。

Answer 1

有一個在力佈局本身對這個沒辦法，但你可以做到這一點很容易自己在處理該tick事件功能：

force.on("tick", function() { 
    nodes.attr("transform", function(d) { 
    return "translate(" + Math.min(0, d.x) + "," + Math.min(0, d.y) + ")"; 
    }); 
}); 

這將綁定的位置是右上方（0,0）。你顯然可以修改它以任何其他方式進行綁定（可能使用嵌套的Math.min/Math.max）。你甚至可以通過存儲允許的位置範圍與元素並引用它來動態地做到這一點。

查看here查看here的示例，該示例使用此技術來限制使用強制佈局浮動的標籤位置。