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

d3: dragging for static off-screen visualization

本文关键字：屏幕 可视化 静态 实现 拖动 d3      更新时间：2023-09-26

我正在根据可能非常大的数据生成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));

此处的工作代码

希望这能有所帮助！

相关文章：