echarts监听dataZoom拖动缩放事件
其实简单的东西,但是之前还真没搞过这种,并且这个事件我在echarts官网中没看到有这个事件,但是确实有这个事件
先看下效果:
我们有了echarts实例后,直接监听即可:
charts.on('datazoom', addEventChartDataZoom)
// 滚动触发
function addEventChartDataZoom() {const model = (charts as any).getModel();const startValue = model.option.dataZoom[0].startValue; //起始索引const endValue = model.option.dataZoom[0].endValue; // 结束索引const start = model.option.xAxis[0].data[startValue]; //起始X轴值const end = model.option.xAxis[0].data[endValue]; //结束X轴值console.log(start, end)// 做个防抖处理if(zoomTimer) clearTimeout(zoomTimer)zoomTimer =