VueUiXy edge case fix

graphieros · Mar 10, 2024 · de74912 · de74912
1 parent 544d074
commit de74912
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 29 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "2.0.15",
+  "version": "2.0.16",
   "type": "module",
   "description": "A user-empowering data visualization Vue components library",
   "keywords": [

diff --git a/src/components/vue-ui-xy.vue b/src/components/vue-ui-xy.vue
@@ -1245,36 +1245,37 @@ export default {
             if(sliderOne && sliderTwo) {
                 sliderOne.addEventListener("input", slideOne);
                 sliderTwo.addEventListener("input", slideTwo);
-            }
-    
-            function slideOne(){
-                if(parseInt(sliderTwo.value) - parseInt(sliderOne.value) <= minGap){
-                    sliderOne.value = parseInt(sliderTwo.value) - minGap;
-                }
-                fillColor();
-                if (vm.chartConfig.useCanvas) {
-                    vm.drawCanvas();
+                
+                function slideOne(){
+                    if(parseInt(sliderTwo.value) - parseInt(sliderOne.value) <= minGap){
+                        sliderOne.value = parseInt(sliderTwo.value) - minGap;
+                    }
+                    fillColor();
+                    if (vm.chartConfig.useCanvas) {
+                        vm.drawCanvas();
+                    }
                 }
-            }
-            function slideTwo(){
-                if(parseInt(sliderTwo.value) - parseInt(sliderOne.value) <= minGap){
-                    sliderTwo.value = parseInt(sliderOne.value) + minGap;
+                function slideTwo(){
+                    if(parseInt(sliderTwo.value) - parseInt(sliderOne.value) <= minGap){
+                        sliderTwo.value = parseInt(sliderOne.value) + minGap;
+                    }
+                    fillColor();
+                    fillColor();
+                    if (vm.chartConfig.useCanvas) {
+                        vm.drawCanvas();
+                    }
                 }
-                fillColor();
-                fillColor();
-                if (vm.chartConfig.useCanvas) {
-                    vm.drawCanvas();
+                const dataset = this.dataset;
+                function fillColor(){
+                    let percent1 = (sliderOne.value / Math.max(...dataset.map(datapoint => datapoint.series.length))) * 100;
+                    let percent2 = (sliderTwo.value / Math.max(...dataset.map(datapoint => datapoint.series.length))) * 100;
+                    sliderTrack.style.background = `linear-gradient(to right, #dadae5 ${percent1}% , #858585 ${percent1}% , #858585 ${percent2}%, #dadae5 ${percent2}%)`;
                 }
-            }
-            const dataset = this.dataset;
-            function fillColor(){
-                let percent1 = (sliderOne.value / Math.max(...dataset.map(datapoint => datapoint.series.length))) * 100;
-                let percent2 = (sliderTwo.value / Math.max(...dataset.map(datapoint => datapoint.series.length))) * 100;
-                sliderTrack.style.background = `linear-gradient(to right, #dadae5 ${percent1}% , #858585 ${percent1}% , #858585 ${percent2}%, #dadae5 ${percent2}%)`;
+        
+                slideOne();
+                slideTwo();
             }
     
-            slideOne();
-            slideTwo();
         }
 
         if (this.chartConfig.useCanvas) {