evui 3.4.136 → 3.4.137

package/dist/evui.common.js

@@ -11191,7 +11191,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.136\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.137\"}");
 
 /***/ }),
 
@@ -41340,11 +41340,12 @@ var AXIS_OPTION = {
   axisLineWidth: 1,
   showGrid: true,
   gridLineColor: '#C9CFDC',
+  showAxisTick: true,
   showIndicator: false,
   timeFormat: 'mm:ss',
   range: null,
   interval: null,
-  decimalPoint: null,
+  decimalPoint: 'auto',
   labelStyle: {
     show: true,
     fontSize: 12,
@@ -45272,7 +45273,11 @@ var scale_Scale = /*#__PURE__*/function () {
       }
 
       if (this.autoScaleRatio) {
-        maxValue = Math.ceil(maxValue * (this.autoScaleRatio + 1));
+        if (this.decimalPoint) {
+          maxValue *= this.autoScaleRatio + 1;
+        } else {
+          maxValue = Math.ceil(maxValue * (this.autoScaleRatio + 1));
+        }
       }
 
       if (this.startToZero) {
@@ -45368,6 +45373,15 @@ var scale_Scale = /*#__PURE__*/function () {
         interval = Math.ceil((graphMax - graphMin) / numberOfSteps);
       }
 
+      if (this.decimalPoint === 'auto') {
+        var _this$getDecimalPoint;
+
+        this.decimalPoint = this === null || this === void 0 ? void 0 : (_this$getDecimalPoint = this.getDecimalPointFromRange) === null || _this$getDecimalPoint === void 0 ? void 0 : _this$getDecimalPoint.call(this, {
+          graphRange: graphRange,
+          numberOfSteps: numberOfSteps
+        });
+      }
+
       return {
         steps: numberOfSteps,
         interval: interval,
@@ -45457,6 +45471,7 @@ var scale_Scale = /*#__PURE__*/function () {
       var endPoint = aPos[this.units.rectEnd];
       var offsetPoint = aPos[this.units.rectOffset(this.position)];
       var offsetCounterPoint = aPos[this.units.rectOffsetCounter(this.position)];
+      var AXIS_TICK_LENGTH = 5;
       var aliasPixel;
       this.drawAxisTitle(chartRect, labelOffset); // label font 설정
 
@@ -45481,8 +45496,8 @@ var scale_Scale = /*#__PURE__*/function () {
           ctx.moveTo(startPoint, offsetPoint + aliasPixel);
           ctx.lineTo(endPoint, offsetPoint + aliasPixel);
         } else {
-          ctx.moveTo(offsetPoint + aliasPixel + 1, startPoint);
-          ctx.lineTo(offsetPoint + aliasPixel + 1, endPoint);
+          ctx.moveTo(offsetPoint + aliasPixel, startPoint);
+          ctx.lineTo(offsetPoint + aliasPixel, endPoint);
         }
 
         ctx.stroke();
@@ -45578,9 +45593,22 @@ var scale_Scale = /*#__PURE__*/function () {
                   }
                 }
 
+                if (_this3.showAxisTick) {
+                  ctx.beginPath();
+                  ctx.strokeStyle = _this3.axisLineColor;
+                  ctx.moveTo(linePosition, offsetPoint);
+                  ctx.lineTo(linePosition, offsetPoint + AXIS_TICK_LENGTH);
+                  ctx.stroke();
+                  ctx.closePath();
+                }
+
                 if ((ix !== 0 || options !== null && options !== void 0 && options.axesX[0].flow) && _this3.showGrid) {
+                  ctx.beginPath();
+                  ctx.strokeStyle = _this3.gridLineColor;
                   ctx.moveTo(linePosition, offsetPoint);
                   ctx.lineTo(linePosition, offsetCounterPoint);
+                  ctx.stroke();
+                  ctx.closePath();
                 }
               } else {
                 var _options$brush2;
@@ -45595,14 +45623,26 @@ var scale_Scale = /*#__PURE__*/function () {
                   linePosition -= 1;
                 }
 
+                if (_this3.showAxisTick) {
+                  var _this3$axisLineWidth;
+
+                  ctx.beginPath();
+                  ctx.strokeStyle = _this3.axisLineColor;
+                  ctx.moveTo(offsetPoint + ((_this3$axisLineWidth = _this3.axisLineWidth) !== null && _this3$axisLineWidth !== void 0 ? _this3$axisLineWidth : 1), linePosition);
+                  ctx.lineTo(offsetPoint - AXIS_TICK_LENGTH, linePosition);
+                  ctx.stroke();
+                  ctx.closePath();
+                }
+
                 if (ix !== 0 && _this3.showGrid) {
+                  ctx.beginPath();
+                  ctx.strokeStyle = _this3.gridLineColor;
                   ctx.moveTo(offsetPoint, linePosition);
                   ctx.lineTo(offsetCounterPoint, linePosition);
+                  ctx.stroke();
+                  ctx.closePath();
                 }
               }
-
-              ctx.stroke();
-              ctx.closePath();
             }
           };
 
@@ -46269,7 +46309,56 @@ var scale_linear_LinearScale = /*#__PURE__*/function (_Scale) {
       var max = range.maxValue;
       var min = range.minValue;
       var step = range.maxSteps;
-      return this.interval ? this.interval : Math.ceil((max - min) / step);
+
+      if (this.interval) {
+        return this.interval;
+      }
+
+      if (this.decimalPoint) {
+        return (max - min) / step;
+      }
+
+      return Math.ceil((max - min) / step);
+    }
+    /**
+    * Get decimal point from range
+    * @param {object} {
+    *  graphRange: number,
+    *  numberOfSteps: number,
+    *  interval: number,
+    * }
+    * @returns {number} decimal point
+    */
+
+  }, {
+    key: "getDecimalPointFromRange",
+    value: function getDecimalPointFromRange(_ref) {
+      var graphRange = _ref.graphRange,
+          numberOfSteps = _ref.numberOfSteps;
+
+      if (numberOfSteps <= 0 || graphRange === 0) {
+        return 0;
+      }
+
+      var interval = graphRange / numberOfSteps;
+
+      if (interval === 0) {
+        return 0;
+      }
+
+      var decimals = 0;
+      var temp = interval;
+
+      while (temp < 1) {
+        temp *= 10;
+        decimals++;
+
+        if (decimals > 10) {
+          break;
+        }
+      }
+
+      return decimals;
     }
   }]);
 
