使用d3实现缩放/平移和翻译事件的问题

Question

我在转换事件后实现缩放事件时遇到问题。

基本设置包括：

var graphSvg = d3.select("#graphDiv").append("svg")
var zoom = d3.zoom()
  .scaleExtent([0.1, 4])
  .on("zoom", zoomed);
graphSvg.call(zoom);
var graphG = graphSvg.append("g");

function zoomed() {
  graphG.attr("transform", d3.event.transform);
}

现在的问题是某些事件导致转变，例如：

graphG
  .attr("transform", "translate(200,200) scale(1)");

这样可以正常工作......但是当我开始平移时它会向后移动并从转换事件之前的原始位置开始

我错过了一些额外的步骤吗？

提前致谢