Fix - Zoom - Fix zoom issues when startIndex and/or endIndex are set

Author: graphieros

src/components/vue-ui-candlestick.vue

@@ -695,14 +695,22 @@ async function setupSlicer() {
 
     const { startIndex, endIndex } = FINAL_CONFIG.value.style.zoom;
     const comp = slicerComponent.value;
-    const max   = len.value;
+    const max = len.value;
+
+    slicer.value = { start: 0, end: max };
 
     if ((startIndex != null || endIndex != null) && comp) {
         if (startIndex != null) {
-        comp.setStartValue(startIndex);
+            comp.setStartValue(startIndex);
+        } else {
+            slicer.value.start = 0;
+            comp.setStartValue(0);
         }
         if (endIndex != null) {
-        comp.setEndValue(validSlicerEnd(endIndex + 1));
+            comp.setEndValue(validSlicerEnd(endIndex + 1));
+        } else {
+            slicer.value.end = max;
+            comp.setEndValue(max);
         }
     } else {
         slicer.value = { start: 0, end: max };

src/components/vue-ui-donut-evolution.vue

@@ -285,12 +285,20 @@ async function setupSlicer() {
     const { startIndex, endIndex } = FINAL_CONFIG.value.style.chart.zoom;
     const comp = slicerComponent.value;
 
+    slicer.value = { start: 0, max: maxLength.value };
+
     if ((startIndex != null || endIndex != null) && comp) {
         if (startIndex != null) {
-        comp.setStartValue(startIndex);
+            comp.setStartValue(startIndex);
+        } else {
+            slicer.value.start = 0;
+            comp.setStartValue(0);
         }
         if (endIndex != null) {
-        comp.setEndValue(validSlicerEnd(endIndex + 1));
+            comp.setEndValue(validSlicerEnd(endIndex + 1));
+        } else {
+            slicer.value.end = maxLength.value;
+            comp.setEndValue(maxLength.value);
         }
     } else {
         slicer.value = {

src/components/vue-ui-stackbar.vue

@@ -581,12 +581,20 @@ async function setupSlicer() {
     const comp = slicerComponent.value;
     const maxLength = Math.max(...FINAL_DATASET.value.map(ds => ds.series.length));
 
+    slicer.value = { start: 0, end: maxLength };
+
     if ((startIndex != null || endIndex != null) && comp) {
         if (startIndex != null) {
-        comp.setStartValue(startIndex);
+            comp.setStartValue(startIndex);
+        } else {
+            slicer.value.start = 0;
+            comp.setStartValue(0);
         }
         if (endIndex != null) {
-        comp.setEndValue(validSlicerEnd(endIndex + 1));
+            comp.setEndValue(validSlicerEnd(endIndex + 1));
+        } else {
+            slicer.value.end = maxLength;
+            comp.setEndValue(maxLength);
         }
     } else {
         slicer.value = { start: 0, end: maxLength };

src/components/vue-ui-xy-canvas.vue

@@ -460,14 +460,22 @@ async function setupSlicer() {
 
     const { startIndex, endIndex } = FINAL_CONFIG.value.style.chart.zoom;
     const comp = slicerComponent.value;
-    const max   = maxSeries.value;
+    const max = maxSeries.value;
+
+    slicer.value = { start: 0, end: max };
 
     if ((startIndex != null || endIndex != null) && comp) {
         if (startIndex != null) {
-        comp.setStartValue(startIndex);
+            comp.setStartValue(startIndex);
+        } else {
+            slicer.value.start = 0;
+            comp.setStartValue(0);
         }
         if (endIndex != null) {
-        comp.setEndValue(validSlicerEnd(endIndex + 1));
+            comp.setEndValue(validSlicerEnd(endIndex + 1));
+        } else {
+            slicer.value.end = max;
+            comp.setEndValue(max);
         }
     } else {
         slicer.value = { start: 0, end: max };