d3.jsの時間スケールのズームを分に制限する方法は？

Question

私はx軸に時間スケールを使ってd3v4チャートを持っています。すべて正常に動作していますが、ズームインすると停止しません。分スケールに達したときにズームを止める方法はありますか？

d3.scaleTime().range([0, width]) 
... 
var zoom = d3.zoom() 
     .scaleExtent([1, Infinity]) 
     .translateExtent([[0, 0], [width, height]]) 
     .extent([[0, 0], [width, height]]) 
     .on("zoom", zoomed); 

私はいくつかの番号にInfinityを変更した場合、ズームからそれを止めることができていますが、問題は、スケールの程度は規模が変化分に到達するために必要なので、スケールの大きさが毎回異なることです。

Answer 1

scaleExtentを適切な値に設定するだけで済みます。 「規模の大きさが毎回異なっている」場合には、単に初期ドメインの値を使用してscaleExtentを設定します。

var domainStart = new Date('1/1/2017'), 
    domainEnd = new Date('2/1/2017'); 

var scale = d3.scaleTime() 
    .domain([domainStart, domainEnd]) 
    .range([0, width]) 

... 

// max zoom is the ratio of the initial domain extent to the minimum 
// unit that you want to zoom to (1 minute == 1000*60 milliseconds) 
var zoomMax = (domainEnd.getTime() - domainStart.getTime())/(1000*60), 
    zoomMin = 1; 

var zoom = d3.zoom() 
    .scaleExtent([zoomMin, zoomMax]) 
    .translateExtent([[0, 0], [width, height]]) 
    .extent([[0, 0], [width, height]]) 
    .on("zoom", zoomed);