Brush extent needs to be changed only from a dropdown as shown here: https://jsfiddle.net/dani2011/67jopfj8/3/
Need to disable brush extendi
What worked for me:
in d3:
disable resize handles d3.selectAll('.brush>.handle').remove();
d3.selectAll('.brush>.handle').remove();
disable crosshair d3.selectAll('.brush>.overlay').remove();
d3.selectAll('.brush>.overlay').remove();
or in css:
disable resize handles -
.handle { pointer-events: none; }
disable crosshair -
.overlay { pointer-events: none; }