如何在D3 V4中控制變焦速度？

Question

我目前從這個bl.ocks學習邁克·博斯托克的縮放功能：https://bl.ocks.org/mbostock/431a331294d2b5ddd33f947cf4c81319，我意識到介紹變焦的速度可以從該行進行控制：

.duration(1500) 

有也這樣的方式來控制放大滾動？

Answer 1

您可以使用wheelDelta功能 使車輪δ函數

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

您可以增加恆壓1500到任意數量的您所選擇的用於調節三角洲做到這一點。

現在變焦定義wheelDelta這樣的：

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

參考here

工作代碼here