evui 3.4.152 → 3.4.153

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.153\"}");
 
 /***/ }),
 
@@ -50293,6 +50293,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 +50356,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 +50743,6 @@ var plugins_scrollbar_module = {
           update: false,
           keepDomain: false
         },
-        updateByScrollbar: true,
         lightUpdate: minValue > 1
       });
     }
@@ -52689,12 +52681,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 +52736,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 +55703,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 +55734,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 +55758,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 +55776,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 +55905,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 +56558,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 +56599,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 +56800,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();