evui 3.4.153 → 3.4.155

package/dist/evui.umd.js

@@ -11244,7 +11244,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.153\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.155\"}");
 
 /***/ }),
 
@@ -43047,17 +43047,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) {
@@ -43156,11 +43155,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;
         }
       }
     }
@@ -43246,17 +43241,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;
@@ -43282,7 +43283,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],
@@ -43294,9 +43295,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);
@@ -46359,96 +46361,6 @@ var scale_time_TimeScale = /*#__PURE__*/function (_Scale) {
 
       return Math.ceil((max - min) / step);
     }
-    /**
-     * With range information, calculate how many labels in axis
-     * @param {object} range    min/max information
-     *
-     * @returns {object} steps, interval, min/max graph value
-    */
-
-  }, {
-    key: "calculateSteps",
-    value: function calculateSteps(range) {
-      var maxValue = range.maxValue,
-          minValue = range.minValue,
-          maxSteps = range.maxSteps; // 사용자 interval로 인식하는 경우: 숫자 또는 객체({ time, unit }) 형태만
-      // 문자열('hour', 'second' 등)은 기존 로직(분기 D)으로 처리
-
-      var hasUserRange = Array.isArray(this.range) && this.range.length === 2;
-      var hasUserInterval = typeof this.interval === 'number' || _typeof(this.interval) === 'object' && this.interval !== null;
-      var resolvedInterval = hasUserInterval ? this.getInterval(range) : null;
-      var isValidInterval = resolvedInterval != null && resolvedInterval > 0 && isFinite(resolvedInterval);
-      var graphMin = +minValue;
-      var graphMax = +maxValue;
-      var graphRange = graphMax - graphMin;
-      var interval;
-      var steps;
-
-      if (hasUserRange && isValidInterval) {
-        // 1) user range + interval
-        var candidateSteps = graphRange / resolvedInterval;
-        var isExactlyDividable = Math.abs(candidateSteps - Math.round(candidateSteps)) < 1e-10;
-
-        if (isExactlyDividable && candidateSteps <= maxSteps) {
-          // 1-1) interval 호환되는 경우
-          interval = resolvedInterval;
-          steps = Math.round(candidateSteps);
-        } else {
-          // 1-2) interval 호환되지 않음 -> 사용자 interval을 사용하지 않음
-          steps = maxSteps;
-          interval = graphRange / steps;
-        }
-      } else if (hasUserRange) {
-        // 2) user range only
-        steps = maxSteps;
-        interval = graphRange / steps;
-      } else if (isValidInterval) {
-        // 3) user interval only
-        interval = resolvedInterval;
-        steps = Math.ceil(graphRange / interval);
-
-        while (steps > maxSteps) {
-          interval *= 2;
-          steps = Math.ceil(graphRange / interval);
-        }
-
-        graphMax = graphMin + interval * steps;
-      } else {
-        // 4) 기존 로직
-        interval = this.getInterval(range);
-        var increase = minValue;
-        var numberOfSteps;
-
-        while (increase < maxValue) {
-          increase += interval;
-        }
-
-        graphMax = increase;
-        numberOfSteps = Math.round(graphRange / interval);
-
-        while (numberOfSteps > maxSteps) {
-          interval *= 2;
-          numberOfSteps = Math.round(graphRange / interval);
-          var tempInterval = graphRange / numberOfSteps;
-          interval = this.decimalPoint ? tempInterval : Math.ceil(tempInterval);
-        }
-
-        if (graphMax - graphMin > numberOfSteps * interval) {
-          var _tempInterval = (graphMax - graphMin) / numberOfSteps;
-
-          interval = this.decimalPoint ? _tempInterval : Math.ceil(_tempInterval);
-        }
-
-        steps = numberOfSteps;
-      }
-
-      return {
-        steps: steps,
-        interval: interval,
-        graphMin: graphMin,
-        graphMax: graphMax
-      };
-    }
   }]);
 
   return TimeScale;
@@ -50293,13 +50205,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);
@@ -50362,7 +50281,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,
@@ -50378,23 +50297,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);
@@ -50532,17 +50449,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;
@@ -50609,9 +50541,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),
@@ -50642,9 +50573,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
@@ -50664,12 +50595,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
@@ -50736,18 +50662,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
    */
@@ -51002,13 +50945,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
     });
   },
 
@@ -55228,9 +55173,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;
@@ -55899,15 +55845,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) {
@@ -56566,14 +56512,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);
       }
     }
@@ -56599,13 +56551,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;