evui 3.4.152 → 3.4.154

package/dist/evui.umd.js

@@ -11244,7 +11244,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.152\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.154\"}");
 
 /***/ }),
 
@@ -46359,96 +46359,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,6 +50203,7 @@ var plugins_scrollbar_module = {
     Object.keys(merged).forEach(function (key) {
       scrollbarOpt[key] = merged[key];
     });
+    delete scrollbarOpt.savedPosition;
 
     if (!scrollbarOpt.isInit) {
       var _axisOpt$2, _axisOpt$3, _axisOpt$3$range, _axisOpt$4;
@@ -50355,14 +50266,6 @@ var plugins_scrollbar_module = {
     }
   },
 
-  /**
-   * update scrollbar information
-   */
-  updateScrollbar: function updateScrollbar(updateData) {
-    this.updateScrollbarInfo('x', updateData);
-    this.updateScrollbarInfo('y', updateData);
-  },
-
   /**
    * Updated scrollbar information with updated axis information
    * @param dir axis direction (x | y)
@@ -50750,7 +50653,6 @@ var plugins_scrollbar_module = {
           update: false,
           keepDomain: false
         },
-        updateByScrollbar: true,
         lightUpdate: minValue > 1
       });
     }
@@ -52689,12 +52591,13 @@ var plugins_interaction_modules = {
         yp = _offset[1];
 
     var isHorizontal = !!this.options.horizontal;
-    var mousePos = isHorizontal ? yp : xp; // 첫 번째 표시 중인 시리즈를 기준으로 라벨 위치 확인
+    var mousePos = isHorizontal ? yp : xp; // 데이터 있는 시리즈를 기준으로 라벨 위치 확인
 
     var referenceSeries = sIds.find(function (sId) {
-      var _this5$seriesList$sId;
+      var _series$data;
 
-      return (_this5$seriesList$sId = _this5.seriesList[sId]) === null || _this5$seriesList$sId === void 0 ? void 0 : _this5$seriesList$sId.show;
+      var series = _this5.seriesList[sId];
+      return (series === null || series === void 0 ? void 0 : series.show) && (series === null || series === void 0 ? void 0 : (_series$data = series.data) === null || _series$data === void 0 ? void 0 : _series$data.length) > 0;
     });
 
     if (!referenceSeries || !((_this$seriesList$refe = this.seriesList[referenceSeries]) !== null && _this$seriesList$refe !== void 0 && _this$seriesList$refe.data)) {
@@ -52743,10 +52646,10 @@ var plugins_interaction_modules = {
     var _loop = function _loop(_i) {
       // 이 라벨에 유효한 데이터가 있는 시리즈가 하나 이상 있는지 확인
       var hasValidData = sIds.some(function (sId) {
-        var _series$data, _series$data$_i, _series$data2, _series$data2$_i;
+        var _series$data2, _series$data2$_i, _series$data3, _series$data3$_i;
 
         var series = _this5.seriesList[sId];
-        return (series === null || series === void 0 ? void 0 : series.show) && ((_series$data = series.data) === null || _series$data === void 0 ? void 0 : (_series$data$_i = _series$data[_i]) === null || _series$data$_i === void 0 ? void 0 : _series$data$_i.o) !== null && ((_series$data2 = series.data) === null || _series$data2 === void 0 ? void 0 : (_series$data2$_i = _series$data2[_i]) === null || _series$data2$_i === void 0 ? void 0 : _series$data2$_i.o) !== undefined;
+        return (series === null || series === void 0 ? void 0 : series.show) && ((_series$data2 = series.data) === null || _series$data2 === void 0 ? void 0 : (_series$data2$_i = _series$data2[_i]) === null || _series$data2$_i === void 0 ? void 0 : _series$data2$_i.o) !== null && ((_series$data3 = series.data) === null || _series$data3 === void 0 ? void 0 : (_series$data3$_i = _series$data3[_i]) === null || _series$data3$_i === void 0 ? void 0 : _series$data3$_i.o) !== undefined;
       });
 
       if (hasValidData) {
@@ -55710,7 +55613,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
   _createClass(EvChart, [{
     key: "init",
     value: function init() {
-      var _this$createEventFunc;
+      var _axesX$, _axesX$$scrollbar, _axesY$, _axesY$$scrollbar, _this$createEventFunc;
 
       var _this$data = this.data,
           series = _this$data.series,
@@ -55741,6 +55644,11 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       this.initRect();
       this.axesX = this.createAxes('x', axesX);
       this.axesY = this.createAxes('y', axesY);
+
+      if (axesX !== null && axesX !== void 0 && (_axesX$ = axesX[0]) !== null && _axesX$ !== void 0 && (_axesX$$scrollbar = _axesX$.scrollbar) !== null && _axesX$$scrollbar !== void 0 && _axesX$$scrollbar.use || axesY !== null && axesY !== void 0 && (_axesY$ = axesY[0]) !== null && _axesY$ !== void 0 && (_axesY$$scrollbar = _axesY$.scrollbar) !== null && _axesY$$scrollbar !== void 0 && _axesY$$scrollbar.use) {
+        this.initScrollbar();
+      }
+
       this.initDefaultSelectInfo();
       this.drawChart();
 
@@ -55760,8 +55668,6 @@ var chart_core_EvChart = /*#__PURE__*/function () {
   }, {
     key: "initRect",
     value: function initRect() {
-      var _opt$axesX, _opt$axesX$, _opt$axesX$$scrollbar, _opt$axesY, _opt$axesY$, _opt$axesY$$scrollbar;
-
       var opt = this.options;
 
       if (opt.title.show) {
@@ -55780,10 +55686,6 @@ var chart_core_EvChart = /*#__PURE__*/function () {
         this.setLegendPosition();
       }
 
-      if ((_opt$axesX = opt.axesX) !== null && _opt$axesX !== void 0 && (_opt$axesX$ = _opt$axesX[0]) !== null && _opt$axesX$ !== void 0 && (_opt$axesX$$scrollbar = _opt$axesX$.scrollbar) !== null && _opt$axesX$$scrollbar !== void 0 && _opt$axesX$$scrollbar.use || (_opt$axesY = opt.axesY) !== null && _opt$axesY !== void 0 && (_opt$axesY$ = _opt$axesY[0]) !== null && _opt$axesY$ !== void 0 && (_opt$axesY$$scrollbar = _opt$axesY$.scrollbar) !== null && _opt$axesY$$scrollbar !== void 0 && _opt$axesY$$scrollbar.use) {
-        this.initScrollbar();
-      }
-
       this.chartRect = this.getChartRect();
     }
   }, {
@@ -55913,7 +55815,6 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       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.initScrollbar();
         this.updateScrollbarPosition();
       }
 
@@ -56567,6 +56468,25 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       });
       return labelOffset;
     }
