mouseZoomable 내가 선 차트 아래 <p></p>의 코드를 라인 차트

Question

에 elasticX 작동하지 않습니다,

var ndx = crossfilter(data), 
    dim = ndx.dimension(function(d) {return d.index;}), 
    profitGrp = dim.group().reduceSum(function(d) { return d.profit}); 

var profitChart = dc.lineChart("#profit-chart") 
    .width($("#profit-chart").parent().width()) 
    .height(400) 
    .dimension(dim) 
    .mouseZoomable(true) 
    .x(d3.scale.linear()).xAxisPadding(0.25).elasticX(true) 
    .group(profitGrp, "Profit") 
    .renderHorizontalGridLines(true) 
    .elasticY(true) 
    .legend(dc.legend().x(400).y(10).itemHeight(13).gap(5)) 
    .margins({left: 100, right: 40, top: 40, bottom: 40}) 
    .brushOn(false); 

그러나 나는/아웃 마우스를 확대 할 수 없습니다.

어떻게해야합니까? 나는 당신이 "탄성 번"행동하려는 경우 elasticX(true)

Answer 1

마우스 오른쪽 버튼, 줌, elasticX(true)

한 트릭에 모순 때문에의 생각입니다 :

chart.on('postRender', function(chart) { 
    chart.elasticX(false); 
}); 

http://dc-js.github.io/dc.js/docs/html/dc.baseMixin.html#on