render dc.js charts on brushmove instead of brushend

user_13230729 0
Viewed 67

I'm trying to render a visualization with dc.js that responds immediately to brushmove events.

It seems that dc.js charts will only re-render when the brush stops moving (example with dc brushend rendering), instead of simultaneous with the brush movement (example with brushmove rendering).

Is there any way to modify this behavior so that all dc charts will re-render simultaneously with the brush movement?

crossfilter dc.js d3.js
1 Answers

If you look closely, the charts do actually update as you move the brush. However, each dc.js chart by default has a transition set, as you can see in the dc.js docs: transitionDuration, which controls the transition time, is set to 750 for all charts.

To change this, set transitionDuration to 0, which is the same as disabling transitions:

chart.transitionDuration(0)
user_134394050
Related