+    /**
+     * Update scrollbar information
+     * @param {boolean} updateData is update data
+     * @returns {undefined}
+     */
+
+  }, {
+    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;
+
+      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) {
+        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) {
+        this.updateScrollbarInfo('y', updateData);
+      }
+    }
     /**
      * To re-render chart, reset properties, canvas and then render chart.
      * @param {object} updateInfo   information for each components are needed to update
@@ -56589,19 +56509,13 @@ var chart_core_EvChart = /*#__PURE__*/function () {
           updateLegend = updateInfo.updateLegend,
           updateData = updateInfo.updateData,
           updateTooltip = updateInfo.updateTooltip,
-          updateByScrollbar = updateInfo.updateByScrollbar,
           lightUpdate = updateInfo.lightUpdate;
 
       if (!this.isInit) {
         return;
       }
 
-      if (updateByScrollbar) {
-        var _this$updateScrollbar;
-
-        (_this$updateScrollbar = this.updateScrollbar) === null || _this$updateScrollbar === void 0 ? void 0 : _this$updateScrollbar.call(this, updateData);
-      }
-
+      this.updateScrollbar(updateData);
       this.resetProps();
       this.updateSeries = updateSeries;
 
@@ -56796,22 +56710,17 @@ var chart_core_EvChart = /*#__PURE__*/function () {
   }, {
     key: "resize",
     value: function resize(promiseRes) {
-      var _this$scrollbar3, _this$scrollbar4;
-
-      // 차트 크기가 변경될 때 저장된 스크롤 픽셀 위치를 초기화하여
-      // 새로운 크기에 맞춰 스크롤바 크기/위치를 재계산하도록 함
-      if ((_this$scrollbar3 = this.scrollbar) !== null && _this$scrollbar3 !== void 0 && _this$scrollbar3.x) {
-        delete this.scrollbar.x.savedPosition;
-      }
-
-      if ((_this$scrollbar4 = this.scrollbar) !== null && _this$scrollbar4 !== void 0 && _this$scrollbar4.y) {
-        delete this.scrollbar.y.savedPosition;
-      }
+      var _this$options$axesX3, _this$options$axesX3$, _this$options$axesX3$2, _this$options$axesY3, _this$options$axesY3$, _this$options$axesY3$2;
 
       this.clear();
       this.bufferCtx.restore();
       this.bufferCtx.save();
       this.initRect();
+
+      if ((_this$options$axesX3 = this.options.axesX) !== null && _this$options$axesX3 !== void 0 && (_this$options$axesX3$ = _this$options$axesX3[0]) !== null && _this$options$axesX3$ !== void 0 && (_this$options$axesX3$2 = _this$options$axesX3$.scrollbar) !== null && _this$options$axesX3$2 !== void 0 && _this$options$axesX3$2.use || (_this$options$axesY3 = this.options.axesY) !== null && _this$options$axesY3 !== void 0 && (_this$options$axesY3$ = _this$options$axesY3[0]) !== null && _this$options$axesY3$ !== void 0 && (_this$options$axesY3$2 = _this$options$axesY3$.scrollbar) !== null && _this$options$axesY3$2 !== void 0 && _this$options$axesY3$2.use) {
+        this.initScrollbar();
+      }
+
       this.initScale();
       this.chartRect = this.getChartRect();
       this.drawChart();