@@ -46617,6 +46706,7 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
       var offsetPoint = aPos[this.units.rectOffset(this.position)];
       var offsetCounterPoint = aPos[this.units.rectOffsetCounter(this.position)];
       var maxWidth = (_this$labelStyle$maxW2 = (_this$labelStyle2 = this.labelStyle) === null || _this$labelStyle2 === void 0 ? void 0 : _this$labelStyle2.maxWidth) !== null && _this$labelStyle$maxW2 !== void 0 ? _this$labelStyle$maxW2 : chartRect.chartWidth / (steps + 2);
+      var AXIS_TICK_LENGTH = 5;
       this.drawAxisTitle(chartRect, labelOffset);
 
       if ((_this$labelStyle3 = this.labelStyle) !== null && _this$labelStyle3 !== void 0 && _this$labelStyle3.show) {
@@ -46719,9 +46809,22 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
               }
             }
 
+            if (this.showAxisTick) {
+              ctx.beginPath();
+              ctx.strokeStyle = this.axisLineColor;
+              ctx.moveTo(labelCenter + labelGap / 2, offsetPoint);
+              ctx.lineTo(labelCenter + labelGap / 2, offsetPoint + AXIS_TICK_LENGTH);
+              ctx.stroke();
+              ctx.closePath();
+            }
+
             if (index > 0 && this.showGrid) {
+              ctx.beginPath();
+              ctx.strokeStyle = this.gridLineColor;
               ctx.moveTo(linePosition, offsetPoint);
               ctx.lineTo(linePosition, offsetCounterPoint);
+              ctx.stroke();
+              ctx.closePath();
             }
           } else {
             labelPoint = this.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
@@ -46729,9 +46832,24 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
             ctx.fillText(labelText, labelPoint, yPoint);
             drawnLabels.push(labelText);
 
+            if (this.showAxisTick) {
+              var _this$axisLineWidth;
+
+              ctx.beginPath();
+              ctx.strokeStyle = this.axisLineColor;
+              ctx.moveTo(offsetPoint + ((_this$axisLineWidth = this.axisLineWidth) !== null && _this$axisLineWidth !== void 0 ? _this$axisLineWidth : 1), yPoint);
+              ctx.lineTo(offsetPoint - AXIS_TICK_LENGTH, yPoint);
+              ctx.stroke();
+              ctx.closePath();
+            }
+
             if (index > 0 && this.showGrid) {
+              ctx.beginPath();
+              ctx.strokeStyle = this.gridLineColor;
               ctx.moveTo(offsetPoint, linePosition);
               ctx.lineTo(offsetCounterPoint, linePosition);
+              ctx.stroke();
+              ctx.closePath();
             }
           }
 
