echarts、v-charts中dataZoom事件，动态获取dataZoom滑动条改变后的数据

echarts：

chart.on('datazoom',function(params){
	console.log(params);//里面存有代表滑动条的起始的数字
	let xAxis=chart.getModel().option.xAxis[0];//获取axis
	console.log(xAxis.data);//axis的标号数据
	console.log(xAxis.rangeStart);//滑动条左端对应在xAxis.data的索引
	console.log(xAxis.rangeEnd);//滑动条右端对应在xAxis.data的索引
})

v-charts

首先添加ref，绑定events

chartEvents:{
	datazoom:(params)=> {
		console.log(params);
  		let xAxis=this.$refs['vchart'].echarts.getModel().option.xAxis[0];
		console.log(xAxis.data);//axis的标号数据
		console.log(xAxis.rangeStart);//滑动条左端对应在xAxis.data的索引
		console.log(xAxis.rangeEnd);//滑动条右端对应在xAxis.data的索引;
	},
},