The sliding effect of echarts.js datazoom causes the sliding of the page to be unresponsive.

the project uses jq+bscroll.js, because there are some pages that need to show chart data, so echart.js, uses a column chart (the data can slide left and right when the data is too long), resulting in problems with the original page sliding

1 if the finger is placed on a slidable chart, it does not respond to the sliding effect of bscroll, and the finger can slide normally in the blank area

.

Welcome the elders of the great gods for your advice. Thank you

Feb.28,2021
Just set the moveOnMouseWheel property of

dataZoom to the preventDefaultMouseMove property of false;
dataZoom to false;
.


https://github.com/apache/inc.
go here and modify the corresponding configuration. ZoomOnMouseWheel attribute

Menu