条形图缩放会混淆DC图表

Question

我有很长时间的观察（龙卷风）800-2016（约2000输入）。为了在一个条形图上可视化它我对DC.js使用mouseZoomable（true）函数，但它开始混乱过滤：用户无法在图表上正确选择间隔，它一直滑动并且看起来像是异步的。

对不起，我对D3和DC.js很新，但找不到答案。

这是我的代码：

var ndx = crossfilter(records);
var YearDim = ndx.dimension(function(d) { return d["Year"]; });
var numRecordsByYear = YearDim.group();
var minYear = YearDim.bottom(1)[0]["Year"]; 
var maxYear = YearDim.top(1)[0]["Year"];
var timeChart = dc.barChart("#time-chart");   
 
timeChart
		.width(600)
		.height(140)
		.margins({top: 10, right: 50, bottom: 40, left: 40})
		.dimension(YearDim)
        .group(numRecordsByYear)
		.transitionDuration(500)
        .mouseZoomable(true)
		.x(d3.time.scale().domain([minYear, maxYear]))
        .zoomOutRestrict([true])
		.elasticY(true)

非常感谢帮助或建议另一种可视化长时间和不规则时间间隔的方法。