javascript - d3.js 重置视口(viewport)位置

Question

我使用 dagre 和 d3 来显示图表。可以拖动和缩放图形元素和视口(viewport)。每当我重新绘制图形(或绘制另一个图形)时拖动/缩放视口(viewport)后，视口(viewport)将保持在先前设置的位置，但会在第一次交互时重置(跳转到 [0,0] 和默认缩放比例)。

如何通过函数调用在 d3 中重置视口(viewport)的位置？

Answer 1

此处是 Dagre 作者 - 您使用的是 dagre 演示还是此自定义代码？如果您使用的是 dagre 演示，我可以确认您观察到的行为，解决方法是添加此行:


svgGroup.attr("变换", "翻译(5, 5)");


在此代码块之前(dagre/demo.js，我的树中的第 252 行):

svg.call(d3.behavior.zoom().on("zoom", function redraw() {
    svgGroup.attr("transform",
          "translate(" + d3.event.translate + ")"
          + " scale(" + d3.event.scale + ")");
}));

我已经更新了这张票下源代码中的演示:https://github.com/cpettitt/dagre/issues/56

谢谢!