evui 3.4.128 → 3.4.129

package/dist/evui.umd.js

@@ -11183,7 +11183,7 @@ module.exports = exports;
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.128\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.129\"}");
 
 /***/ }),
 
@@ -38512,26 +38512,26 @@ var es_string_match = __webpack_require__("466d");
       return value;
     }
 
-    var assignLabelWith = function assignLabelWith(v, target, lb) {
-      if (v % target === 0) {
-        return "".concat((v / target).toFixed(decimalPoint)).concat(lb);
-      }
+    var isNegative = value < 0;
+    var absValue = Math.abs(value);
 
-      return "".concat((v / target).toFixed(1)).concat(lb);
-    };
-
-    if (value >= quad) {
-      label = assignLabelWith(value, quad, 'P');
-    } else if (value >= trill) {
-      label = assignLabelWith(value, trill, 'T');
-    } else if (value >= billi) {
-      label = assignLabelWith(value, billi, 'G');
-    } else if (value >= milli) {
-      label = assignLabelWith(value, milli, 'M');
-    } else if (value >= killo) {
-      label = assignLabelWith(value, 1000, 'K');
+    var assignLabelWith = function assignLabelWith(v, target, lb) {
+      var result = v % target === 0 ? "".concat((v / target).toFixed(decimalPoint)).concat(lb) : "".concat((v / target).toFixed(1)).concat(lb);
+      return isNegative ? "-".concat(result) : result;
+    };
+
+    if (absValue >= quad) {
+      label = assignLabelWith(absValue, quad, 'P');
+    } else if (absValue >= trill) {
+      label = assignLabelWith(absValue, trill, 'T');
+    } else if (absValue >= billi) {
+      label = assignLabelWith(absValue, billi, 'G');
+    } else if (absValue >= milli) {
+      label = assignLabelWith(absValue, milli, 'M');
+    } else if (absValue >= killo) {
+      label = assignLabelWith(absValue, 1000, 'K');
     } else {
-      label = value.toFixed(decimalPoint);
+      label = isNegative ? "-".concat(absValue.toFixed(decimalPoint)) : value.toFixed(decimalPoint);
     }
 
     return label;
@@ -38805,21 +38805,23 @@ var modules = {
           seriesIDs.forEach(function (seriesID) {
             var series = _this.seriesList[seriesID];
             var sData = data[seriesID];
+            var passingValue = series === null || series === void 0 ? void 0 : series.passingValue;
 
             if (series && sData) {
               series.data = _this.addSeriesDSforScatter(sData);
-              series.minMax = _this.getSeriesMinMax(series.data);
+              series.minMax = _this.getSeriesMinMax(series.data, passingValue);
             }
           });
         } else if (typeKey === 'heatMap') {
           seriesIDs.forEach(function (seriesID) {
             var series = _this.seriesList[seriesID];
+            var passingValue = series === null || series === void 0 ? void 0 : series.passingValue;
             var sData = data[seriesID];
 
             if (series && sData) {
               series.labels = label;
               series.data = _this.addSeriesDSForHeatMap(sData);
-              series.minMax = _this.getSeriesMinMax(series.data);
+              series.minMax = _this.getSeriesMinMax(series.data, passingValue);
               series.valueOpt = _this.getSeriesValueOptForHeatMap(series);
             }
           });
@@ -38851,7 +38853,7 @@ var modules = {
                 series.data = _this.addSeriesDS(sData, label, series.isExistGrp);
               }
 
-              series.minMax = _this.getSeriesMinMax(series.data);
+              series.minMax = _this.getSeriesMinMax(series.data, series.passingValue);
             }
           });
         }
