Javascript d3:拖动以实现静态屏幕外可视化

Javascript d3:拖动以实现静态屏幕外可视化,javascript,d3.js,Javascript,D3.js,我正在根据可能非常大的数据生成一个d3部队布局。我的目标是在屏幕外绘制一些布局,并允许用户通过单击和拖动来访问看不见的部分。至关重要的是,我希望布局是静态的,因此单击并拖动节点会移动整个布局,而不仅仅是单个节点 换句话说,我想要的是,但不需要节点拖动的行为。这似乎也很相关。但到目前为止,我所有修改这些示例的尝试都以各种有趣的方式打破了它们。此外,我对缩放(目前)不感兴趣。有人能帮忙吗?如果不需要在节点上拖动,请从节点上删除拖动事件 node.data(graph.nodes).enter().a

我正在根据可能非常大的数据生成一个d3部队布局。我的目标是在屏幕外绘制一些布局,并允许用户通过单击和拖动来访问看不见的部分。至关重要的是,我希望布局是静态的,因此单击并拖动节点会移动整个布局,而不仅仅是单个节点


换句话说,我想要的是,但不需要节点拖动的行为。这似乎也很相关。但到目前为止,我所有修改这些示例的尝试都以各种有趣的方式打破了它们。此外,我对缩放(目前)不感兴趣。有人能帮忙吗?

如果不需要在节点上拖动,请从节点上删除拖动事件

node.data(graph.nodes).enter().append("circle") ...
//remove this drag part so that the dragging of circle don't happen
.call(d3.behavior.drag()
              .on("dragstart", dragstarted)
              .on("drag", dragged)
              .on("dragend", dragended)); 
工作代码

希望这有帮助