Javascript 如何在D3 V4中控制缩放速度？

我目前正在研究Mike Bostock在bl.ocks中的缩放功能：我意识到可以通过以下线路控制简介缩放的速度：

.duration(1500)

---

还有这样一种方法来控制滚动缩放吗？

您可以使用

wheelDelta

功能来实现 做一个轮三角函数

function myDelta() {
  return -d3.event.deltaY * (d3.event.deltaMode ? 120 : 1) / 1500;
}

您可以将常数1500增加到您选择的任意数量，以调节增量

现在在“缩放”中，按如下方式定义车轮三角形：

var zoom = d3.zoom()
    .scaleExtent([1, 32])
    .translateExtent([[0, 0], [width, height]])
    .extent([[0, 0], [width, height]])
    .wheelDelta(myDelta)//your function
    .on("zoom", zoomed);

参考文献

工作代码