如何在dagre-d3中重置图形位置和比例

Question

在某些情况下，我需要重新加载图形并重新绘制图形并将其设置为初始位置和比例而不刷新页面（使用jquery和ajax）。我使用的是https://github.com/cpettitt/dagre-d3上的示例代码（不是交互式代码，在指南中编写的代码），并使用动态查询加载边和节点。

然而，当我重新加载节点和边缘并再次进行渲染时，$（＆＃34; g.zoom）位置和比例仍然保持原样。我试图编辑属性＆＃34;转换＆＃34; ＆＃34;规模＆＃34;使用jQuery的$（＆＃34; g.zoom＆＃34;）属性，但当用户拖动或缩放图形时，它的比例和位置会改变。

我在https://github.com/cpettitt/dagre-d3/issues/17上尝试了解决方案来重置svg，

  var svg = d3.select("svg > g");
  svg.selectAll("*").remove();

但之后缩放不可用。

此外，我想知道是否有任何方法：

1. 计算适当的比例以显示整个图表（有时我需要绘制一个非常大的图表）
2. 双击图像，它将被缩放为固定大小，而不是变得越来越大，再次双击，它将返回到可以查看整个图形的比例

我希望自己能够理解。 :)