d3：拖动静态离屏可视化

Question

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

换句话说，我想要this example的行为但没有节点拖动。 This simpler example似乎也很重要。但到目前为止，我修改这些示例的所有尝试都以各种有趣的方式打破了它们。另外，我对缩放不感兴趣（现在）。有人可以帮忙吗？

Answer 1

如果您不需要拖动节点，请从节点中删除拖动事件

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)); 

工作代码here

希望这有帮助！