feat:dataZoom keep start and end

components/HorizontalBar/HorizontalBar.vue

@@ -225,19 +225,21 @@
 				const flag = Math.abs(lastCount - count) <= categories.length / 100 ? true : false
 				if(flag && event.end === 100 && this.index != this.elementData.dataList.datas.length - 1) {
 					this.index += 1
-					this.setChartDatas()
+					this.setChartDatas(event)
 				}
 				if(flag && event.start === 0 && this.index != 0) {
 					this.index -= 1
-					this.setChartDatas()
+					this.setChartDatas(event)
 				}
 			},
-			setChartDatas() {
+			setChartDatas(event) {
 				const categories = this.elementData.dataList.datas[this.index].categories
 			    const series = this.elementData.dataList.datas[this.index].series
 				const dealSeries = this.dealSeriesData(series)
 				this.$set(this.ec.option, 'yAxis.data', categories)
 				this.$set(this.ec.option, 'series', dealSeries)
+				this.$set(this.ec.option, 'dataZoom.start', event.start)
+				this.$set(this.ec.option, 'dataZoom.end', event.end)
 			}			
 		}
 	}

components/LineMixBar/LineMixBar.vue

@@ -215,11 +215,11 @@
 				const flag = Math.abs(lastCount - count) <= categories.length / 100 ? true : false
 				if(flag && event.end === 100 && this.index != this.elementData.dataList.datas.length - 1) {
 					this.index += 1
-					this.setChartDatas()
+					this.setChartDatas(event)
 				}
 				if(flag && event.start === 0 && this.index != 0) {
 					this.index -= 1
-					this.setChartDatas()
+					this.setChartDatas(event)
 				}
 			},
 			setChartDatas() {
@@ -228,6 +228,8 @@
 				const dealSeries = this.dealSeriesData(series)
 				this.$set(this.ec.option, 'xAxis.data', categories)
 				this.$set(this.ec.option, 'series', dealSeries)
+				this.$set(this.ec.option, 'dataZoom.start', event.start)
+				this.$set(this.ec.option, 'dataZoom.end', event.end)
 			}			
 		}
 	}

components/NormalBar/NormalBar.vue

@@ -192,19 +192,21 @@
 				const flag = Math.abs(lastCount - count) <= categories.length / 100 ? true : false
 				if(flag && event.end === 100 && this.index != this.elementData.dataList.datas.length - 1) {
 					this.index += 1
-					this.setChartDatas()
+					this.setChartDatas(event)
 				}
 				if(flag && event.start === 0 && this.index != 0) {
 					this.index -= 1
-					this.setChartDatas()
+					this.setChartDatas(event)
 				}
 			},
-			setChartDatas() {
+			setChartDatas(event) {
 				const categories = this.elementData.dataList.datas[this.index].categories
 			    const series = this.elementData.dataList.datas[this.index].series
 				const dealSeries = this.dealSeriesData(series)
 				this.$set(this.ec.option, 'xAxis.data', categories)
 				this.$set(this.ec.option, 'series', dealSeries)
+				this.$set(this.ec.option, 'dataZoom.start', event.start)
+				this.$set(this.ec.option, 'dataZoom.end', event.end)
 			}			
 		}
 	}

components/NormalLine/NormalLine.vue

@@ -194,19 +194,21 @@
 				const flag = Math.abs(lastCount - count) <= categories.length / 100 ? true : false
 				if(flag && event.end === 100 && this.index != this.elementData.dataList.datas.length - 1) {
 					this.index += 1
-					this.setChartDatas()
+					this.setChartDatas(event)
 				}
 				if(flag && event.start === 0 && this.index != 0) {
 					this.index -= 1
-					this.setChartDatas()
+					this.setChartDatas(event)
 				}
 			},
-			setChartDatas() {
+			setChartDatas(event) {
 				const categories = this.elementData.dataList.datas[this.index].categories
 			    const series = this.elementData.dataList.datas[this.index].series
 				const dealSeries = this.dealSeriesData(series)
 				this.$set(this.ec.option, 'xAxis.data', categories)
 				this.$set(this.ec.option, 'series', dealSeries)
+				this.$set(this.ec.option, 'dataZoom.start', event.start)
+				this.$set(this.ec.option, 'dataZoom.end', event.end)
 			}
 		}
 	}