@@ -47056,6 +47174,7 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
       var endPoint = aPos[this.units.rectEnd];
       var offsetPoint = aPos[this.units.rectOffset(this.position)];
       var offsetCounterPoint = aPos[this.units.rectOffsetCounter(this.position)];
+      var AXIS_TICK_LENGTH = 5;
       this.drawAxisTitle(chartRect, labelOffset); // label font 설정
 
       ctx.font = helpers_util.getLabelStyle(this.labelStyle);
@@ -47175,17 +47294,45 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
             }
           }
 
+          if (_this2.showAxisTick) {
+            ctx.beginPath();
+            ctx.strokeStyle = _this2.axisLineColor;
+            ctx.moveTo(linePosition, offsetPoint);
+            ctx.lineTo(linePosition, offsetPoint + AXIS_TICK_LENGTH);
+            ctx.stroke();
+            ctx.closePath();
+          }
+
           if (ix < oriSteps && _this2.showGrid && (isStartPointRightOfRectStart || !isStartPointRightOfRectStart && ix !== 0)) {
+            ctx.beginPath();
+            ctx.strokeStyle = _this2.gridLineColor;
             ctx.moveTo(linePosition, offsetPoint);
             ctx.lineTo(linePosition, offsetCounterPoint);
+            ctx.stroke();
+            ctx.closePath();
           }
         } else {
           labelPoint = _this2.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
           ctx.fillText(labelText, labelPoint, labelCenter);
 
+          if (_this2.showAxisTick) {
+            var _this2$axisLineWidth;
+
+            ctx.beginPath();
+            ctx.strokeStyle = _this2.axisLineColor;
+            ctx.moveTo(offsetPoint + ((_this2$axisLineWidth = _this2.axisLineWidth) !== null && _this2$axisLineWidth !== void 0 ? _this2$axisLineWidth : 1), linePosition);
+            ctx.lineTo(offsetPoint - AXIS_TICK_LENGTH, linePosition);
+            ctx.stroke();
+            ctx.closePath();
+          }
+
           if (ix < oriSteps && _this2.showGrid && (isStartPointRightOfRectStart || !isStartPointRightOfRectStart && ix !== 0)) {
+            ctx.beginPath();
+            ctx.strokeStyle = _this2.gridLineColor;
             ctx.moveTo(offsetPoint, linePosition);
             ctx.lineTo(offsetCounterPoint, linePosition);
+            ctx.stroke();
+            ctx.closePath();
           }
         }
 
@@ -51069,7 +51216,7 @@ var plugins_interaction_modules = {
       } // tooltip 기반 indicator가 아직 설정되지 않은 경우에만 일반 indicator 처리
 
 
-      if (!args.hoveredLabel && type !== 'pie' && type !== 'scatter' && type !== 'heatMap') {
+      if (!args.hoveredLabel && !_this.isNotUseIndicator()) {
         // line 차트가 아니고 line series가 없거나, tooltip이 없을 때는 일반 indicator 표시
         var _hasLineSeries = Object.values(_this.seriesList || {}).some(function (series) {
           return series.type === 'line';
@@ -51966,7 +52113,7 @@ var plugins_interaction_modules = {
 
     var targetDataIndex = this.findClosestDataIndex(offset, sIds);
 
-    if (targetDataIndex === -1 && this.options.type !== 'pie') {
+    if (targetDataIndex === -1 && !this.isNotUseIndicator()) {
       return {
         items: items,
         hitId: hitId,
@@ -52763,6 +52910,9 @@ var plugins_interaction_modules = {
 
     return 'canvas';
   },
+  isNotUseIndicator: function isNotUseIndicator() {
+    return this.options.type === 'pie' || this.options.type === 'scatter' || this.options.type === 'heatMap';
+  },
 
   /**
    * Clear 'defaultSelectInfo'