@@ -39247,17 +39249,19 @@ var modules = {
     var isHorizontal = this.options.horizontal;
     var sdata = [];
 
-    var getBaseDataPosition = function getBaseDataPosition(baseIndex, dataIndex) {
+    var getBaseDataPosition = function getBaseDataPosition(baseIndex, dataIndex, curr) {
       var nextBaseSeriesIndex = baseIndex - 1;
       var baseSeries = _this4.seriesList[bsIds[baseIndex]];
       var baseDataList = baseSeries.data;
       var baseData = baseDataList[dataIndex];
       var position = isHorizontal ? baseData === null || baseData === void 0 ? void 0 : baseData.x : baseData === null || baseData === void 0 ? void 0 : baseData.y;
-      var isPassingValue = baseSeries.passingValue === (baseData === null || baseData === void 0 ? void 0 : baseData.o);
+      var baseValue = baseData === null || baseData === void 0 ? void 0 : baseData.o;
+      var isPassingValue = !helpers_util.isNullOrUndefined(baseSeries === null || baseSeries === void 0 ? void 0 : baseSeries.passingValue) && (baseSeries === null || baseSeries === void 0 ? void 0 : baseSeries.passingValue) === baseValue;
+      var isSameSign = curr >= 0 && baseValue >= 0 || curr < 0 && baseValue < 0;
 
-      if (isPassingValue || position == null || !baseSeries.show) {
+      if (isPassingValue || position == null || !isSameSign || !baseSeries.show) {
         if (nextBaseSeriesIndex > -1) {
-          return getBaseDataPosition(nextBaseSeriesIndex, dataIndex);
+          return getBaseDataPosition(nextBaseSeriesIndex, dataIndex, curr);
         }
 
         return 0;
@@ -39268,7 +39272,7 @@ var modules = {
 
     data.forEach(function (curr, index) {
       var baseIndex = bsIds.length - 1 < 0 ? 0 : bsIds.length - 1;
-      var bdata = getBaseDataPosition(baseIndex, index); // base(previous) series data
+      var bdata = getBaseDataPosition(baseIndex, index, curr); // base(previous) series data
 
       var odata = curr; // current series original data
 
@@ -39451,7 +39455,7 @@ var modules = {
    *
    * @returns {object} min/max info for series
    */
-  getSeriesMinMax: function getSeriesMinMax(data) {
+  getSeriesMinMax: function getSeriesMinMax(data, passingValue) {
     var def = {
       minX: null,
       minY: null,
@@ -39462,22 +39466,24 @@ var modules = {
     var isHorizontal = this.options.horizontal;
 
     if (data.length) {
+      var usePassingValue = !helpers_util.isNullOrUndefined(passingValue);
       return data.reduce(function (acc, p, index) {
-        var _p$x, _p$y;
+        var _p$x, _p$y, _p$o;
 
         var minmax = acc;
         var px = ((_p$x = p.x) === null || _p$x === void 0 ? void 0 : _p$x.value) || p.x;
         var py = ((_p$y = p.y) === null || _p$y === void 0 ? void 0 : _p$y.value) || p.y;
+        var po = ((_p$o = p.o) === null || _p$o === void 0 ? void 0 : _p$o.value) || p.o;
 
-        if (px <= minmax.minX) {
+        if (usePassingValue ? po !== passingValue && px <= minmax.minX : px <= minmax.minX) {
           minmax.minX = px === null ? 0 : px;
         }
 
-        if (py <= minmax.minY) {
+        if (usePassingValue ? po !== passingValue && py <= minmax.minY : py <= minmax.minY) {
           minmax.minY = py === null ? 0 : py;
         }
 
-        if (px >= minmax.maxX) {
+        if (usePassingValue ? po !== passingValue && px >= minmax.maxX : px >= minmax.maxX) {
           minmax.maxX = px === null ? 0 : px;
 
           if (isHorizontal && px !== null) {
@@ -39486,7 +39492,7 @@ var modules = {
           }
         }
 
-        if (py >= minmax.maxY) {
+        if (usePassingValue ? po !== passingValue && py >= minmax.maxY : py >= minmax.maxY) {
           minmax.maxY = py === null ? 0 : py;
 
           if (!isHorizontal && py !== null) {
@@ -40240,14 +40246,25 @@ var modules = {
             }
           }
 
-          if (smm.maxX >= minmax.x[axisX].max) {
+          var isExistGrp = _this10.seriesList[key].isExistGrp;
+          var maxXisNegative = minmax.x[axisX].max < 0;
+
+          if (isExistGrp && maxXisNegative) {
+            minmax.x[axisX].max = smm.maxX;
+            minmax.x[axisX].maxSID = key;
+          } else if (!minmax.x[axisX].max || smm.maxX >= minmax.x[axisX].max) {
             minmax.x[axisX].max = smm.maxX;
             minmax.x[axisX].maxSID = key;
           }
 
-          if (smm.maxY >= minmax.y[axisY].max) {
+          var maxYisNegative = minmax.y[axisY].max < 0;
+
+          if (isExistGrp && maxYisNegative) {
+            minmax.y[axisY].max = smm.maxY;
+            minmax.y[axisY].maxSID = key;
+          } else if (!minmax.y[axisY].max || smm.maxY >= minmax.y[axisY].max) {
             minmax.y[axisY].max = smm.maxY;
-            minmax.y[axisX].maxSID = key;
+            minmax.y[axisY].maxSID = key;
           }
         }
 
@@ -41708,6 +41725,7 @@ var TIME_INTERVALS = {
 
 
 
+
 var element_line_Line = /*#__PURE__*/function () {
   function Line(sId, opt, sIdx) {
     var _this = this;
@@ -41841,7 +41859,6 @@ var element_line_Line = /*#__PURE__*/function () {
         ctx.setLineDash(this.segments);
       }
 
-      var endPoint = chartRect.y2 - labelOffset.bottom;
       var isLinearInterpolation = this.useLinearInterpolation();
       var barAreaByCombo = 0;
       var minmaxX = axesSteps.x[this.xAxisIndex];
@@ -41864,8 +41881,12 @@ var element_line_Line = /*#__PURE__*/function () {
 
       var getYPos = function getYPos(val) {
         return helpers_canvas.calculateY(val, minmaxY.graphMin, minmaxY.graphMax, yArea, ysp);
-      }; // draw line
+      };
 
+      var includeNegativeValue = this.data.some(function (data) {
+        return data.o < 0;
+      });
+      var endPoint = includeNegativeValue ? getYPos(0) : chartRect.y2 - labelOffset.bottom; // draw line
 
       var prevValid;
       this.data.forEach(function (curr) {
@@ -41925,9 +41946,10 @@ var element_line_Line = /*#__PURE__*/function () {
             }
           });
           var gradient = ctx.createLinearGradient(0, chartRect.y2, 0, maxValueYPos);
-          gradient.addColorStop(0, fillColor);
+          var mainGradientColor = extent.opacity < 1 ? fillColor : mainColor;
+          gradient.addColorStop(0, includeNegativeValue ? mainGradientColor : fillColor);
           gradient.addColorStop(0.5, fillColor);
-          gradient.addColorStop(1, extent.opacity < 1 ? fillColor : mainColor);
+          gradient.addColorStop(1, mainGradientColor);
           ctx.fillStyle = gradient;
         } else {
           ctx.fillStyle = fillColor;
@@ -41995,7 +42017,7 @@ var element_line_Line = /*#__PURE__*/function () {
 
                 var nextData = _this2.data[jx];
                 var xp = getXPos(nextData.x);
-                var bp = (_getYPos2 = getYPos(nextData.b)) !== null && _getYPos2 !== void 0 ? _getYPos2 : endPoint;
+                var bp = (_getYPos2 = getYPos(nextData.b)) !== null && _getYPos2 !== void 0 ? _getYPos2 : getYPos(0);
                 ctx.lineTo(xp, bp);
               }
 
@@ -42106,22 +42128,23 @@ var element_line_Line = /*#__PURE__*/function () {
 
           var s = 0;
           var e = gdata.length - 1;
-          var xpInterval = ((_gdata$ = gdata[1]) === null || _gdata$ === void 0 ? void 0 : _gdata$.xp) - gdata[0].xp < 6 ? 1.5 : 6;
+          var gap = Math.ceil(Math.abs(((_gdata$ = gdata[1]) === null || _gdata$ === void 0 ? void 0 : _gdata$.xp) - gdata[0].xp) / 2) || 0;
+          var xpInterval = Math.max(gap, 6);
 
           while (s <= e) {
             var m = Math.floor((s + e) / 2);
             var x = gdata[m].xp;
             var y = gdata[m].yp;
 
-            if (x - xpInterval < xp && xp < x + xpInterval) {
+            if (x - xpInterval <= xp && xp <= x + xpInterval) {
               var _gdata$m, _gdata$xp, _gdata, _gdata2, _gdata3;
 
               var curXpInterval = ((_gdata$m = gdata[m]) === null || _gdata$m === void 0 ? void 0 : _gdata$m.xp) - ((_gdata$xp = (_gdata = gdata[m - 1]) === null || _gdata === void 0 ? void 0 : _gdata.xp) !== null && _gdata$xp !== void 0 ? _gdata$xp : 0);
 
               if ((_gdata2 = gdata[m - 1]) !== null && _gdata2 !== void 0 && _gdata2.xp && (_gdata3 = gdata[m + 1]) !== null && _gdata3 !== void 0 && _gdata3.xp && curXpInterval > 0) {
-                var leftXp = xp - gdata[m - 1].xp;
+                var leftXp = Math.abs(xp - gdata[m - 1].xp);
                 var midXp = Math.abs(xp - gdata[m].xp);
-                var rightXp = gdata[m + 1].xp - xp;
+                var rightXp = Math.abs(gdata[m + 1].xp - xp);
 
                 if (Math.abs(this.beforeMouseXp - xp) >= curXpInterval - SPARE_XP && (this.beforeFindItemIndex === m || midXp === rightXp || midXp === leftXp)) {
                   if (this.beforeMouseXp - xp > 0) {
@@ -42769,8 +42792,12 @@ var element_bar_Bar = /*#__PURE__*/function () {
 
       var xArea = chartRect.chartWidth - (labelOffset.left + labelOffset.right);
       var yArea = chartRect.chartHeight - (labelOffset.top + labelOffset.bottom);
-      var xsp = chartRect.x1 + labelOffset.left;
-      var ysp = chartRect.y2 - labelOffset.bottom;
+      var xAxisPosition = chartRect.x1 + labelOffset.left;
+      var yAxisPosition = chartRect.y2 - labelOffset.bottom;
+      var xZeroPosition = helpers_canvas.calculateX(0, minmaxX.graphMin, minmaxX.graphMax, xArea);
+      var yZeroPosition = helpers_canvas.calculateY(0, minmaxY.graphMin, minmaxY.graphMax, yArea);
+      var xsp = isHorizontal ? xAxisPosition + xZeroPosition : xAxisPosition;
+      var ysp = isHorizontal ? yAxisPosition : yAxisPosition + yZeroPosition;
       var dArea = isHorizontal ? yArea : xArea;
       var cArea = dArea / (totalCount || 1);
       var cPad;
@@ -42834,7 +42861,8 @@ var element_bar_Bar = /*#__PURE__*/function () {
             categoryPoint = ysp - cArea * screenIndex - cPad;
           } else {
             categoryPoint = xsp + cArea * screenIndex + cPad;
-          }
+          } // 기본 위치 설정
+
 
           if (isHorizontal) {
             x = xsp;
@@ -42842,22 +42870,30 @@ var element_bar_Bar = /*#__PURE__*/function () {
           } else {
             x = Math.round(categoryPoint + (bArea * barSeriesX - (w + bPad)));
             y = ysp;
-          }
+          } // 너비 / 높이 계산, 스택의 경우 위치 값 재계산
+
 
           if (isHorizontal) {
+            var barValue = item.b ? item.o : item.x;
+            w = helpers_canvas.calculateX(barValue, minmaxX.graphMin, minmaxX.graphMax, xArea, -xZeroPosition);
+
             if (item.b) {
-              w = helpers_canvas.calculateX(item.x - item.b, minmaxX.graphMin, minmaxX.graphMax, xArea);
-              x = helpers_canvas.calculateX(item.b, minmaxX.graphMin, minmaxX.graphMax, xArea, xsp);
-            } else {
-              w = helpers_canvas.calculateX(item.x, minmaxX.graphMin, minmaxX.graphMax, xArea);
+              x = helpers_canvas.calculateX(item.b, minmaxX.graphMin, minmaxX.graphMax, xArea, xsp - xZeroPosition);
             }
-          } else if (item.b) {
-            // vertical stack bar chart
-            h = helpers_canvas.calculateY(item.y - item.b, minmaxY.graphMin, minmaxY.graphMax, yArea);
-            y = helpers_canvas.calculateY(item.b, minmaxY.graphMin, minmaxY.graphMax, yArea, ysp);
+
+            var minimumBarWidth = barValue > 0 ? -1 : 1;
+            w = barValue && Math.abs(w) === 0 ? minimumBarWidth : w;
           } else {
-            // vertical bar chart
-            h = helpers_canvas.calculateY(item.y, minmaxY.graphMin, minmaxY.graphMax, yArea);
+            var _barValue = item.b ? item.o : item.y;
+
+            h = helpers_canvas.calculateY(_barValue, minmaxY.graphMin, minmaxY.graphMax, yArea, -yZeroPosition);
+
+            if (item.b) {
+              y = helpers_canvas.calculateY(item.b, minmaxY.graphMin, minmaxY.graphMax, yArea, ysp - yZeroPosition);
+            }
+
+            var minimumBarHeight = _barValue > 0 ? -1 : 1;
+            h = _barValue && Math.abs(h) === 0 ? minimumBarHeight : h;
           }
 
           var barColor = item.dataColor || this.color;
@@ -43146,10 +43182,10 @@ var element_bar_Bar = /*#__PURE__*/function () {
           align = _this$showValue.align,
           formatter = _this$showValue.formatter,
           decimalPoint = _this$showValue.decimalPoint;
-      var x = positions.x,
-          y = positions.y,
-          w = positions.w,
-          h = positions.h;
+      var barX = positions.x,
+          barY = positions.y,
+          barWidth = positions.w,
+          barHeight = positions.h;
       var ctx = context;
       ctx.save();
       ctx.beginPath();
@@ -43184,25 +43220,27 @@ var element_bar_Bar = /*#__PURE__*/function () {
         formattedTxt = (_Util$labelSignFormat = helpers_util.labelSignFormat(value, decimalPoint)) !== null && _Util$labelSignFormat !== void 0 ? _Util$labelSignFormat : '';
       }
 
+      var isNegativeValue = value < 0;
       var textWidth = Math.round(ctx.measureText(formattedTxt).width);
-      var textHeight = fontSize + 4;
-      var minXPos = x + 10;
-      var minYPos = y - 10;
-      var widthFreeSpaceToDraw = w - 10;
-      var heightFreeSpaceToDraw = Math.abs(h + 10);
-      var centerX = x + w / 2 <= minXPos ? minXPos : x + w / 2;
-      var centerY = y + h / 2 >= minYPos ? minYPos : y + h / 2;
-      var centerYHorizontal = isHighlight ? y + h / 2 : y - h / 2;
+      var textHeight = fontSize; // fontSize와 textHeight는 같을 수 없지만, 정확히 구할 필요 없음
+
+      var GAP = 10;
+      var minXPos = isNegativeValue ? barX - GAP : barX + GAP;
+      var minYPos = isNegativeValue ? barY + GAP : barY - GAP;
+      var centerXOnBar = barX + barWidth / 2;
+      var centerYOnBar = isHighlight ? barY + barHeight / 2 : barY - barHeight / 2;
+      var drawableBarWidth = Math.abs(barWidth) - GAP;
+      var drawableBarHeight = Math.abs(barHeight) - GAP;
 
       switch (align) {
         case 'start':
           {
-            if (isHorizontal) {
-              if (textWidth < widthFreeSpaceToDraw) {
-                ctx.fillText(formattedTxt, minXPos, centerYHorizontal);
-              }
-            } else if (textHeight < heightFreeSpaceToDraw) {
-              ctx.fillText(formattedTxt, centerX, minYPos);
+            if (isHorizontal && textWidth < drawableBarWidth) {
+              var xPos = isNegativeValue ? minXPos - textWidth : minXPos;
+              ctx.fillText(formattedTxt, xPos, centerYOnBar);
+            } else if (!isHorizontal && textHeight < drawableBarHeight) {
+              var yPos = isNegativeValue ? barY + GAP : barY - GAP;
+              ctx.fillText(formattedTxt, centerXOnBar, yPos);
             }
 
             break;
@@ -43210,12 +43248,10 @@ var element_bar_Bar = /*#__PURE__*/function () {
 
         case 'center':
           {
-            if (isHorizontal) {
-              if (textWidth < widthFreeSpaceToDraw) {
-                ctx.fillText(formattedTxt, centerX, centerYHorizontal);
-              }
-            } else if (textHeight < heightFreeSpaceToDraw) {
-              ctx.fillText(formattedTxt, centerX, centerY);
+            if (isHorizontal && textWidth < drawableBarWidth) {
+              ctx.fillText(formattedTxt, centerXOnBar, centerYOnBar);
+            } else if (!isHorizontal && textHeight < drawableBarHeight) {
+              ctx.fillText(formattedTxt, centerXOnBar, barY + barHeight / 2);
             }
 
             break;
@@ -43229,9 +43265,26 @@ var element_bar_Bar = /*#__PURE__*/function () {
             }
 
             if (isHorizontal) {
-              ctx.fillText(formattedTxt, minXPos + w, centerYHorizontal);
+              var minXOnChart = this.chartRect.x1 + this.labelOffset.left;
+              var maxXOnChart = this.chartRect.x2 - this.labelOffset.right;
+
+              if (isNegativeValue) {
+                var _xPos = barX - GAP + barWidth - textWidth;
+
+                if (_xPos > minXOnChart) {
+                  ctx.fillText(formattedTxt, _xPos, centerYOnBar);
+                }
+              } else {
+                var _xPos2 = barX + GAP + barWidth;
+
+                if (_xPos2 + textWidth < maxXOnChart) {
+                  ctx.fillText(formattedTxt, _xPos2, centerYOnBar);
+                }
+              }
             } else {
-              ctx.fillText(formattedTxt, centerX, y + h - textHeight / 2);
+              var _yPos = isNegativeValue ? barY + barHeight + GAP : barY + barHeight - GAP;
+
+              ctx.fillText(formattedTxt, centerXOnBar, _yPos);
             }
 
             break;
@@ -43240,14 +43293,22 @@ var element_bar_Bar = /*#__PURE__*/function () {
         default:
         case 'end':
           {
-            if (isHorizontal) {
-              if (textWidth < widthFreeSpaceToDraw) {
-                var xPos = x + w - textWidth * 2;
-                ctx.fillText(formattedTxt, xPos <= minXPos ? minXPos : xPos, centerYHorizontal);
+            if (isHorizontal && textWidth < drawableBarWidth) {
+              var _xPos3 = isNegativeValue ? barX + barWidth + GAP : barX + barWidth - textWidth - GAP;
+
+              ctx.fillText(formattedTxt, _xPos3, centerYOnBar);
+            } else if (!isHorizontal) {
+              if (isNegativeValue) {
+                var _yPos2 = barY + barHeight - GAP;
+
+                if (_yPos2 > minYPos) {
+                  ctx.fillText(formattedTxt, centerXOnBar, _yPos2);
+                }
+              } else if (textHeight < drawableBarHeight) {
+                var _yPos3 = barY + barHeight + GAP;
+
+                ctx.fillText(formattedTxt, centerXOnBar, _yPos3);
               }
-            } else if (textHeight < heightFreeSpaceToDraw) {
-              var yPos = y + h + textHeight;
-              ctx.fillText(formattedTxt, centerX, yPos >= minYPos ? minYPos : yPos);
             }
 
             break;
@@ -43304,28 +43365,50 @@ var element_bar_Bar = /*#__PURE__*/function () {
       ctx.beginPath();
       ctx.moveTo(x, y);
 
+      if (Math.abs(w) < r * 2) {
+        r = Math.abs(w) / 2;
+      }
+
+      if (Math.abs(h) < r * 2) {
+        r = Math.abs(h) / 2;
+      }
+
       if (isHorizontal) {
-        if (h < r * 2) {
-          r = h / 2;
+        var isNegativeValue = w < 0;
+
+        if (isNegativeValue) {
+          w += r;
+          ctx.lineTo(x + w, y);
+          ctx.arcTo(x + w - r, y, x + w - r, y - r, r);
+          ctx.arcTo(x + w - r, y - h, x + w, y - h, r);
+          ctx.lineTo(x, y - h);
+          ctx.lineTo(x, y);
+        } else {
+          w -= r;
+          ctx.lineTo(x + w, y);
+          ctx.arcTo(x + w + r, y, x + w + r, y - r, r);
+          ctx.arcTo(x + w + r, y - h, x + w, y - h, r);
+          ctx.lineTo(x, y - h);
+          ctx.lineTo(x, y);
         }
-
-        w -= r;
-        ctx.lineTo(x + w, y);
-        ctx.arcTo(x + w + r, y, x + w + r, y - r, r);
-        ctx.arcTo(x + w + r, y - h, x + w, y - h, r);
-        ctx.lineTo(x, y - h);
-        ctx.lineTo(x, y);
       } else {
-        if (w < r * 2) {
-          r = w / 2;
+        var _isNegativeValue = h > 0;
+
+        if (_isNegativeValue) {
+          h -= r;
+          ctx.lineTo(x + w, y);
+          ctx.lineTo(x + w, y + h);
+          ctx.arcTo(x + w, y + h + r, x - w + r, y + h + r, r);
+          ctx.arcTo(x, y + h + r, x, y + h, r);
+          ctx.lineTo(x, y);
+        } else {
+          h += r;
+          ctx.lineTo(x + w, y);
+          ctx.lineTo(x + w, y + h);
+          ctx.arcTo(x + w, y + h - r, x + w - r, y + h - r, r);
+          ctx.arcTo(x, y + h - r, x, y + h, r);
+          ctx.lineTo(x, y);
         }
-
-        h += r;
-        ctx.lineTo(x + w, y);
-        ctx.lineTo(x + w, y + h);
-        ctx.arcTo(x + w, y + h - r, x + w - r, y + h - r, r);
-        ctx.arcTo(x, y + h - r, x, y + h, r);
-        ctx.lineTo(x, y);
       }
 
       ctx.fill();
@@ -45080,6 +45163,7 @@ var scale_Scale = /*#__PURE__*/function () {
     }
     /**
      * With range information, calculate how many labels in axis
+     * linear type은 scale.linear.js에서 처리
      * @param {object} range    min/max information
      *
      * @returns {object} steps, interval, min/max graph value
@@ -45288,6 +45372,14 @@ var scale_Scale = /*#__PURE__*/function () {
 
               ctx.beginPath();
               ticks[ix] = axisMinForLabel + ix * stepValue;
+              var isZeroLine = ticks[ix] === 0;
+
+              if (isZeroLine && _this3.zeroLineColor) {
+                ctx.strokeStyle = _this3.zeroLineColor;
+              } else {
+                ctx.strokeStyle = _this3.gridLineColor;
+              }
+
               linePosition = labelCenter + aliasPixel;
               labelText = _this3.getLabelFormat(Math.min(axisMax, ticks[ix]), {
                 prev: (_ticks = ticks[ix - 1]) !== null && _ticks !== void 0 ? _ticks : ''
@@ -45393,9 +45485,11 @@ var scale_Scale = /*#__PURE__*/function () {
           }
 
           var mergedPlotBandOpt = lodash_es_defaultsDeep({}, plotBand, PLOT_BAND_OPTION);
-          var from = mergedPlotBandOpt.from,
-              to = mergedPlotBandOpt.to,
+          var userDefinedFrom = mergedPlotBandOpt.from,
+              userDefinedTo = mergedPlotBandOpt.to,
               labelOpt = mergedPlotBandOpt.label;
+          var from = userDefinedFrom ? Math.max(userDefinedFrom, axisMin) : axisMin;
+          var to = userDefinedTo ? Math.min(userDefinedTo, axisMax) : axisMax;
 
           _this3.setPlotBandStyle(mergedPlotBandOpt);
 
@@ -45403,8 +45497,8 @@ var scale_Scale = /*#__PURE__*/function () {
           var toPos;
 
           if (_this3.type === 'x') {
-            fromPos = helpers_canvas.calculateX(from !== null && from !== void 0 ? from : minX, axisMin, axisMax, xArea, minX);
-            toPos = helpers_canvas.calculateX(to !== null && to !== void 0 ? to : maxX, axisMin, axisMax, xArea, minX);
+            fromPos = helpers_canvas.calculateX(from, axisMin, axisMax, xArea, minX);
+            toPos = helpers_canvas.calculateX(to, axisMin, axisMax, xArea, minX);
 
             if (fromPos === null || toPos === null) {
               return;
@@ -45412,8 +45506,8 @@ var scale_Scale = /*#__PURE__*/function () {
 
             _this3.drawXPlotBand(fromPos, toPos, minX, maxX, minY, maxY);
           } else {
-            fromPos = helpers_canvas.calculateY(from !== null && from !== void 0 ? from : axisMin, axisMin, axisMax, yArea, maxY);
-            toPos = helpers_canvas.calculateY(to !== null && to !== void 0 ? to : axisMax, axisMin, axisMax, yArea, maxY);
+            fromPos = helpers_canvas.calculateY(from, axisMin, axisMax, yArea, maxY);
+            toPos = helpers_canvas.calculateY(to, axisMin, axisMax, yArea, maxY);
 
             if (fromPos === null || toPos === null) {
               return;
@@ -45984,6 +46078,7 @@ var scale_time_TimeScale = /*#__PURE__*/function (_Scale) {
 
 
 
+
 var scale_linear_LinearScale = /*#__PURE__*/function (_Scale) {
   _inherits(LinearScale, _Scale);
 
@@ -46022,16 +46117,192 @@ var scale_linear_LinearScale = /*#__PURE__*/function (_Scale) {
      * Calculate interval
      * @param {object} range    range information
      *
-     * @returns {number} interval
+     * @returns {number}  interval (한 칸에 표시할 값의 간격)
      */
 
   }, {
     key: "getInterval",
     value: function getInterval(range) {
+      if (this.interval) return this.interval;
       var max = range.maxValue;
       var min = range.minValue;
-      var step = range.maxSteps;
-      return this.interval ? this.interval : Math.ceil((max - min) / step);
+      var steps = range.maxSteps; // step이 0이면 interval 계산 불가
+
+      if (!steps || steps <= 0) return 0; // startToZero이고, 최소값이 음수일 경우 0을 반드시 포함
+
+      if (this.startToZero && min < 0) {
+        var totalRange = Math.abs(min) + Math.abs(max); // 비율로 나눔
+
+        var negativeRatio = Math.abs(min) / totalRange;
+        var positiveRatio = Math.abs(max) / totalRange; // 각 방향에 최소 1칸 이상 배정되도록 보장
+
+        var negativeSteps = Math.max(1, Math.round(negativeRatio * steps));
+        var positiveSteps = Math.max(1, steps - negativeSteps); // 다시 합이 steps보다 커질 수도 있으니, 조정
+
+        if (negativeSteps + positiveSteps > steps) {
+          // 가장 큰 쪽에서 하나 줄임
+          if (negativeRatio > positiveRatio) {
+            negativeSteps -= 1;
+          } else {
+            positiveSteps -= 1;
+          }
+        }
+
+        return Math.ceil(Math.max(Math.abs(min) / (negativeSteps || 1), Math.abs(max) / (positiveSteps || 1)));
+      }
+
+      return Math.ceil((max - min) / steps);
+    }
+    /**
+    * 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;
+      var _range$maxSteps = range.maxSteps,
+          maxSteps = _range$maxSteps === void 0 ? 1 : _range$maxSteps;
+      var interval = this.getInterval(range);
+      var graphMin = 0;
+      var graphMax = 0; // 그래프 최대/최소 값 계산
+
+      if (minValue >= 0) {
+        // 전부 양수
+        graphMin = +minValue;
+        graphMax = Math.ceil(maxValue / interval) * interval;
+      } else if (maxValue >= 0) {
+        // 양수/음수 혼합
+        graphMin = Math.floor(minValue / interval) * interval;
+        graphMax = Math.ceil(maxValue / interval) * interval;
+      } else {
+        // 전부 음수
+        graphMax = +maxValue;
+        graphMin = Math.floor(minValue / interval) * interval;
+      }
+
+      var graphRange = graphMax - graphMin;
+      var numberOfSteps = Math.round(graphRange / interval); // 특수 케이스: 양수 최소값, 최대값이 1일 경우
+
+      if (minValue > 0 && maxValue === 1) {
+        if (!this.decimalPoint) {
+          interval = 1;
+          numberOfSteps = 1;
+          maxSteps = 1;
+        } else if (maxSteps > 2) {
+          interval = 0.2;
+          numberOfSteps = 5;
+          maxSteps = 5;
+        } else {
+          interval = 0.5;
+          numberOfSteps = 2;
+          maxSteps = 2;
+        }
+      } // 최대 스텝 수 조정
+
+
+      while (numberOfSteps > maxSteps) {
+        interval *= 2;
+        numberOfSteps = Math.round(graphRange / interval);
+        interval = Math.ceil(graphRange / numberOfSteps);
+      }
+
+      if (graphRange > numberOfSteps * interval) {
+        interval = Math.ceil(graphRange / numberOfSteps);
+      }
+
+      return {
+        steps: numberOfSteps,
+        interval: interval,
+        graphMin: graphMin,
+        graphMax: graphMax
+      };
+    }
+    /**
+    * Calculate min/max value, label and size information for axis
+    * @param {object} minMax    min/max information
+    * @param {object} scrollbarOpt scrollbar option
+    *
+    * @returns {object} min/max value and label
+    */
+
+  }, {
+    key: "calculateScaleRange",
+    value: function calculateScaleRange(minMax, scrollbarOpt) {
+      var _this$labelStyle;
+
+      var maxValue;
+      var minValue;
+      var isDefaultMaxSameAsMin = false;
+      var range = scrollbarOpt !== null && scrollbarOpt !== void 0 && scrollbarOpt.use ? scrollbarOpt === null || scrollbarOpt === void 0 ? void 0 : scrollbarOpt.range : this.range;
+
+      if (Array.isArray(range) && (range === null || range === void 0 ? void 0 : range.length) === 2) {
+        if (this.options.type === 'heatMap') {
+          maxValue = range[1] > +minMax.max ? +minMax.max : range[1];
+          minValue = range[0] < +minMax.min ? +minMax.min : range[0];
+        } else {
+          maxValue = range[1];
+          minValue = range[0];
+        }
+      } else if (typeof range === 'function') {
+        var _range = range(minMax.min, minMax.max);
+
+        var _range2 = _slicedToArray(_range, 2);
+
+        minValue = _range2[0];
+        maxValue = _range2[1];
+      } else {
+        maxValue = minMax.max;
+        minValue = minMax.min;
+      } // autoScaleRatio 적용 케이스
+
+
+      if (this.autoScaleRatio) {
+        var temp = maxValue; // 양수 방향에만 autoScaleRatio 적용
+
+        maxValue = Math.ceil(maxValue * (this.autoScaleRatio + 1));
+
+        if (maxValue > 0 && minValue < 0) {
+          // 양수/음수 혼합 케이스 -- 음수 방향에도 maxValue 증가분만큼 더하기
+          var diff = temp - maxValue;
+          minValue += diff;
+        } else if (maxValue < 0 && minValue < 0) {
+          // 전부 음수 케이스 -- 음수 방향에도 autoScaleRatio 적용
+          minValue = Math.ceil(minValue * (this.autoScaleRatio + 1));
+        }
+      } // 0 기준 축 설정 케이스
+
+
+      if (this.startToZero) {
+        if (minValue > 0) {
+          minValue = 0;
+        }
+
+        if (maxValue < 0) {
+          maxValue = 0;
+        }
+      }
+
+      if (maxValue === minValue) {
+        maxValue += 1;
+        isDefaultMaxSameAsMin = true;
+      }
+
+      var minLabel = this.getLabelFormat(minValue);
+      var maxLabel = this.getLabelFormat(maxValue, {
+        isMaxValueSameAsMin: isDefaultMaxSameAsMin
+      });
+      return {
+        min: minValue,
+        max: maxValue,
+        minLabel: minLabel,
+        maxLabel: maxLabel,
+        size: helpers_util.calcTextSize(maxLabel, helpers_util.getLabelStyle(this.labelStyle), (_this$labelStyle = this.labelStyle) === null || _this$labelStyle === void 0 ? void 0 : _this$labelStyle.padding)
+      };
     }
   }]);
 
@@ -47261,7 +47532,7 @@ var plugins_legend_modules = {
     var useLegendSeries = [];
 
     if (groups) {
-      useLegendSeries = groups.slice().reverse().filter(function (sId) {
+      useLegendSeries = groups.filter(function (sId) {
         return _this3.seriesList[sId].showLegend;
       }).map(function (sId) {
         return [sId, _this3.seriesList[sId]];
@@ -47312,9 +47583,8 @@ var plugins_legend_modules = {
   },
 
   /**
-   * Adds legends for each group in `groups` array, iterating through each series
-   * within the group in reverse order. This ensures the legends align with the series
-   * order as displayed in the chart. Only adds series with `showLegend` set to `true`.
+   * Adds legends for each group in `groups` array, iterating through each series within the group.
+   * Only adds series with `showLegend` set to `true`.
    *
    * @param {Array} groups - Array of groups containing series identifiers.
    * @param {Object} seriesList - Object containing all series, keyed by series ID.
@@ -47325,7 +47595,7 @@ var plugins_legend_modules = {
     var _this5 = this;
 
     groups.forEach(function (group) {
-      group.slice().reverse().forEach(function (sId) {
+      group.forEach(function (sId) {
         var series = seriesList[sId];
 
         if (series && series.showLegend) {
@@ -50467,6 +50737,15 @@ function inRange(number, start, end) {
 
 
 
+
+
+
+
+
+
+
+
+
 
 
 
@@ -50573,14 +50852,30 @@ var plugins_interaction_modules = {
       }
 
       if (indicator.use && type !== 'pie' && type !== 'scatter' && type !== 'heatMap') {
-        _this.drawIndicator(offset, indicator.color);
+        // Use data point position instead of mouse position for indicator when tooltip is enabled
+        var indicatorOffset = offset;
 
         var label = _this.getTimeLabel(offset);
 
+        var useAxisTrigger = tooltip.use && tooltip.trigger === 'axis' && type === 'line';
+
+        if (useAxisTrigger && Object.keys(hitInfo.items).length) {
+          var hitId = hitInfo.hitId || Object.keys(hitInfo.items)[0];
+          var hitItem = hitInfo.items[hitId];
+
+          if (hitItem && hitItem.data && hitItem.data.xp !== undefined && hitItem.data.yp !== undefined) {
+            indicatorOffset = [hitItem.data.xp, hitItem.data.yp];
+            label = _this.data.labels[hitItem.index];
+          }
+        }
+
+        _this.drawIndicator(indicatorOffset, indicator.color);
+
         args.hoveredLabel = {
           horizontal: _this.options.horizontal,
           label: label,
-          mousePosition: [e.clientX, e.clientY]
+          mousePosition: [e.clientX, e.clientY],
+          useAxisTrigger: useAxisTrigger
         };
       } else {
         args.hoveredLabel = {
@@ -51440,17 +51735,59 @@ var plugins_interaction_modules = {
     }
   },
 
+  /**
+   * @typedef {object} HitInfo
+   * @property {object} items
+   * @property {string} hitId
+   * @property {object} maxTip
+   * @property {object} maxHighlight
+   */
+
   /**
    * Find graph item on mouse position
    * @param {array} offset    return value from getMousePosition()
    *
-   * @returns {object} hit item information
+   * @returns {HitInfo} hit item information
    */
   findHitItem: function findHitItem(offset) {
+    var _this4 = this;
+
     var sIds = Object.keys(this.seriesList);
     var items = {};
     var isHorizontal = !!this.options.horizontal;
-    var ctx = this.tooltipCtx;
+    var ctx = this.tooltipCtx; // Cache for measureText to avoid repeated calculations
+
+    if (!this._measureTextCache) {
+      this._measureTextCache = new Map();
+    } // Use sliding window cache based on text length to maintain frequently used entries
+
+
+    if (this._measureTextCache.size > 1000) {
+      var entries = Array.from(this._measureTextCache.entries()); // Sort by text length (shorter texts are likely more frequently used)
+
+      entries.sort(function (_ref2, _ref3) {
+        var _ref4 = _slicedToArray(_ref2, 1),
+            keyA = _ref4[0];
+
+        var _ref5 = _slicedToArray(_ref3, 1),
+            keyB = _ref5[0];
+
+        var textA = keyA.split('-')[0];
+        var textB = keyB.split('-')[0];
+        return textA.length - textB.length;
+      }); // Keep the first 500 entries (shorter texts)
+
+      this._measureTextCache.clear();
+
+      entries.slice(0, 500).forEach(function (_ref6) {
+        var _ref7 = _slicedToArray(_ref6, 2),
+            key = _ref7[0],
+            value = _ref7[1];
+
+        _this4._measureTextCache.set(key, value);
+      });
+    }
+
     var hitId = null;
     var maxs = '';
     var maxsw = 0;
@@ -51460,64 +51797,81 @@ var plugins_interaction_modules = {
 
     for (var ix = 0; ix < sIds.length; ix++) {
       var sId = sIds[ix];
-      var series = this.seriesList[sId];
+      var series = this.seriesList[sId]; // Skip hidden series for performance
 
-      if (series.findGraphData) {
-        var item = series.findGraphData(offset, isHorizontal);
+      if (!series.show || !series.findGraphData) {
+        // eslint-disable-next-line no-continue
+        continue;
+      }
 
-        if (item !== null && item !== void 0 && item.data) {
-          var gdata = void 0;
+      var item = series.findGraphData(offset, isHorizontal);
 
-          if (item.data.o === null && series.interpolation !== 'zero') {
-            if (!series.isExistGrp) {
-              gdata = isHorizontal ? item.data.x : item.data.y;
-            }
-          } else if (!isNaN(item.data.o)) {
-            gdata = item.data.o;
+      if (item !== null && item !== void 0 && item.data) {
+        var gdata = void 0;
+
+        if (item.data.o === null && series.interpolation !== 'zero') {
+          if (!series.isExistGrp) {
+            gdata = isHorizontal ? item.data.x : item.data.y;
           }
+        } else if (!isNaN(item.data.o)) {
+          gdata = item.data.o;
+        }
 
-          if (gdata !== null && gdata !== undefined) {
-            var formattedSeriesName = this.getFormattedTooltipLabel({
-              dataId: series.id,
-              seriesId: sId,
-              seriesName: series.name,
-              itemData: item.data
-            });
-            var sw = ctx ? ctx.measureText(formattedSeriesName).width : 1;
-            item.id = series.id;
-            item.name = formattedSeriesName;
-            item.axis = {
-              x: series.xAxisIndex,
-              y: series.yAxisIndex
-            };
-            items[sId] = item;
-            var formattedTxt = this.getFormattedTooltipValue({
-              dataId: series.id,
-              seriesId: sId,
-              seriesName: formattedSeriesName,
-              value: gdata,
-              itemData: item.data
-            });
-            item.data.formatted = formattedTxt;
+        if (gdata !== null && gdata !== undefined) {
+          var formattedSeriesName = this.getFormattedTooltipLabel({
+            dataId: series.id,
+            seriesId: sId,
+            seriesName: series.name,
+            itemData: item.data
+          }); // Use cached measureText for better performance
 
-            if (maxsw < sw) {
-              maxs = formattedSeriesName;
-              maxsw = sw;
-            }
+          var sw = 1;
 
-            if (maxv.length <= "".concat(formattedTxt).length) {
-              maxv = "".concat(formattedTxt);
-            }
+          if (ctx) {
+            var cacheKey = "".concat(formattedSeriesName, "-").concat(ctx.font);
 
-            if (maxg === null || maxg <= gdata) {
-              maxg = gdata;
-              maxSID = sId;
-            }
+            if (this._measureTextCache.has(cacheKey)) {
+              sw = this._measureTextCache.get(cacheKey);
+            } else {
+              sw = ctx.measureText(formattedSeriesName).width;
 
-            if (item.hit) {
-              hitId = sId;
+              this._measureTextCache.set(cacheKey, sw);
             }
           }
+
+          item.id = series.id;
+          item.name = formattedSeriesName;
+          item.axis = {
+            x: series.xAxisIndex,
+            y: series.yAxisIndex
+          };
+          items[sId] = item;
+          var formattedTxt = this.getFormattedTooltipValue({
+            dataId: series.id,
+            seriesId: sId,
+            seriesName: formattedSeriesName,
+            value: gdata,
+            itemData: item.data
+          });
+          item.data.formatted = formattedTxt;
+
+          if (maxsw < sw) {
+            maxs = formattedSeriesName;
+            maxsw = sw;
+          }
+
+          if (maxv.length <= "".concat(formattedTxt).length) {
+            maxv = "".concat(formattedTxt);
+          }
+
+          if (maxg === null || maxg <= gdata) {
+            maxg = gdata;
+            maxSID = sId;
+          }
+
+          if (item.hit) {
+            hitId = sId;
+          }
         }
       }
     }
@@ -51540,13 +51894,13 @@ var plugins_interaction_modules = {
    * @param itemData
    * @returns {string}
    */
-  getFormattedTooltipLabel: function getFormattedTooltipLabel(_ref2) {
+  getFormattedTooltipLabel: function getFormattedTooltipLabel(_ref8) {
     var _tooltipOpt$formatter;
 
-    var dataId = _ref2.dataId,
-        seriesId = _ref2.seriesId,
-        seriesName = _ref2.seriesName,
-        itemData = _ref2.itemData;
+    var dataId = _ref8.dataId,
+        seriesId = _ref8.seriesId,
+        seriesName = _ref8.seriesName,
+        itemData = _ref8.itemData;
     var opt = this.options;
     var tooltipOpt = opt.tooltip;
     var tooltipLabelFormatter = tooltipOpt === null || tooltipOpt === void 0 ? void 0 : (_tooltipOpt$formatter = tooltipOpt.formatter) === null || _tooltipOpt$formatter === void 0 ? void 0 : _tooltipOpt$formatter.label;
@@ -51573,14 +51927,14 @@ var plugins_interaction_modules = {
    * @param itemData
    * @returns {string}
    */
-  getFormattedTooltipValue: function getFormattedTooltipValue(_ref3) {
+  getFormattedTooltipValue: function getFormattedTooltipValue(_ref9) {
     var _tooltipOpt$formatter2;
 
-    var dataId = _ref3.dataId,
-        seriesId = _ref3.seriesId,
-        seriesName = _ref3.seriesName,
-        value = _ref3.value,
-        itemData = _ref3.itemData;
+    var dataId = _ref9.dataId,
+        seriesId = _ref9.seriesId,
+        seriesName = _ref9.seriesName,
+        value = _ref9.value,
+        itemData = _ref9.itemData;
     var opt = this.options;
     var isHorizontal = !!opt.horizontal;
     var tooltipOpt = opt.tooltip;
@@ -51753,7 +52107,7 @@ var plugins_interaction_modules = {
    * @returns {object[]}
    */
   getSelectedLabelInfoWithLabelData: function getSelectedLabelInfoWithLabelData(labelIndexList, targetAxis) {
-    var _this4 = this;
+    var _this5 = this;
 
     var _this$options9 = this.options,
         selectLabelOpt = _this$options9.selectLabel,
@@ -51769,14 +52123,14 @@ var plugins_interaction_modules = {
         {
           result.dataIndex.splice(selectLabelOpt.limit);
           result.label = result.dataIndex.map(function (i) {
-            return _this4.data.labels[i];
+            return _this5.data.labels[i];
           });
           var dataEntries = Object.entries(this.data.data);
           result.data = result.dataIndex.map(function (labelIdx) {
-            return Object.fromEntries(dataEntries.map(function (_ref4) {
-              var _ref5 = _slicedToArray(_ref4, 2),
-                  sId = _ref5[0],
-                  data = _ref5[1];
+            return Object.fromEntries(dataEntries.map(function (_ref10) {
+              var _ref11 = _slicedToArray(_ref10, 2),
+                  sId = _ref11[0],
+                  data = _ref11[1];
 
               return [sId, data[labelIdx]];
             }));
@@ -51799,12 +52153,12 @@ var plugins_interaction_modules = {
           }
 
           result.label = result.dataIndex.map(function (i) {
-            return _this4.data.labels[targetAxisDirection][i];
+            return _this5.data.labels[targetAxisDirection][i];
           });
           var dataValues = Object.values(this.data.data)[0];
-          result.data = dataValues.filter(function (_ref6) {
-            var x = _ref6.x,
-                y = _ref6.y;
+          result.data = dataValues.filter(function (_ref12) {
+            var x = _ref12.x,
+                y = _ref12.y;
             return result.label.includes(targetAxisDirection === 'y' ? y : x);
           });
           break;
@@ -51927,14 +52281,14 @@ var plugins_interaction_modules = {
    *                 object.range: coordinate-based range in graph
    * @returns {object}
    */
-  getSelectionRange: function getSelectionRange(_ref7) {
+  getSelectionRange: function getSelectionRange(_ref13) {
     var _this$boxOverflow, _this$boxOverflow2, _this$boxOverflow3, _this$boxOverflow4;
 
-    var xsp = _ref7.xsp,
-        ysp = _ref7.ysp,
-        width = _ref7.width,
-        height = _ref7.height,
-        range = _ref7.range;
+    var xsp = _ref13.xsp,
+        ysp = _ref13.ysp,
+        width = _ref13.width,
+        height = _ref13.height,
+        range = _ref13.range;
     var dataRangeX = this.axesSteps.x.length ? this.axesSteps.x[0] : null;
     var dataRangeY = this.axesSteps.y.length ? this.axesSteps.y[0] : null;
 
@@ -51991,11 +52345,11 @@ var plugins_interaction_modules = {
 
     var sId = Object.keys(this.seriesList)[0];
 
-    var _ref8 = (_this$seriesList$sId$ = this.seriesList[sId].findSelectionRange(range)) !== null && _this$seriesList$sId$ !== void 0 ? _this$seriesList$sId$ : {},
-        xMin = _ref8.xMin,
-        xMax = _ref8.xMax,
-        yMin = _ref8.yMin,
-        yMax = _ref8.yMax;
+    var _ref14 = (_this$seriesList$sId$ = this.seriesList[sId].findSelectionRange(range)) !== null && _this$seriesList$sId$ !== void 0 ? _this$seriesList$sId$ : {},
+        xMin = _ref14.xMin,
+        xMax = _ref14.xMax,
+        yMin = _ref14.yMin,
+        yMax = _ref14.yMax;
 
     return {
       xMin: xMin !== null && xMin !== void 0 ? xMin : dataRangeX.graphMin,
@@ -52085,6 +52439,7 @@ var plugins_interaction_modules = {
 
 
 
+
 var LINE_SPACING = 8;
 var VALUE_MARGIN = 50;
 var SCROLL_WIDTH = 17;
@@ -52875,7 +53230,7 @@ var plugins_tooltip_modules = {
       y1: this.chartRect.y1 + this.labelOffset.top,
       y2: this.chartRect.y2 - this.labelOffset.bottom
     };
-    var mouseXIp = 1; // mouseInterpolation
+    var mouseXIp = 5; // mouseInterpolation - increased for better edge detection
 
     var mouseYIp = 10;
     var options = this.options;
@@ -52971,7 +53326,8 @@ var plugins_tooltip_modules = {
 
     var horizontal = _ref5.horizontal,
         label = _ref5.label,
-        mousePosition = _ref5.mousePosition;
+        mousePosition = _ref5.mousePosition,
+        useAxisTrigger = _ref5.useAxisTrigger;
 
     if (!mousePosition || !!horizontal !== !!this.options.horizontal) {
       return;
@@ -53018,7 +53374,25 @@ var plugins_tooltip_modules = {
       y2: this.chartRect.y2 - this.labelOffset.bottom
     };
 
-    if (horizontal) {
+    if (useAxisTrigger && label) {
+      var _this$data$labels5;
+
+      var matchIndex = (_this$data$labels5 = this.data.labels) === null || _this$data$labels5 === void 0 ? void 0 : _this$data$labels5.findIndex(function (l) {
+        return (l === null || l === void 0 ? void 0 : l.valueOf()) === (label === null || label === void 0 ? void 0 : label.valueOf());
+      });
+
+      if (matchIndex >= 0) {
+        var _Object$keys, _this$seriesList, _this$seriesList$seri, _this$seriesList$seri2;
+
+        var seriesId = (_Object$keys = Object.keys(this.seriesList)) === null || _Object$keys === void 0 ? void 0 : _Object$keys[0];
+        var dataPoint = (_this$seriesList = this.seriesList) === null || _this$seriesList === void 0 ? void 0 : (_this$seriesList$seri = _this$seriesList[seriesId]) === null || _this$seriesList$seri === void 0 ? void 0 : (_this$seriesList$seri2 = _this$seriesList$seri.data) === null || _this$seriesList$seri2 === void 0 ? void 0 : _this$seriesList$seri2[matchIndex];
+
+        if ((dataPoint === null || dataPoint === void 0 ? void 0 : dataPoint.xp) !== undefined && (dataPoint === null || dataPoint === void 0 ? void 0 : dataPoint.xp) !== null) {
+          var yPosition = !lodash_es_isNil(dataPoint.yp) ? dataPoint.yp : (graphPos.y1 + graphPos.y2) / 2;
+          this.drawIndicator([dataPoint.xp, yPosition], this.options.indicator.color);
+        }
+      }
+    } else if (horizontal) {
       var chartHeight = graphPos.y2 - graphPos.y1;
       var offsetY = chartHeight * (label - fromTime) / (toTime - fromTime) + graphPos.y1;
       this.drawIndicator([graphPos.x2, offsetY], this.options.indicator.color);
@@ -53369,7 +53743,6 @@ var plugins_pie_modules = {
 
 
 
-
 var element_tip_modules = {
   /**
    * Draw TextTip with tip's locationInfo
@@ -53403,8 +53776,7 @@ var element_tip_modules = {
     }
 
     if (labelTipOpt.use && labelTipOpt.showTip) {
-      var isHeatMap = opt.type === 'heatMap';
-      isExistSelectedLabel = isHeatMap ? this.drawLabelTipForHeatMap() : this.drawLabelTip();
+      isExistSelectedLabel = opt.type === 'heatMap' ? this.drawLabelTipForHeatMap() : this.drawTipForSelectedLabel();
     }
 
     var executeDrawIndicator = function executeDrawIndicator(tipOpt) {
@@ -53690,9 +54062,10 @@ var element_tip_modules = {
 
   /**
    * Draw Selected Label Tip
+   * none Text
    * @returns {boolean} Whether drew at least one tip
    */
-  drawLabelTip: function drawLabelTip() {
+  drawTipForSelectedLabel: function drawTipForSelectedLabel() {
     var _this2 = this;
 
     var opt = this.options;
@@ -53718,7 +54091,7 @@ var element_tip_modules = {
       };
       var labelAxes = isHorizontal ? this.axesY[0] : this.axesX[0];
       var valueAxes = isHorizontal ? this.axesX[0] : this.axesY[0];
-      var valueAxesRange = isHorizontal ? this.axesRange.x[0] : this.axesRange.y[0];
+      var valueAxesSteps = isHorizontal ? this.axesSteps.x[0] : this.axesSteps.y[0];
       var valuePositionCalcFunction = isHorizontal ? helpers_canvas.calculateX : helpers_canvas.calculateY;
       var labelPositionCalcFunction = isHorizontal ? helpers_canvas.calculateY : helpers_canvas.calculateX;
       var scrollbarOpt = isHorizontal ? this.scrollbar.y : this.scrollbar.x;
@@ -53736,8 +54109,8 @@ var element_tip_modules = {
         return _this2.seriesList[sId].isExistGrp && !_this2.seriesList[sId].isOverlapping;
       });
       var groups = (_this$data$groups$ = (_this$data$groups = this.data.groups) === null || _this$data$groups === void 0 ? void 0 : _this$data$groups[0]) !== null && _this$data$groups$ !== void 0 ? _this$data$groups$ : [];
-      var gp;
-      var dp;
+      var labelPos;
+      var dataPos;
       var value;
       var labelStartPoint;
       var labelEndPoint;
@@ -53785,31 +54158,39 @@ var element_tip_modules = {
       }
 
       data.forEach(function (selectedData, i) {
-        if (labelTipOpt.fixedPosTop) {
-          value = valueAxesRange.max;
-        } else if (isExistGrp) {
-          var sumValue = visibleSeries.reduce(function (ac, sId) {
-            var _selectedData$sId$val, _selectedData$sId;
-
-            return groups.includes(sId) ? ac + ((_selectedData$sId$val = (_selectedData$sId = selectedData[sId]) === null || _selectedData$sId === void 0 ? void 0 : _selectedData$sId.value) !== null && _selectedData$sId$val !== void 0 ? _selectedData$sId$val : selectedData[sId]) : ac;
-          }, 0);
-          var nonGroupValues = visibleSeries.filter(function (sId) {
-            return !groups.includes(sId);
-          }).map(function (sId) {
-            var _selectedData$sId$val2, _selectedData$sId2;
-
-            return (_selectedData$sId$val2 = (_selectedData$sId2 = selectedData[sId]) === null || _selectedData$sId2 === void 0 ? void 0 : _selectedData$sId2.value) !== null && _selectedData$sId$val2 !== void 0 ? _selectedData$sId$val2 : selectedData[sId];
-          });
-          value = Math.max.apply(Math, _toConsumableArray(nonGroupValues).concat([sumValue]));
-        } else if (visibleSeries.length) {
-          var visibleValue = visibleSeries.map(function (sId) {
-            var _selectedData$sId$val3, _selectedData$sId3;
-
-            return (_selectedData$sId$val3 = (_selectedData$sId3 = selectedData[sId]) === null || _selectedData$sId3 === void 0 ? void 0 : _selectedData$sId3.value) !== null && _selectedData$sId$val3 !== void 0 ? _selectedData$sId$val3 : selectedData[sId];
-          });
-          value = Math.max.apply(Math, _toConsumableArray(visibleValue));
-        } else {
-          value = valueAxesRange.max;
+        value = valueAxesSteps.graphMax;
+
+        if (!labelTipOpt.fixedPosTop) {
+          if (isExistGrp) {
+            var _visibleSeries$filter, _visibleSeries$filter2;
+
+            var positiveSum = visibleSeries === null || visibleSeries === void 0 ? void 0 : visibleSeries.reduce(function (ac, sId) {
+              var _selectedData$sId$val, _selectedData$sId, _selectedData$sId$val2, _selectedData$sId2;
+
+              return groups.includes(sId) && ((_selectedData$sId$val = (_selectedData$sId = selectedData[sId]) === null || _selectedData$sId === void 0 ? void 0 : _selectedData$sId.value) !== null && _selectedData$sId$val !== void 0 ? _selectedData$sId$val : selectedData[sId]) > 0 ? ac + ((_selectedData$sId$val2 = (_selectedData$sId2 = selectedData[sId]) === null || _selectedData$sId2 === void 0 ? void 0 : _selectedData$sId2.value) !== null && _selectedData$sId$val2 !== void 0 ? _selectedData$sId$val2 : selectedData[sId]) : ac;
+            }, 0);
+            var nonGroupValues = (_visibleSeries$filter = visibleSeries === null || visibleSeries === void 0 ? void 0 : (_visibleSeries$filter2 = visibleSeries.filter(function (sId) {
+              return !groups.includes(sId);
+            })) === null || _visibleSeries$filter2 === void 0 ? void 0 : _visibleSeries$filter2.map(function (sId) {
+              var _selectedData$sId$val3, _selectedData$sId3;
+
+              return (_selectedData$sId$val3 = (_selectedData$sId3 = selectedData[sId]) === null || _selectedData$sId3 === void 0 ? void 0 : _selectedData$sId3.value) !== null && _selectedData$sId$val3 !== void 0 ? _selectedData$sId$val3 : selectedData[sId];
+            })) !== null && _visibleSeries$filter !== void 0 ? _visibleSeries$filter : [];
+            var maxNonGroupValue = (nonGroupValues === null || nonGroupValues === void 0 ? void 0 : nonGroupValues.length) > 0 ? nonGroupValues.reduce(function (max, val) {
+              return Math.max(max, val !== null && val !== void 0 ? val : -Infinity);
+            }, -Infinity) : -Infinity;
+            value = positiveSum > 0 ? Math.max(maxNonGroupValue, positiveSum) : Math.max(maxNonGroupValue, 0);
+          } else if (visibleSeries.length) {
+            var visibleValue = visibleSeries.map(function (sId) {
+              var _selectedData$sId$val4, _selectedData$sId4;
+
+              return (_selectedData$sId$val4 = (_selectedData$sId4 = selectedData[sId]) === null || _selectedData$sId4 === void 0 ? void 0 : _selectedData$sId4.value) !== null && _selectedData$sId$val4 !== void 0 ? _selectedData$sId$val4 : selectedData[sId];
+            });
+            var maxValue = visibleValue.length > 0 ? visibleValue.reduce(function (max, val) {
+              return Math.max(max, val !== null && val !== void 0 ? val : -Infinity);
+            }, -Infinity) : -Infinity;
+            value = maxValue > 0 || _this2.options.type !== 'bar' ? maxValue : 0;
+          }
         }
 
         if (labelAxes.labels) {
@@ -53819,18 +54200,17 @@ var element_tip_modules = {
 
           var labelIndex = dataIndex[i] - startIndex;
           var labelCenter = Math.round(labelStartPoint + labelGap * labelIndex);
-          dp = labelCenter + labelGap / 2;
+          labelPos = labelCenter + labelGap / 2;
         } else {
-          dp = labelPositionCalcFunction(label[i], graphX.graphMin, graphX.graphMax, chartWidth - sizeObj.comboOffset, aPos.x1 + sizeObj.comboOffset / 2);
+          labelPos = labelPositionCalcFunction(label[i], graphX.graphMin, graphX.graphMax, chartWidth - sizeObj.comboOffset, aPos.x1 + sizeObj.comboOffset / 2);
         }
 
-        gp = valuePositionCalcFunction(value, valueAxesRange.min, valueAxesRange.max, valueSpace, valueStartPoint);
-        gp += offset;
+        dataPos = valuePositionCalcFunction(value, valueAxesSteps.graphMin, valueAxesSteps.graphMax, valueSpace, valueStartPoint) + offset;
 
         _this2.showTip({
           context: _this2.bufferCtx,
-          x: isHorizontal ? gp : dp,
-          y: isHorizontal ? dp : gp,
+          x: isHorizontal ? dataPos : labelPos,
+          y: isHorizontal ? labelPos : dataPos,
           opt: labelTipOpt,
           isSamePos: false
         });
@@ -53942,10 +54322,11 @@ var element_tip_modules = {
       }
     } else if (isHorizontal) {
       gp = helpers_canvas.calculateX(value, graphX.graphMin, graphX.graphMax, xArea, xsp);
-      gp += offset;
+      gp = value < 0 ? gp - offset : gp + offset;
     } else {
-      gp = helpers_canvas.calculateY(value, graphY.graphMin, graphY.graphMax, yArea, ysp);
-      gp -= offset;
+      var adjustedValue = type === 'bar' && value < 0 ? 0 : value;
+      gp = helpers_canvas.calculateY(adjustedValue, graphY.graphMin, graphY.graphMax, yArea, ysp);
+      gp = adjustedValue < 0 ? gp + offset : gp - offset;
     }
 
     var maxTipType = 'center';
@@ -53977,7 +54358,8 @@ var element_tip_modules = {
         arrowSize: arrowSize,
         borderRadius: borderRadius,
         text: text,
-        textStyle: textStyle
+        textStyle: textStyle,
+        isNegative: value < 0
       });
     }
 
@@ -54011,12 +54393,21 @@ var element_tip_modules = {
         borderRadius = param.borderRadius,
         text = param.text,
         opt = param.opt,
-        textStyle = param.textStyle;
+        textStyle = param.textStyle,
+        isNegative = param.isNegative;
     var ctx = param.context;
     var sx = x - width / 2;
     var ex = x + width / 2;
     var sy = y - height;
     var ey = y;
+
+    if (isNegative) {
+      if (isHorizontal) {
+        sx = x - width / 2 - width;
+        ex = x - width / 2;
+      }
+    }
+
     ctx.save();
     ctx.font = textStyle;
     ctx.fillStyle = (_opt$tipBackground = opt.tipBackground) !== null && _opt$tipBackground !== void 0 ? _opt$tipBackground : opt.tipStyle.background;
@@ -54024,44 +54415,73 @@ var element_tip_modules = {
     ctx.beginPath();
     ctx.moveTo(sx + borderRadius, sy);
     ctx.quadraticCurveTo(sx, sy, sx, sy + borderRadius);
-
-    if (isHorizontal) {
-      ctx.lineTo(sx, sy + borderRadius + arrowSize / 2);
-      ctx.lineTo(sx - arrowSize, ey - height / 2);
-      ctx.lineTo(sx, ey - borderRadius - arrowSize / 2);
-    }
-
     ctx.lineTo(sx, ey - borderRadius);
     ctx.quadraticCurveTo(sx, ey, sx + borderRadius, ey);
-
-    if (!isHorizontal) {
-      if (type === 'left') {
-        ctx.lineTo(sx + borderRadius + arrowSize, ey + arrowSize);
-        ctx.lineTo(sx + borderRadius + arrowSize * 2, ey);
-      } else if (type === 'right') {
-        ctx.lineTo(ex - arrowSize * 2 - borderRadius, ey);
-        ctx.lineTo(ex - arrowSize - borderRadius, ey + arrowSize);
-      } else {
-        ctx.lineTo(x - arrowSize, ey);
-        ctx.lineTo(x, ey + arrowSize);
-        ctx.lineTo(x + arrowSize, ey);
-      }
-    }
-
     ctx.lineTo(ex - borderRadius, ey);
     ctx.quadraticCurveTo(ex, ey, ex, ey - borderRadius);
     ctx.lineTo(ex, sy + borderRadius);
     ctx.quadraticCurveTo(ex, sy, ex - borderRadius, sy);
     ctx.lineTo(sx + borderRadius, sy);
     ctx.closePath();
-    ctx.fill();
+    ctx.fill(); // draw arrow
+
+    ctx.beginPath();
+
+    if (isHorizontal) {
+      if (isNegative) {
+        ctx.moveTo(ex, ey);
+        ctx.lineTo(ex, sy + borderRadius + arrowSize / 2);
+        ctx.lineTo(ex + arrowSize, ey - height / 2);
+        ctx.lineTo(ex, ey - borderRadius - arrowSize / 2);
+      } else {
+        ctx.moveTo(sx, sy);
+        ctx.lineTo(sx, sy + borderRadius + arrowSize / 2);
+        ctx.lineTo(sx - arrowSize, ey - height / 2);
+        ctx.lineTo(sx, ey - borderRadius - arrowSize / 2);
+      }
+
+      ctx.closePath();
+      ctx.fill();
+    } else {
+      if (isNegative) {
+        if (type === 'left') {
+          ctx.lineTo(sx + borderRadius + arrowSize, ey + arrowSize);
+          ctx.lineTo(sx + borderRadius + arrowSize * 2, ey);
+        } else if (type === 'right') {
+          ctx.lineTo(ex - arrowSize * 2 - borderRadius, ey);
+          ctx.lineTo(ex - arrowSize - borderRadius, ey + arrowSize);
+        } else {
+          ctx.lineTo(x - arrowSize, ey);
+          ctx.lineTo(x, ey + arrowSize);
+          ctx.lineTo(x + arrowSize, ey);
+        }
+      } else if (!isNegative) {
+        if (type === 'left') {
+          ctx.moveTo(sx, sy);
+          ctx.lineTo(sx + borderRadius + arrowSize, ey + arrowSize);
+          ctx.lineTo(sx + borderRadius + arrowSize * 2, ey);
+        } else if (type === 'right') {
+          ctx.moveTo(ex, sy);
+          ctx.lineTo(ex - arrowSize * 2 - borderRadius, ey);
+          ctx.lineTo(ex - arrowSize - borderRadius, ey + arrowSize);
+        } else {
+          ctx.lineTo(x - arrowSize, ey);
+          ctx.lineTo(x, ey + arrowSize);
+          ctx.lineTo(x + arrowSize, ey);
+        }
+      }
+
+      ctx.closePath();
+      ctx.fill();
+    }
+
     ctx.restore();
     ctx.save();
     ctx.font = textStyle;
     ctx.fillStyle = (_opt$tipTextColor = opt.tipTextColor) !== null && _opt$tipTextColor !== void 0 ? _opt$tipTextColor : opt.tipStyle.textColor;
     ctx.textBaseline = 'middle';
     ctx.textAlign = 'center';
-    ctx.fillText("".concat(text), x, sy + height / 2);
+    ctx.fillText("".concat(text), sx + width / 2, sy + height / 2);
     ctx.restore();
   },
 
@@ -54313,11 +54733,13 @@ var chart_core_EvChart = /*#__PURE__*/function () {
     value: function drawSyncedIndicator(_ref) {
       var horizontal = _ref.horizontal,
           label = _ref.label,
-          mousePosition = _ref.mousePosition;
+          mousePosition = _ref.mousePosition,
+          useAxisTrigger = _ref.useAxisTrigger;
       this.drawSyncedIndicator({
         horizontal: horizontal,
         label: label,
-        mousePosition: mousePosition
+        mousePosition: mousePosition,
+        useAxisTrigger: useAxisTrigger
       });
     }
   }, {
@@ -56145,6 +56567,7 @@ var DEFAULT_OPTIONS = {
   combo: false,
   tooltip: {
     use: true,
+    trigger: 'axis',
     sortByValue: true,
     backgroundColor: '#4C4C4C',
     fontColor: '#FFFFFF',