better chart slider support

now when the dataset is too big the slider will juste work as a basic slider with no special or advanced behaviour

src/PlotView/PlotView.ts

@@ -37,7 +37,7 @@ export default defineComponent({
 			showAnomalies: true,
 			showWindows: false,
 			selectedX: 'step',
-			slider: [0, 1000],
+			slider: [0, 1000] as number | number[],
 			sliderOptions: {
 				animate: false
 			},
@@ -72,7 +72,8 @@ export default defineComponent({
 		},
 
 		async slider() {
-			let xrangeMax= this.slider[1]
+			if(Array.isArray(this.slider)) {
+				let xrangeMax= this.slider[1] || this.slider[0] + 1000
 				const xrangeMin= this.slider[0]
 
 				if(xrangeMin > xrangeMax ||
@@ -84,8 +85,9 @@ export default defineComponent({
 				if(xrangeMax - xrangeMin > 1000) {
 					xrangeMax = xrangeMin + 1000
 				}
-
 				await this.loadDataSet(xrangeMin, xrangeMax, true)
+			} else await this.loadDataSet(this.slider, this.slider + 1000, true)
+
 			this.generateChartData()
 		},
 		selectedX() {
@@ -101,12 +103,13 @@ export default defineComponent({
 		await this.loadDataSet()
 
 		this.sliderMax = this.dataset?.totalSize || 1000
-		makeTheSliderDragOnLock(this.sliderMax)
+		if(this.sliderMax < 10000) makeTheSliderDragOnLock(this.sliderMax)
+		else this.slider = 0
 		this.generateChartData()
 		this.fetchPatternData()
 	},
 	updated() {
-		makeTheSliderDragOnLock(this.sliderMax)
+		if(this.sliderMax < 10000)makeTheSliderDragOnLock(this.sliderMax)
 	},
 	methods: {
 		async loadDataSet(xmin?: number, xmax?: number, cancelPrevious = false) {