根据新日期更新d3.extent

Question

我是d3.js的新手，我正在尝试创建一个可以根据一组新日期进行更改的折线图。

我的数据从1985年到2015年，我想为整个范围创建一个折线图，然后点击一下，放大到特定的时间段（2000 - 2005）。我已设法放大并更改日期范围（x轴），但我还需要根据这些新日期的数据更新y轴的范围。我无法根据此期间的数据更新y轴的范围。

我的数据如下：

F_OCURRENCIA_HECHO,displacement
1985-01-01,6.0
1985-02-01,1.0
1985-04-01,1.0
...
2015-10-01,,309.0
2015-11-01,106.0
2015-12-01,46.0

到目前为止，我更新图表的部分如下所示：

svg.on("click", function() {
x.domain([new Date(2000,01,01), new Date(2005,01,01)]);
y.domain(d3.extent(data, function(d) { return d.displacement; }));
var t = svg.transition().duration(750);
t.select(".y.axis").call(d3.axisLeft(y)); 
t.select(".x.axis").call(d3.axisBottom(x)).select(".domain").remove();
t.select(".line").attr("d", line);
});

如何让y.domain(d3.extent(data, function(d) { return d.displacement; }));根据新日期获取范围？

任何帮助将不胜感激。谢谢！