D3强制布局缩放和平移与节点拖动冲突

d3 force layout zoom and pan conflict with node drag

本文关键字:节点 拖动 冲突 布局 缩放 D3      更新时间:2023-09-26

我的力布局图是由d3.js构建的。我想为我的力图添加缩放和平移。我可以获得相关信息,并且缩放和平移可以工作。但是当我试图拖动节点到某个地方时,只会使整个图平移,这带来了新的问题,之前的节点拖动功能不起作用。我采用的方法是Here

我发现关键是

.call(d3.behavior.zoom().on("zoom", redraw))
.append('svg:g');

但是当我删除.append('svg:g');时,缩放和平移不再工作。那么我怎样才能同时保持这些功能(缩放和平移,节点拖动)呢?

我需要这样的努力jsFiddle,我遵循这个方法到我自己的项目,但它不工作,我不知道如果我错过了什么

这似乎只适用于旧版本。例如,http://d3js.org/d3.v2.js工作,但