evui 3.4.154 → 3.4.155

package/dist/evui.common.js

@@ -11235,7 +11235,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.154\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.155\"}");
 
 /***/ }),
 
@@ -43038,17 +43038,16 @@ var element_bar_Bar = /*#__PURE__*/function () {
       this.borderRadius = param.borderRadius;
       this.filteredCount = totalCount;
       var startIndex = truthyNumber(minIndex) ? minIndex : 0;
-      var endIndex = truthyNumber(maxIndex) ? maxIndex : this.data.length - 1; // 스크롤 범위 내에서만 루프 돌림
+      var endIndex = truthyNumber(maxIndex) ? maxIndex : this.data.length - 1;
+      this.visibleStartIndex = startIndex;
 
       for (var i = startIndex; i <= endIndex; i++) {
-        var screenIndex = i - startIndex; // 현재 화면상의 위치 인덱스
-
-        var item = this.data[i]; // 실제 데이터 인덱스에 해당하는 항목
+        var screenIndex = i - startIndex;
+        var item = this.data[i];
 
         if (item) {
           var _param$selectLabel, _param$selectItem, _param$selectLabel$se, _param$selectLabel2, _param$selectLabel2$s, _param$selectItem$sel, _param$selectItem2;
 
-          // 스크롤 offset(minIndex)만큼 보정해서 그리기
           var categoryPoint = isHorizontal ? ysp - cArea * screenIndex - cPad : xsp + cArea * screenIndex + cPad;
 
           if (isHorizontal) {
@@ -43147,11 +43146,7 @@ var element_bar_Bar = /*#__PURE__*/function () {
 
           item.h = isHorizontal ? -h : h; // eslint-disable-line
 
-          item.index = i; // 실제 데이터 인덱스 (스크롤 offset 포함)
-          // 검색(hitInfo) 로직은 this.data[0..filteredCount-1] 범위만 검사하므로,
-          // 현재 화면에 그린 항목을 배열 앞쪽으로 매핑해준다.
-
-          this.data[screenIndex] = item;
+          item.index = i;
         }
       }
     }
@@ -43237,17 +43232,23 @@ var element_bar_Bar = /*#__PURE__*/function () {
     key: "findGraphData",
     value: function findGraphData(offset, isHorizontal, dataIndex, useIndicatorOnLabel) {
       if (typeof dataIndex === 'number' && this.show && useIndicatorOnLabel) {
-        var gdata = this.data;
+        var _this$visibleStartInd, _this$filteredCount;
+
+        var barData = this.data;
         var item = {
           data: null,
           hit: false,
           color: this.color
-        };
+        }; // dataIndex를 현재 화면에 보이는 범위로 clamp하여 stale xp/yp 참조 방지
 
-        if (gdata[dataIndex]) {
-          item.data = gdata[dataIndex];
-          item.index = dataIndex;
-          item.hit = this.isPointInBar(offset, gdata[dataIndex]);
+        var visStart = (_this$visibleStartInd = this.visibleStartIndex) !== null && _this$visibleStartInd !== void 0 ? _this$visibleStartInd : 0;
+        var visEnd = visStart + ((_this$filteredCount = this.filteredCount) !== null && _this$filteredCount !== void 0 ? _this$filteredCount : barData.length) - 1;
+        var clampedIndex = Math.max(visStart, Math.min(dataIndex, visEnd));
+
+        if (barData[clampedIndex]) {
+          item.data = barData[clampedIndex];
+          item.index = clampedIndex;
+          item.hit = this.isPointInBar(offset, barData[clampedIndex]);
         }
 
         return item;
@@ -43273,7 +43274,7 @@ var element_bar_Bar = /*#__PURE__*/function () {
   }, {
     key: "binarySearchBar",
     value: function binarySearchBar(offset, isHorizontal) {
-      var _this$filteredCount;
+      var _this$visibleStartInd2, _this$filteredCount2;
 
       var _offset = _slicedToArray(offset, 2),
           xp = _offset[0],
@@ -43285,9 +43286,10 @@ var element_bar_Bar = /*#__PURE__*/function () {
         color: this.color
       };
       var gdata = this.data;
-      var totalCount = (_this$filteredCount = this.filteredCount) !== null && _this$filteredCount !== void 0 ? _this$filteredCount : gdata.length;
-      var s = 0;
-      var e = totalCount - 1;
+      var startIdx = (_this$visibleStartInd2 = this.visibleStartIndex) !== null && _this$visibleStartInd2 !== void 0 ? _this$visibleStartInd2 : 0;
+      var totalCount = (_this$filteredCount2 = this.filteredCount) !== null && _this$filteredCount2 !== void 0 ? _this$filteredCount2 : gdata.length;
+      var s = startIdx;
+      var e = startIdx + totalCount - 1;
 
       while (s <= e) {
         var m = Math.floor((s + e) / 2);
@@ -50194,13 +50196,20 @@ var plugins_scrollbar_module = {
     Object.keys(merged).forEach(function (key) {
       scrollbarOpt[key] = merged[key];
     });
-    delete scrollbarOpt.savedPosition;
+
+    if (scrollbarOpt.resetPosition) {
+      var _axisOpt$2, _axisOpt$2$range, _axisOpt$3;
+
+      scrollbarOpt.range = axisOpt !== null && axisOpt !== void 0 && (_axisOpt$2 = axisOpt[0]) !== null && _axisOpt$2 !== void 0 && (_axisOpt$2$range = _axisOpt$2.range) !== null && _axisOpt$2$range !== void 0 && _axisOpt$2$range.length ? _toConsumableArray(axisOpt === null || axisOpt === void 0 ? void 0 : (_axisOpt$3 = axisOpt[0]) === null || _axisOpt$3 === void 0 ? void 0 : _axisOpt$3.range) : null;
+      this.resetScrollbarSavedPositions(dir);
+    }
 
     if (!scrollbarOpt.isInit) {
-      var _axisOpt$2, _axisOpt$3, _axisOpt$3$range, _axisOpt$4;
+      var _axisOpt$4, _axisOpt$5, _axisOpt$5$range, _axisOpt$6;
 
-      scrollbarOpt.type = axisOpt === null || axisOpt === void 0 ? void 0 : (_axisOpt$2 = axisOpt[0]) === null || _axisOpt$2 === void 0 ? void 0 : _axisOpt$2.type;
-      scrollbarOpt.range = axisOpt !== null && axisOpt !== void 0 && (_axisOpt$3 = axisOpt[0]) !== null && _axisOpt$3 !== void 0 && (_axisOpt$3$range = _axisOpt$3.range) !== null && _axisOpt$3$range !== void 0 && _axisOpt$3$range.length ? _toConsumableArray(axisOpt === null || axisOpt === void 0 ? void 0 : (_axisOpt$4 = axisOpt[0]) === null || _axisOpt$4 === void 0 ? void 0 : _axisOpt$4.range) : null;
+      scrollbarOpt.type = axisOpt === null || axisOpt === void 0 ? void 0 : (_axisOpt$4 = axisOpt[0]) === null || _axisOpt$4 === void 0 ? void 0 : _axisOpt$4.type;
+      scrollbarOpt.range = axisOpt !== null && axisOpt !== void 0 && (_axisOpt$5 = axisOpt[0]) !== null && _axisOpt$5 !== void 0 && (_axisOpt$5$range = _axisOpt$5.range) !== null && _axisOpt$5$range !== void 0 && _axisOpt$5$range.length ? _toConsumableArray(axisOpt === null || axisOpt === void 0 ? void 0 : (_axisOpt$6 = axisOpt[0]) === null || _axisOpt$6 === void 0 ? void 0 : _axisOpt$6.range) : null;
+      this.resetScrollbarSavedPositions(dir);
       this.initScrollbarRange(dir);
       this.createScrollbarLayout(dir);
       this.createScrollbar(dir);
@@ -50263,7 +50272,7 @@ var plugins_scrollbar_module = {
    * @param updateData is update data
    */
   updateScrollbarInfo: function updateScrollbarInfo(dir, updateData) {
-    var _newOpt$, _newOpt$$scrollbar, _newOpt$2, _newOpt$0$scrollbar, _newOpt$3, _newOpt$4, _axisOpt$5, _newOpt$0$scrollbar2;
+    var _newOpt$, _newOpt$$scrollbar, _newOpt$2, _newOpt$0$scrollbar, _newOpt$3, _newOpt$4, _axisOpt$7, _newOpt$0$scrollbar2;
 
     var _this$options = this.options,
         axesX = _this$options.axesX,
@@ -50279,23 +50288,21 @@ var plugins_scrollbar_module = {
     }
 
     var axisOpt = dir === 'x' ? this.axesX : this.axesY;
-    var isUpdateAxesRange = !lodash_es_isEqual(newOpt === null || newOpt === void 0 ? void 0 : (_newOpt$4 = newOpt[0]) === null || _newOpt$4 === void 0 ? void 0 : _newOpt$4.range, axisOpt === null || axisOpt === void 0 ? void 0 : (_axisOpt$5 = axisOpt[0]) === null || _axisOpt$5 === void 0 ? void 0 : _axisOpt$5.range);
+    var isUpdateAxesRange = !lodash_es_isEqual(newOpt === null || newOpt === void 0 ? void 0 : (_newOpt$4 = newOpt[0]) === null || _newOpt$4 === void 0 ? void 0 : _newOpt$4.range, axisOpt === null || axisOpt === void 0 ? void 0 : (_axisOpt$7 = axisOpt[0]) === null || _axisOpt$7 === void 0 ? void 0 : _axisOpt$7.range);
 
     if (isUpdateAxesRange || updateData) {
       var _this$options$axesX2, _this$options$axesX2$, _this$options$axesX2$2, _this$options$axesY2, _this$options$axesY2$, _this$options$axesY2$2;
 
       var isResetPosition = dir === 'x' ? (_this$options$axesX2 = this.options.axesX) === null || _this$options$axesX2 === void 0 ? void 0 : (_this$options$axesX2$ = _this$options$axesX2[0]) === null || _this$options$axesX2$ === void 0 ? void 0 : (_this$options$axesX2$2 = _this$options$axesX2$.scrollbar) === null || _this$options$axesX2$2 === void 0 ? void 0 : _this$options$axesX2$2.resetPosition : (_this$options$axesY2 = this.options.axesY) === null || _this$options$axesY2 === void 0 ? void 0 : (_this$options$axesY2$ = _this$options$axesY2[0]) === null || _this$options$axesY2$ === void 0 ? void 0 : (_this$options$axesY2$2 = _this$options$axesY2$.scrollbar) === null || _this$options$axesY2$2 === void 0 ? void 0 : _this$options$axesY2$2.resetPosition;
 
-      if (isUpdateAxesRange || isResetPosition) {
+      if (isUpdateAxesRange) {
         var _newOpt$5, _newOpt$5$range, _newOpt$6;
 
-        this.scrollbar[dir].range = newOpt !== null && newOpt !== void 0 && (_newOpt$5 = newOpt[0]) !== null && _newOpt$5 !== void 0 && (_newOpt$5$range = _newOpt$5.range) !== null && _newOpt$5$range !== void 0 && _newOpt$5$range.length ? _toConsumableArray(newOpt === null || newOpt === void 0 ? void 0 : (_newOpt$6 = newOpt[0]) === null || _newOpt$6 === void 0 ? void 0 : _newOpt$6.range) : null; // range가 업데이트되면 저장된 스크롤 위치를 초기화
+        this.scrollbar[dir].range = newOpt !== null && newOpt !== void 0 && (_newOpt$5 = newOpt[0]) !== null && _newOpt$5 !== void 0 && (_newOpt$5$range = _newOpt$5.range) !== null && _newOpt$5$range !== void 0 && _newOpt$5$range.length ? _toConsumableArray(newOpt === null || newOpt === void 0 ? void 0 : (_newOpt$6 = newOpt[0]) === null || _newOpt$6 === void 0 ? void 0 : _newOpt$6.range) : null;
+      }
 
-        delete this.scrollbar[dir].savedPosition;
-      } else if (updateData) {
-        // 데이터가 업데이트되면 저장된 픽셀 위치는 더 이상 유효하지 않으므로 삭제하여
-        // 논리적 범위에 따라 다시 계산하도록 합니다.
-        delete this.scrollbar[dir].savedPosition;
+      if (isResetPosition || updateData) {
+        this.resetScrollbarSavedPositions(dir);
       }
 
       this.initScrollbarRange(dir);
@@ -50433,17 +50440,32 @@ var plugins_scrollbar_module = {
     var scrollHeight = isXScroll ? scrollbarOpt.height : scrollbarOpt.width;
     var fullSize = isXScroll ? aPos.x2 - aPos.x1 : aPos.y2 - aPos.y1;
     var buttonSize = scrollbarOpt.showButton ? scrollHeight : 0;
-    var trackSize = fullSize - buttonSize * 2; // 현재 위치를 보존해야 하는 경우 기존 위치를 저장
+    var trackSize = fullSize - buttonSize * 2;
+    var thumbSize = this.getScrollbarThumbSize(dir, trackSize); // 비율로 저장된 위치가 있으면 새 track 크기에 맞게 복원
 
-    var savedThumbPosition = null;
+    if (preservePosition && scrollbarOpt.savedPositionRatio !== undefined) {
+      var maxPosition = Math.max(0, trackSize - thumbSize.size);
+
+      if (scrollbarOpt.savedAtStart) {
+        thumbSize.position = 0;
+      } else if (scrollbarOpt.savedAtEnd) {
+        thumbSize.position = maxPosition;
+      } else {
+        thumbSize.position = Math.min(scrollbarOpt.savedPositionRatio * trackSize, maxPosition);
+      }
+    } // 위치를 비율 및 처음/끝 고정 여부로 저장
+    // currentMaxPosition === 0 (thumbSize >= trackSize) 인 경우 저장하지 않음
+    // → trackSize가 다시 커졌을 때 이전 savedAtEnd/savedAtStart/savedPositionRatio 상태를 유지
 
-    if (preservePosition && scrollbarOpt.savedPosition !== undefined) {
-      savedThumbPosition = scrollbarOpt.savedPosition;
-    }
 
-    var thumbSize = this.getScrollbarThumbSize(dir, trackSize, savedThumbPosition); // 새로 계산된 위치를 저장
+    var currentMaxPosition = Math.max(0, trackSize - thumbSize.size);
+
+    if (currentMaxPosition > 0) {
+      scrollbarOpt.savedPositionRatio = thumbSize.position / trackSize;
+      scrollbarOpt.savedAtStart = thumbSize.position <= 0;
+      scrollbarOpt.savedAtEnd = thumbSize.position >= currentMaxPosition;
+    }
 
-    scrollbarOpt.savedPosition = thumbSize.position;
     var scrollbarStyle = 'display: block;';
     var scrollbarTrackStyle;
     var scrollbarThumbStyle;
@@ -50510,9 +50532,8 @@ var plugins_scrollbar_module = {
    * get scrollbar thumb size
    * @param dir axis direction ('x' | 'y')
    * @param trackSize scrollbar track size
-   * @param savedThumbPosition 기존 위치를 보존해야 하는 경우 저장된 위치
    */
-  getScrollbarThumbSize: function getScrollbarThumbSize(dir, trackSize, savedThumbPosition) {
+  getScrollbarThumbSize: function getScrollbarThumbSize(dir, trackSize) {
     var scrollbarOpt = this.scrollbar[dir];
 
     var _scrollbarOpt$range3 = _slicedToArray(scrollbarOpt.range, 2),
@@ -50543,9 +50564,9 @@ var plugins_scrollbar_module = {
       var _range = +max - +min;
 
       if (axesType === 'time') {
-        var _axisOpt$6, _this$labelRange$dir, _this$labelRange$dir$;
+        var _axisOpt$8, _this$labelRange$dir, _this$labelRange$dir$;
 
-        interval = axisOpt === null || axisOpt === void 0 ? void 0 : (_axisOpt$6 = axisOpt[0]) === null || _axisOpt$6 === void 0 ? void 0 : _axisOpt$6.getInterval({
+        interval = axisOpt === null || axisOpt === void 0 ? void 0 : (_axisOpt$8 = axisOpt[0]) === null || _axisOpt$8 === void 0 ? void 0 : _axisOpt$8.getInterval({
           minValue: minMax.min,
           maxValue: minMax.max,
           maxSteps: (_this$labelRange$dir = this.labelRange[dir]) === null || _this$labelRange$dir === void 0 ? void 0 : (_this$labelRange$dir$ = _this$labelRange$dir[0]) === null || _this$labelRange$dir$ === void 0 ? void 0 : _this$labelRange$dir$.max
@@ -50565,12 +50586,7 @@ var plugins_scrollbar_module = {
 
     scrollbarOpt.startValue = startValue;
     scrollbarOpt.steps = steps;
-    scrollbarOpt.interval = interval; // 기존 위치를 보존해야 하는 경우 저장된 위치를 사용
-
-    if (savedThumbPosition !== null) {
-      thumbPosition = savedThumbPosition;
-    }
-
+    scrollbarOpt.interval = interval;
     return {
       size: thumbSize,
       position: thumbPosition
@@ -50637,18 +50653,35 @@ var plugins_scrollbar_module = {
     if (!isOutOfRange) {
       scrollbarOpt.range = [minValue, maxValue]; // 사용자가 스크롤할 때는 저장된 위치를 초기화
 
-      delete scrollbarOpt.savedPosition;
+      this.resetScrollbarSavedPositions(dir);
       this.update({
         updateSeries: false,
         updateSelTip: {
           update: false,
           keepDomain: false
         },
-        lightUpdate: minValue > 1
+        lightUpdate: minValue > 1,
+        updateByScrollbar: true
       });
     }
   },
 
+  /**
+   * reset scrollbar saved positions
+   * @param dir axis direction ('x' | 'y')
+   */
+  resetScrollbarSavedPositions: function resetScrollbarSavedPositions(dir) {
+    var scrollbarOpt = this.scrollbar[dir];
+
+    if (!scrollbarOpt) {
+      return;
+    }
+
+    delete scrollbarOpt.savedPositionRatio;
+    delete scrollbarOpt.savedAtStart;
+    delete scrollbarOpt.savedAtEnd;
+  },
+
   /**
    * create scroll event
    */
@@ -50903,13 +50936,15 @@ var plugins_scrollbar_module = {
 
     this.scrollbar[dir].range = [movedMin, movedMax]; // 사용자가 드래그로 스크롤할 때는 저장된 위치를 초기화
 
-    delete this.scrollbar[dir].savedPosition;
+    this.resetScrollbarSavedPositions(dir);
     this.update({
       updateSeries: false,
       updateSelTip: {
         update: false,
         keepDomain: false
-      }
+      },
+      lightUpdate: movedMin > 1,
+      updateByScrollbar: true
     });
   },
 
@@ -55129,9 +55164,10 @@ var element_tip_modules = {
               interval = scrollbarOpt.interval,
               type = scrollbarOpt.type;
 
-          var _range = _slicedToArray(range, 2),
-              min = _range[0],
-              max = _range[1];
+          var _ref3 = range !== null && range !== void 0 ? range : [],
+              _ref4 = _slicedToArray(_ref3, 2),
+              min = _ref4[0],
+              max = _ref4[1];
 
           if (truthyNumber(min) && truthyNumber(max)) {
             labelCount = Math.floor((+max - +min) / interval) + 1;
@@ -55800,15 +55836,15 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       this.axesRange = this.getAxesRange();
       this.labelOffset = this.getLabelOffset();
       this.labelRange = this.getAxesLabelRange();
-      this.axesSteps = this.calculateSteps();
-      this.adjustXAndYAxisWidth();
-      this.drawAxis(hitInfo);
-      this.drawSeries(hitInfo);
 
       if ((_this$scrollbar = this.scrollbar) !== null && _this$scrollbar !== void 0 && (_this$scrollbar$x = _this$scrollbar.x) !== null && _this$scrollbar$x !== void 0 && _this$scrollbar$x.use || (_this$scrollbar2 = this.scrollbar) !== null && _this$scrollbar2 !== void 0 && (_this$scrollbar2$y = _this$scrollbar2.y) !== null && _this$scrollbar2$y !== void 0 && _this$scrollbar2$y.use) {
         this.updateScrollbarPosition();
       }
 
+      this.axesSteps = this.calculateSteps();
+      this.adjustXAndYAxisWidth();
+      this.drawAxis(hitInfo);
+      this.drawSeries(hitInfo);
       this.drawTip();
 
       if (this.bufferCanvas && ((_this$bufferCanvas = this.bufferCanvas) === null || _this$bufferCanvas === void 0 ? void 0 : _this$bufferCanvas.width) > 1 && ((_this$bufferCanvas2 = this.bufferCanvas) === null || _this$bufferCanvas2 === void 0 ? void 0 : _this$bufferCanvas2.height) > 1) {
@@ -56467,14 +56503,20 @@ var chart_core_EvChart = /*#__PURE__*/function () {
 
   }, {
     key: "updateScrollbar",
-    value: function updateScrollbar(updateData) {
-      var _this$scrollbar3, _this$scrollbar3$x, _this$options$axesX2, _this$options$axesX2$, _this$options$axesX2$2, _this$scrollbar4, _this$scrollbar4$y, _this$options$axesY2, _this$options$axesY2$, _this$options$axesY2$2;
+    value: function updateScrollbar(updateData, updateByScrollbar) {
+      var _this$options$axesX$2, _this$options$axesX2, _this$options$axesX2$, _this$options$axesX2$2, _this$options$axesY$2, _this$options$axesY2, _this$options$axesY2$, _this$options$axesY2$2, _this$scrollbar$x$use, _this$scrollbar3, _this$scrollbar3$x, _this$scrollbar$y$use, _this$scrollbar4, _this$scrollbar4$y;
+
+      var isForceUpdate = updateByScrollbar || updateData;
+      var xUse = (_this$options$axesX$2 = (_this$options$axesX2 = this.options.axesX) === null || _this$options$axesX2 === void 0 ? void 0 : (_this$options$axesX2$ = _this$options$axesX2[0]) === null || _this$options$axesX2$ === void 0 ? void 0 : (_this$options$axesX2$2 = _this$options$axesX2$.scrollbar) === null || _this$options$axesX2$2 === void 0 ? void 0 : _this$options$axesX2$2.use) !== null && _this$options$axesX$2 !== void 0 ? _this$options$axesX$2 : false;
+      var yUse = (_this$options$axesY$2 = (_this$options$axesY2 = this.options.axesY) === null || _this$options$axesY2 === void 0 ? void 0 : (_this$options$axesY2$ = _this$options$axesY2[0]) === null || _this$options$axesY2$ === void 0 ? void 0 : (_this$options$axesY2$2 = _this$options$axesY2$.scrollbar) === null || _this$options$axesY2$2 === void 0 ? void 0 : _this$options$axesY2$2.use) !== null && _this$options$axesY$2 !== void 0 ? _this$options$axesY$2 : false;
+      var prevXUse = (_this$scrollbar$x$use = (_this$scrollbar3 = this.scrollbar) === null || _this$scrollbar3 === void 0 ? void 0 : (_this$scrollbar3$x = _this$scrollbar3.x) === null || _this$scrollbar3$x === void 0 ? void 0 : _this$scrollbar3$x.use) !== null && _this$scrollbar$x$use !== void 0 ? _this$scrollbar$x$use : false;
+      var prevYUse = (_this$scrollbar$y$use = (_this$scrollbar4 = this.scrollbar) === null || _this$scrollbar4 === void 0 ? void 0 : (_this$scrollbar4$y = _this$scrollbar4.y) === null || _this$scrollbar4$y === void 0 ? void 0 : _this$scrollbar4$y.use) !== null && _this$scrollbar$y$use !== void 0 ? _this$scrollbar$y$use : false;
 
-      if ((_this$scrollbar3 = this.scrollbar) !== null && _this$scrollbar3 !== void 0 && (_this$scrollbar3$x = _this$scrollbar3.x) !== null && _this$scrollbar3$x !== void 0 && _this$scrollbar3$x.isInit || (_this$options$axesX2 = this.options.axesX) !== null && _this$options$axesX2 !== void 0 && (_this$options$axesX2$ = _this$options$axesX2[0]) !== null && _this$options$axesX2$ !== void 0 && (_this$options$axesX2$2 = _this$options$axesX2$.scrollbar) !== null && _this$options$axesX2$2 !== void 0 && _this$options$axesX2$2.use) {
+      if (xUse !== prevXUse || xUse || isForceUpdate && xUse) {
         this.updateScrollbarInfo('x', updateData);
       }
 
-      if ((_this$scrollbar4 = this.scrollbar) !== null && _this$scrollbar4 !== void 0 && (_this$scrollbar4$y = _this$scrollbar4.y) !== null && _this$scrollbar4$y !== void 0 && _this$scrollbar4$y.isInit || (_this$options$axesY2 = this.options.axesY) !== null && _this$options$axesY2 !== void 0 && (_this$options$axesY2$ = _this$options$axesY2[0]) !== null && _this$options$axesY2$ !== void 0 && (_this$options$axesY2$2 = _this$options$axesY2$.scrollbar) !== null && _this$options$axesY2$2 !== void 0 && _this$options$axesY2$2.use) {
+      if (yUse !== prevYUse || yUse || isForceUpdate && yUse) {
         this.updateScrollbarInfo('y', updateData);
       }
     }
@@ -56500,13 +56542,14 @@ var chart_core_EvChart = /*#__PURE__*/function () {
           updateLegend = updateInfo.updateLegend,
           updateData = updateInfo.updateData,
           updateTooltip = updateInfo.updateTooltip,
-          lightUpdate = updateInfo.lightUpdate;
+          lightUpdate = updateInfo.lightUpdate,
+          updateByScrollbar = updateInfo.updateByScrollbar;
 
       if (!this.isInit) {
         return;
       }
 
-      this.updateScrollbar(updateData);
+      this.updateScrollbar(updateData, updateByScrollbar);
       this.resetProps();
       this.updateSeries = updateSeries;