如何在D3JS v4中设置缩放步骤？

Question

我试图通过按钮和鼠标滚动缩放视图之间的一致行为。虽然我可以使用按钮指定缩放步骤（0.5）（通过调用zoom.scaleTo），但我想知道如何在使用鼠标滚动时也能这样做。我应该以某种方式在“缩放”事件回调中执行此操作，并尝试修改事件转换？或者我应该捕获wheel事件并尝试手动调用d3.zoom函数？我希望鼠标滚动每0.5步改变一次，并保持缩放的中心点为鼠标位置。您有什么建议是什么，最好的方法是什么？

Answer 1

var svg = d3.select("body").append("svg")
.attr("width", 600)
.attr("height", 600)
.call(zoom);

var mainContainer = svg.append("g");

请用JSFiddle示例查看我认为你可以帮忙解决这个问题 click here