evui 3.4.129 → 3.4.131

package/dist/evui.umd.js

@@ -11183,7 +11183,7 @@ module.exports = exports;
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.129\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.131\"}");
 
 /***/ }),
 
@@ -38512,26 +38512,26 @@ var es_string_match = __webpack_require__("466d");
       return value;
     }
 
-    var isNegative = value < 0;
-    var absValue = Math.abs(value);
-
     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');
+      if (v % target === 0) {
+        return "".concat((v / target).toFixed(decimalPoint)).concat(lb);
+      }
+
+      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');
     } else {
-      label = isNegative ? "-".concat(absValue.toFixed(decimalPoint)) : value.toFixed(decimalPoint);
+      label = value.toFixed(decimalPoint);
     }
 
     return label;
@@ -38805,23 +38805,21 @@ 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, passingValue);
+              series.minMax = _this.getSeriesMinMax(series.data);
             }
           });
         } 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, passingValue);
+              series.minMax = _this.getSeriesMinMax(series.data);
               series.valueOpt = _this.getSeriesValueOptForHeatMap(series);
             }
           });
@@ -38853,7 +38851,7 @@ var modules = {
                 series.data = _this.addSeriesDS(sData, label, series.isExistGrp);
               }
 
-              series.minMax = _this.getSeriesMinMax(series.data, series.passingValue);
+              series.minMax = _this.getSeriesMinMax(series.data);
             }
           });
         }
@@ -39249,19 +39247,17 @@ var modules = {
     var isHorizontal = this.options.horizontal;
     var sdata = [];
 
-    var getBaseDataPosition = function getBaseDataPosition(baseIndex, dataIndex, curr) {
+    var getBaseDataPosition = function getBaseDataPosition(baseIndex, dataIndex) {
       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 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;
+      var isPassingValue = baseSeries.passingValue === (baseData === null || baseData === void 0 ? void 0 : baseData.o);
 
-      if (isPassingValue || position == null || !isSameSign || !baseSeries.show) {
+      if (isPassingValue || position == null || !baseSeries.show) {
         if (nextBaseSeriesIndex > -1) {
-          return getBaseDataPosition(nextBaseSeriesIndex, dataIndex, curr);
+          return getBaseDataPosition(nextBaseSeriesIndex, dataIndex);
         }
 
         return 0;
@@ -39272,7 +39268,7 @@ var modules = {
 
     data.forEach(function (curr, index) {
       var baseIndex = bsIds.length - 1 < 0 ? 0 : bsIds.length - 1;
-      var bdata = getBaseDataPosition(baseIndex, index, curr); // base(previous) series data
+      var bdata = getBaseDataPosition(baseIndex, index); // base(previous) series data
 
       var odata = curr; // current series original data
 
@@ -39455,7 +39451,7 @@ var modules = {
    *
    * @returns {object} min/max info for series
    */
-  getSeriesMinMax: function getSeriesMinMax(data, passingValue) {
+  getSeriesMinMax: function getSeriesMinMax(data) {
     var def = {
       minX: null,
       minY: null,
@@ -39466,24 +39462,22 @@ 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, _p$o;
+        var _p$x, _p$y;
 
         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 (usePassingValue ? po !== passingValue && px <= minmax.minX : px <= minmax.minX) {
+        if (px <= minmax.minX) {
           minmax.minX = px === null ? 0 : px;
         }
 
-        if (usePassingValue ? po !== passingValue && py <= minmax.minY : py <= minmax.minY) {
+        if (py <= minmax.minY) {
           minmax.minY = py === null ? 0 : py;
         }
 
-        if (usePassingValue ? po !== passingValue && px >= minmax.maxX : px >= minmax.maxX) {
+        if (px >= minmax.maxX) {
           minmax.maxX = px === null ? 0 : px;
 
           if (isHorizontal && px !== null) {
@@ -39492,7 +39486,7 @@ var modules = {
           }
         }
 
-        if (usePassingValue ? po !== passingValue && py >= minmax.maxY : py >= minmax.maxY) {
+        if (py >= minmax.maxY) {
           minmax.maxY = py === null ? 0 : py;
 
           if (!isHorizontal && py !== null) {
@@ -40246,25 +40240,14 @@ var modules = {
             }
           }
 
-          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) {
+          if (smm.maxX >= minmax.x[axisX].max) {
             minmax.x[axisX].max = smm.maxX;
             minmax.x[axisX].maxSID = key;
           }
 
-          var maxYisNegative = minmax.y[axisY].max < 0;
-
-          if (isExistGrp && maxYisNegative) {
+          if (smm.maxY >= minmax.y[axisY].max) {
             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[axisY].maxSID = key;
+            minmax.y[axisX].maxSID = key;
           }
         }
 
@@ -41725,6 +41708,8 @@ var TIME_INTERVALS = {
 
 
 
+
+
 
 var element_line_Line = /*#__PURE__*/function () {
   function Line(sId, opt, sIdx) {
@@ -41859,6 +41844,7 @@ 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];
@@ -41881,12 +41867,8 @@ 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) {
@@ -41946,10 +41928,9 @@ var element_line_Line = /*#__PURE__*/function () {
             }
           });
           var gradient = ctx.createLinearGradient(0, chartRect.y2, 0, maxValueYPos);
-          var mainGradientColor = extent.opacity < 1 ? fillColor : mainColor;
-          gradient.addColorStop(0, includeNegativeValue ? mainGradientColor : fillColor);
+          gradient.addColorStop(0, fillColor);
           gradient.addColorStop(0.5, fillColor);
-          gradient.addColorStop(1, mainGradientColor);
+          gradient.addColorStop(1, extent.opacity < 1 ? fillColor : mainColor);
           ctx.fillStyle = gradient;
         } else {
           ctx.fillStyle = fillColor;
@@ -42017,7 +41998,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 : getYPos(0);
+                var bp = (_getYPos2 = getYPos(nextData.b)) !== null && _getYPos2 !== void 0 ? _getYPos2 : endPoint;
                 ctx.lineTo(xp, bp);
               }
 
@@ -42113,78 +42094,166 @@ var element_line_Line = /*#__PURE__*/function () {
       var gdata = this.data.filter(function (data) {
         return !helpers_util.isNullOrUndefined(data.x);
       });
-      var SPARE_XP = 0.5;
       var isLinearInterpolation = this.useLinearInterpolation();
 
       if (gdata !== null && gdata !== void 0 && gdata.length) {
         if (typeof dataIndex === 'number' && this.show) {
           item.data = gdata[dataIndex];
           item.index = dataIndex;
+
+          if (item.data) {
+            var point = gdata[dataIndex];
+            var yDist = Math.abs(yp - point.yp);
+            var directHitThreshold = 15; // 직접 히트 임계값
+
+            if (yDist <= directHitThreshold) {
+              item.hit = true;
+            }
+          }
         } else if (typeof this.beforeFindItemIndex === 'number' && this.show && useSelectLabelOrItem) {
           item.data = gdata[this.beforeFindItemIndex];
           item.index = this.beforeFindItemIndex;
         } else {
-          var _gdata$;
-
-          var s = 0;
-          var e = gdata.length - 1;
-          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) {
-              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 = Math.abs(xp - gdata[m - 1].xp);
-                var midXp = Math.abs(xp - gdata[m].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) {
-                    item.data = gdata[this.beforeFindItemIndex - 1];
-                    item.index = this.beforeFindItemIndex - 1;
-                  } else if (this.beforeMouseXp - xp < 0) {
-                    item.data = gdata[this.beforeFindItemIndex + 1];
-                    item.index = this.beforeFindItemIndex + 1;
-                  } else if (this.beforeMouseYp !== yp) {
-                    item.data = gdata[this.beforeFindItemIndex];
-                    item.index = this.beforeFindItemIndex;
-                  }
-                } else {
-                  var closeXp = Math.min(leftXp, midXp, rightXp);
-
-                  if (closeXp === leftXp) {
-                    item.data = gdata[m - 1];
-                    item.index = m - 1;
-                  } else if (closeXp === rightXp) {
-                    item.data = gdata[m + 1];
-                    item.index = m + 1;
-                  } else {
-                    item.data = gdata[m];
-                    item.index = m;
-                  }
+          // Axis 트리거 방식: X축 위치에서 가장 가까운 데이터 포인트 찾기
+          var closestXDistance = Infinity;
+          var closestIndex = -1; // null이 아닌 유효한 데이터만 필터링
+
+          var validData = [];
+          gdata.forEach(function (point, idx) {
+            if (point.xp !== null && point.yp !== null && point.o !== null) {
+              validData.push(_objectSpread2(_objectSpread2({}, point), {}, {
+                originalIndex: idx
+              }));
+            }
+          });
+
+          if (validData.length === 0) {
+            return item;
+          } // 이진 탐색으로 가장 가까운 포인트 찾기
+
+
+          var left = 0;
+          var right = validData.length - 1;
+
+          while (left <= right) {
+            var mid = Math.floor((left + right) / 2);
+            var _point = validData[mid];
+            var xDistance = Math.abs(xp - _point.xp);
+
+            if (xDistance < closestXDistance) {
+              closestXDistance = xDistance;
+              closestIndex = _point.originalIndex;
+            }
+
+            if (_point.xp < xp) {
+              left = mid + 1; // 다음 포인트도 확인
+
+              if (left < validData.length) {
+                var nextDistance = Math.abs(xp - validData[left].xp);
+
+                if (nextDistance < closestXDistance) {
+                  closestXDistance = nextDistance;
+                  closestIndex = validData[left].originalIndex;
                 }
-              } else {
-                item.data = gdata[m];
-                item.index = m;
               }
+            } else if (_point.xp > xp) {
+              right = mid - 1; // 이전 포인트도 확인
 
-              if (y - 6 <= yp && yp <= y + 6) {
-                item.hit = true;
-              }
+              if (right >= 0) {
+                var prevDistance = Math.abs(xp - validData[right].xp);
 
+                if (prevDistance < closestXDistance) {
+                  closestXDistance = prevDistance;
+                  closestIndex = validData[right].originalIndex;
+                }
+              }
+            } else {
+              // 정확히 일치하는 경우
               break;
-            } else if (x + xpInterval > xp) {
-              e = m - 1;
+            }
+          } // 이진 탐색 후 주변 포인트 추가 확인 (정확도 향상)
+
+
+          var foundIdx = validData.findIndex(function (p) {
+            return p.originalIndex === closestIndex;
+          });
+
+          if (foundIdx !== -1) {
+            // 앞뒤 2개씩 추가 확인
+            for (var i = Math.max(0, foundIdx - 2); i <= Math.min(validData.length - 1, foundIdx + 2); i++) {
+              var _point2 = validData[i];
+
+              var _xDistance = Math.abs(xp - _point2.xp);
+
+              if (_xDistance < closestXDistance) {
+                closestXDistance = _xDistance;
+                closestIndex = _point2.originalIndex;
+              }
+            }
+          } // 가장 가까운 포인트 설정
+
+
+          if (closestIndex !== -1) {
+            // 데이터 간격 계산 - 모든 데이터(null 포함)의 평균 간격 사용
+            var avgInterval = 50;
+
+            if (gdata.length > 1) {
+              var intervals = [];
+
+              for (var _i = 1; _i < gdata.length; _i++) {
+                if (gdata[_i].xp !== null && gdata[_i - 1].xp !== null) {
+                  intervals.push(Math.abs(gdata[_i].xp - gdata[_i - 1].xp));
+                }
+              }
+
+              if (intervals.length > 0) {
+                avgInterval = intervals.reduce(function (a, b) {
+                  return a + b;
+                }, 0) / intervals.length;
+              }
+            } // 두 가지 임계값 설정
+
+
+            var strictThreshold = avgInterval * 0.3; // 엄격한 임계값: 데이터 간격의 30%
+
+            var relaxedThreshold = avgInterval; // 느슨한 임계값: 데이터 간격 전체
+            // 1. 먼저 엄격한 임계값으로 정확한 매치 확인
+
+            if (closestXDistance <= strictThreshold) {
+              // 정확히 일치하거나 매우 가까운 데이터가 있음
+              item.data = gdata[closestIndex];
+              item.index = closestIndex;
             } else {
-              s = m + 1;
+              // 2. 정확한 매치가 없을 때, 현재 X 위치 근처에 다른 유효 데이터가 있는지 확인
+              var hasNearbyValidData = false;
+
+              for (var _i2 = 0; _i2 < validData.length; _i2++) {
+                var xDist = Math.abs(xp - validData[_i2].xp);
+
+                if (xDist <= strictThreshold) {
+                  hasNearbyValidData = true;
+                  break;
+                }
+              } // 3. 근처에 다른 유효 데이터가 없을 때만 느슨한 임계값 적용
+
+
+              if (!hasNearbyValidData && closestXDistance <= relaxedThreshold) {
+                item.data = gdata[closestIndex];
+                item.index = closestIndex;
+              }
+            } // Y축 거리를 확인하여 직접 히트 판정
+
+
+            if (item.data) {
+              var _point3 = gdata[closestIndex];
+
+              var _yDist = Math.abs(yp - _point3.yp);
+
+              var _directHitThreshold = 15; // 직접 히트 임계값
+
+              if (_yDist <= _directHitThreshold) {
+                item.hit = true;
+              }
             }
           }
         }
@@ -42215,6 +42284,8 @@ var element_line_Line = /*#__PURE__*/function () {
   }, {
     key: "findApproximateData",
     value: function findApproximateData(offset) {
+      var _gdata$, _gdata$2;
+
       var xp = offset[0];
       var yp = offset[1];
       var item = {
@@ -42225,41 +42296,87 @@ var element_line_Line = /*#__PURE__*/function () {
       var gdata = this.data.filter(function (data) {
         return !helpers_util.isNullOrUndefined(data.x);
       });
+
+      if (!gdata.length) {
+        return item;
+      } // 동적 감지 범위 계산
+
+
+      var gap = gdata.length > 1 ? Math.abs(((_gdata$ = gdata[1]) === null || _gdata$ === void 0 ? void 0 : _gdata$.xp) - ((_gdata$2 = gdata[0]) === null || _gdata$2 === void 0 ? void 0 : _gdata$2.xp)) : 50;
+      var xpInterval = Math.max(gap * 0.4, 10); // 데이터 간격의 40% 또는 최소 10px
+
       var s = 0;
       var e = gdata.length - 1;
+      var closestIndex = -1;
+      var closestDistance = Infinity; // 이진 탐색으로 근처 데이터 찾기
 
       while (s <= e) {
         var m = Math.floor((s + e) / 2);
-        var x = gdata[m].xp;
-        var y = gdata[m].yp;
+        var x = gdata[m].xp; // X 좌표가 감지 범위 내에 있는 경우
 
-        if (x - 2 <= xp && xp <= x + 2) {
-          item.data = gdata[m];
-          item.index = m;
+        if (x - xpInterval <= xp && xp <= x + xpInterval) {
+          // 중간점 주변 데이터들과 거리 비교
+          var checkStart = Math.max(0, m - 2);
+          var checkEnd = Math.min(gdata.length - 1, m + 2);
 
-          if (y - 2 <= yp && yp <= y + 2) {
-            item.hit = true;
+          for (var i = checkStart; i <= checkEnd; i++) {
+            if (gdata[i].xp !== null && gdata[i].yp !== null) {
+              var distance = Math.sqrt(Math.pow(xp - gdata[i].xp, 2) + Math.pow(yp - gdata[i].yp, 2));
+
+              if (distance < closestDistance) {
+                closestDistance = distance;
+                closestIndex = i;
+              }
+            }
+          }
+
+          if (closestIndex !== -1) {
+            item.data = gdata[closestIndex];
+            item.index = closestIndex; // 매우 가까운 경우 hit으로 표시
+
+            if (closestDistance < 5) {
+              item.hit = true;
+            }
           }
 
           return item;
-        } else if (x + 2 < xp) {
+        } else if (x + xpInterval < xp) {
+          // 마우스가 오른쪽에 있는 경우
           if (m < e && xp < gdata[m + 1].xp) {
             var curr = Math.abs(gdata[m].xp - xp);
             var next = Math.abs(gdata[m + 1].xp - xp);
             item.data = curr > next ? gdata[m + 1] : gdata[m];
-            item.index = curr > next ? m + 1 : m;
+            item.index = curr > next ? m + 1 : m; // Y 거리도 확인하여 hit 판정
+
+            var selectedPoint = item.data;
+            var yDist = Math.abs(yp - selectedPoint.yp);
+
+            if (yDist < 10) {
+              item.hit = true;
+            }
+
             return item;
           }
 
           s = m + 1;
         } else {
+          // 마우스가 왼쪽에 있는 경우
           if (m > 0 && xp > gdata[m - 1].xp) {
             var prev = Math.abs(gdata[m - 1].xp - xp);
 
             var _curr = Math.abs(gdata[m].xp - xp);
 
             item.data = prev > _curr ? gdata[m] : gdata[m - 1];
-            item.index = prev > _curr ? m : m - 1;
+            item.index = prev > _curr ? m : m - 1; // Y 거리도 확인하여 hit 판정
+
+            var _selectedPoint = item.data;
+
+            var _yDist2 = Math.abs(yp - _selectedPoint.yp);
+
+            if (_yDist2 < 10) {
+              item.hit = true;
+            }
+
             return item;
           }
 
@@ -42710,6 +42827,7 @@ var element_scatter_Scatter = /*#__PURE__*/function () {
 
 
 
+
 var element_bar_Bar = /*#__PURE__*/function () {
   function Bar(sId, opt, sIdx, isHorizontal) {
     var _this = this;
@@ -42772,18 +42890,11 @@ var element_bar_Bar = /*#__PURE__*/function () {
       var minmaxX = axesSteps.x[this.xAxisIndex];
       var minmaxY = axesSteps.y[this.yAxisIndex];
       var totalCount = this.data.length;
-      var minIndex;
-      var maxIndex;
 
-      if (isHorizontal) {
-        var _ref = [minmaxY.minIndex, minmaxY.maxIndex];
-        minIndex = _ref[0];
-        maxIndex = _ref[1];
-      } else {
-        var _ref2 = [minmaxX.minIndex, minmaxX.maxIndex];
-        minIndex = _ref2[0];
-        maxIndex = _ref2[1];
-      } // minIndex, maxIndex가 유효하면 실제 그릴 데이터 개수로 보정
+      var _ref = isHorizontal ? [minmaxY.minIndex, minmaxY.maxIndex] : [minmaxX.minIndex, minmaxX.maxIndex],
+          _ref2 = _slicedToArray(_ref, 2),
+          minIndex = _ref2[0],
+          maxIndex = _ref2[1]; // minIndex, maxIndex가 유효하면 실제 그릴 데이터 개수로 보정
 
 
       if (truthyNumber(minIndex) && truthyNumber(maxIndex)) {
@@ -42792,12 +42903,8 @@ var element_bar_Bar = /*#__PURE__*/function () {
 
       var xArea = chartRect.chartWidth - (labelOffset.left + labelOffset.right);
       var yArea = chartRect.chartHeight - (labelOffset.top + 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 xsp = chartRect.x1 + labelOffset.left;
+      var ysp = chartRect.y2 - labelOffset.bottom;
       var dArea = isHorizontal ? yArea : xArea;
       var cArea = dArea / (totalCount || 1);
       var cPad;
@@ -42814,20 +42921,7 @@ var element_bar_Bar = /*#__PURE__*/function () {
       var h;
       bArea = cArea > cPad * 2 ? cArea - cPad * 2 : cArea;
       bArea = this.isExistGrp ? bArea : bArea / showSeriesCount;
-
-      var getSize = function getSize() {
-        if (typeof thickness === 'string' && /[0-9]+px/.test(thickness)) {
-          return Math.min(bArea, Number(thickness.replace('px', '')));
-        }
-
-        if (typeof thickness === 'number' && thickness <= 1 && thickness >= 0) {
-          return Math.ceil(bArea * thickness);
-        }
-
-        return bArea;
-      };
-
-      var size = getSize();
+      var size = this.calculateBarSize(thickness, bArea);
       w = isHorizontal ? null : size;
       h = isHorizontal ? size : null;
       var bPad = isHorizontal ? (bArea - h) / 2 : (bArea - w) / 2;
@@ -42855,14 +42949,7 @@ var element_bar_Bar = /*#__PURE__*/function () {
           var _param$selectLabel, _param$selectItem, _param$selectLabel$se, _param$selectLabel2, _param$selectLabel2$s, _param$selectItem$sel, _param$selectItem2;
 
           // 스크롤 offset(minIndex)만큼 보정해서 그리기
-          var categoryPoint = void 0;
-
-          if (isHorizontal) {
-            categoryPoint = ysp - cArea * screenIndex - cPad;
-          } else {
-            categoryPoint = xsp + cArea * screenIndex + cPad;
-          } // 기본 위치 설정
-
+          var categoryPoint = isHorizontal ? ysp - cArea * screenIndex - cPad : xsp + cArea * screenIndex + cPad;
 
           if (isHorizontal) {
             x = xsp;
@@ -42870,30 +42957,22 @@ 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) {
-              x = helpers_canvas.calculateX(item.b, minmaxX.graphMin, minmaxX.graphMax, xArea, xsp - xZeroPosition);
+              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);
             }
-
-            var minimumBarWidth = barValue > 0 ? -1 : 1;
-            w = barValue && Math.abs(w) === 0 ? minimumBarWidth : w;
+          } 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);
           } else {
-            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;
+            // vertical bar chart
+            h = helpers_canvas.calculateY(item.y, minmaxY.graphMin, minmaxY.graphMax, yArea);
           }
 
           var barColor = item.dataColor || this.color;
@@ -43048,13 +43127,32 @@ var element_bar_Bar = /*#__PURE__*/function () {
      * Find graph item
      * @param {array}    offset          mouse position
      * @param {boolean}  isHorizontal    determines if a horizontal option's value
+     * @param {number}   dataIndex       selected label data index
+     * @param {boolean}  useIndicatorOnLabel
      *
      * @returns {object} graph item
      */
 
   }, {
     key: "findGraphData",
-    value: function findGraphData(offset, isHorizontal) {
+    value: function findGraphData(offset, isHorizontal, dataIndex, useIndicatorOnLabel) {
+      if (typeof dataIndex === 'number' && this.show && useIndicatorOnLabel) {
+        var gdata = this.data;
+        var item = {
+          data: null,
+          hit: false,
+          color: this.color
+        };
+
+        if (gdata[dataIndex]) {
+          item.data = gdata[dataIndex];
+          item.index = dataIndex;
+          item.hit = this.isPointInBar(offset, gdata[dataIndex]);
+        }
+
+        return item;
+      }
+
       return isHorizontal ? this.findGraphRangeCount(offset) : this.findGraphRange(offset);
     }
     /**
@@ -43064,13 +43162,23 @@ var element_bar_Bar = /*#__PURE__*/function () {
      * @returns {object} graph item
      */
 
+    /**
+     * Binary search for finding graph item
+     * @private
+     * @param {array} offset - mouse position
+     * @param {boolean} isHorizontal - search orientation
+     * @returns {object} graph item
+     */
+
   }, {
-    key: "findGraphRange",
-    value: function findGraphRange(offset) {
+    key: "binarySearchBar",
+    value: function binarySearchBar(offset, isHorizontal) {
       var _this$filteredCount;
 
-      var xp = offset[0];
-      var yp = offset[1];
+      var _offset = _slicedToArray(offset, 2),
+          xp = _offset[0],
+          yp = _offset[1];
+
       var item = {
         data: null,
         hit: false,
@@ -43083,21 +43191,25 @@ var element_bar_Bar = /*#__PURE__*/function () {
 
       while (s <= e) {
         var m = Math.floor((s + e) / 2);
-        var sx = gdata[m].xp;
-        var sy = gdata[m].yp;
-        var ex = sx + gdata[m].w;
-        var ey = sy + gdata[m].h;
-
-        if (sx <= xp && xp <= ex) {
-          item.data = gdata[m];
-          item.index = gdata[m].index; // 원본 데이터 인덱스 사용
+        var barData = gdata[m];
+        var sx = barData.xp,
+            sy = barData.yp,
+            w = barData.w,
+            h = barData.h;
+        var ex = sx + w;
+        var ey = sy + h;
+        var inRange = isHorizontal ? ey <= yp && yp <= sy : sx <= xp && xp <= ex;
+
+        if (inRange) {
+          item.data = barData;
+          item.index = barData.index;
+          item.hit = this.isPointInBar(offset, barData);
+          return item;
+        }
 
-          if (ey <= yp && yp <= sy) {
-            item.hit = true;
-          }
+        var shouldGoRight = isHorizontal ? !(ey < yp) : sx + 4 < xp;
 
-          return item;
-        } else if (sx + 4 < xp) {
+        if (shouldGoRight) {
           s = m + 1;
         } else {
           e = m - 1;
@@ -43106,6 +43218,11 @@ var element_bar_Bar = /*#__PURE__*/function () {
 
       return item;
     }
+  }, {
+    key: "findGraphRange",
+    value: function findGraphRange(offset) {
+      return this.binarySearchBar(offset, false);
+    }
     /**
      * Find graph item (horizontal)
      * @param {array}    offset          mouse position
@@ -43116,44 +43233,7 @@ var element_bar_Bar = /*#__PURE__*/function () {
   }, {
     key: "findGraphRangeCount",
     value: function findGraphRangeCount(offset) {
-      var _this$filteredCount2;
-
-      var xp = offset[0];
-      var yp = offset[1];
-      var item = {
-        data: null,
-        hit: false,
-        color: this.color
-      };
-      var gdata = this.data;
-      var totalCount = (_this$filteredCount2 = this.filteredCount) !== null && _this$filteredCount2 !== void 0 ? _this$filteredCount2 : gdata.length;
-      var s = 0;
-      var e = totalCount - 1;
-
-      while (s <= e) {
-        var m = Math.floor((s + e) / 2);
-        var sx = gdata[m].xp;
-        var sy = gdata[m].yp;
-        var ex = sx + gdata[m].w;
-        var ey = sy + gdata[m].h;
-
-        if (ey <= yp && yp <= sy) {
-          item.data = gdata[m];
-          item.index = gdata[m].index; // 원본 데이터 인덱스 사용
-
-          if (sx <= xp && xp <= ex) {
-            item.hit = true;
-          }
-
-          return item;
-        } else if (ey < yp) {
-          e = m - 1;
-        } else {
-          s = m + 1;
-        }
-      }
-
-      return item;
+      return this.binarySearchBar(offset, true);
     }
     /**
      * Draw value label if series 'use' of showValue option is true
@@ -43182,10 +43262,10 @@ var element_bar_Bar = /*#__PURE__*/function () {
           align = _this$showValue.align,
           formatter = _this$showValue.formatter,
           decimalPoint = _this$showValue.decimalPoint;
-      var barX = positions.x,
-          barY = positions.y,
-          barWidth = positions.w,
-          barHeight = positions.h;
+      var x = positions.x,
+          y = positions.y,
+          w = positions.w,
+          h = positions.h;
       var ctx = context;
       ctx.save();
       ctx.beginPath();
@@ -43220,27 +43300,25 @@ 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; // 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;
+      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;
 
       switch (align) {
         case 'start':
           {
-            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);
+            if (isHorizontal) {
+              if (textWidth < widthFreeSpaceToDraw) {
+                ctx.fillText(formattedTxt, minXPos, centerYHorizontal);
+              }
+            } else if (textHeight < heightFreeSpaceToDraw) {
+              ctx.fillText(formattedTxt, centerX, minYPos);
             }
 
             break;
@@ -43248,10 +43326,12 @@ var element_bar_Bar = /*#__PURE__*/function () {
 
         case 'center':
           {
-            if (isHorizontal && textWidth < drawableBarWidth) {
-              ctx.fillText(formattedTxt, centerXOnBar, centerYOnBar);
-            } else if (!isHorizontal && textHeight < drawableBarHeight) {
-              ctx.fillText(formattedTxt, centerXOnBar, barY + barHeight / 2);
+            if (isHorizontal) {
+              if (textWidth < widthFreeSpaceToDraw) {
+                ctx.fillText(formattedTxt, centerX, centerYHorizontal);
+              }
+            } else if (textHeight < heightFreeSpaceToDraw) {
+              ctx.fillText(formattedTxt, centerX, centerY);
             }
 
             break;
@@ -43265,26 +43345,9 @@ var element_bar_Bar = /*#__PURE__*/function () {
             }
 
             if (isHorizontal) {
-              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);
-                }
-              }
+              ctx.fillText(formattedTxt, minXPos + w, centerYHorizontal);
             } else {
-              var _yPos = isNegativeValue ? barY + barHeight + GAP : barY + barHeight - GAP;
-
-              ctx.fillText(formattedTxt, centerXOnBar, _yPos);
+              ctx.fillText(formattedTxt, centerX, y + h - textHeight / 2);
             }
 
             break;
@@ -43293,22 +43356,14 @@ var element_bar_Bar = /*#__PURE__*/function () {
         default:
         case 'end':
           {
-            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);
+            if (isHorizontal) {
+              if (textWidth < widthFreeSpaceToDraw) {
+                var xPos = x + w - textWidth * 2;
+                ctx.fillText(formattedTxt, xPos <= minXPos ? minXPos : xPos, centerYHorizontal);
               }
+            } else if (textHeight < heightFreeSpaceToDraw) {
+              var yPos = y + h + textHeight;
+              ctx.fillText(formattedTxt, centerX, yPos >= minYPos ? minYPos : yPos);
             }
 
             break;
@@ -43317,14 +43372,36 @@ var element_bar_Bar = /*#__PURE__*/function () {
 
       ctx.restore();
     }
+    /**
+     * Calculate bar size based on thickness
+     * @private
+     * @param {string|number} thickness - thickness value
+     * @param {number} bArea - available bar area
+     * @returns {number} calculated size
+     */
+
+  }, {
+    key: "calculateBarSize",
+    value: function calculateBarSize(thickness, bArea) {
+      if (typeof thickness === 'string' && /[0-9]+px/.test(thickness)) {
+        return Math.min(bArea, Number(thickness.replace('px', '')));
+      }
+
+      if (typeof thickness === 'number' && thickness <= 1 && thickness >= 0) {
+        return Math.ceil(bArea * thickness);
+      }
+
+      return bArea;
+    }
   }, {
     key: "drawBar",
     value: function drawBar(_ref6) {
       var ctx = _ref6.ctx,
           positions = _ref6.positions;
-      var isHorizontal = this.isHorizontal;
+      var isHorizontal = this.isHorizontal,
+          borderRadius = this.borderRadius;
       var isStackBar = ('stackIndex' in this);
-      var isBorderRadius = this.borderRadius && this.borderRadius > 0;
+      var isBorderRadius = borderRadius && borderRadius > 0;
       var x = positions.x,
           y = positions.y,
           w = positions.w;
@@ -43348,67 +43425,68 @@ var element_bar_Bar = /*#__PURE__*/function () {
 
       ctx.restore();
     }
+    /**
+     * Check if point is within bar boundaries
+     * @param {array} offset - [x, y] mouse position
+     * @param {object} barData - bar data object with xp, yp, w, h properties
+     * @returns {boolean} true if point is within bar
+     */
+
+  }, {
+    key: "isPointInBar",
+    value: function isPointInBar(offset, barData) {
+      var _offset2 = _slicedToArray(offset, 2),
+          xp = _offset2[0],
+          yp = _offset2[1];
+
+      var sx = barData.xp,
+          sy = barData.yp,
+          w = barData.w,
+          h = barData.h;
+      var ex = sx + w;
+      var ey = sy + h;
+      return sx <= xp && xp <= ex && ey <= yp && yp <= sy;
+    }
   }, {
     key: "drawRoundedRect",
     value: function drawRoundedRect(ctx, positions) {
-      var chartRect = this.chartRect;
-      var labelOffset = this.labelOffset;
-      var isHorizontal = this.isHorizontal;
+      var chartRect = this.chartRect,
+          labelOffset = this.labelOffset,
+          isHorizontal = this.isHorizontal,
+          borderRadius = this.borderRadius;
       var x = positions.x,
           y = positions.y;
       var w = positions.w,
           h = positions.h;
-      var r = this.borderRadius;
+      var r = borderRadius;
       var squarePath = new Path2D();
       squarePath.rect(chartRect.x1 + labelOffset.left, chartRect.y1, chartRect.chartWidth - labelOffset.right, chartRect.chartHeight - labelOffset.bottom);
       ctx.clip(squarePath);
       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) {
-        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);
+        if (h < r * 2) {
+          r = h / 2;
         }
+
+        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 {
-        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);
+        if (w < r * 2) {
+          r = w / 2;
         }
+
+        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();
@@ -44732,7 +44810,7 @@ var element_heatmap_HeatMap = /*#__PURE__*/function () {
     key: "findSelectionRange",
     value: function findSelectionRange(rangeInfo) {
       var xsp = rangeInfo.xsp,
-          ycp = rangeInfo.ycp,
+          ysp = rangeInfo.ysp,
           width = rangeInfo.width,
           height = rangeInfo.height,
           range = rangeInfo.range;
@@ -44760,7 +44838,6 @@ var element_heatmap_HeatMap = /*#__PURE__*/function () {
         var gapX = (x2 - x1) / labelXCount;
         var gapY = (y2 - y1) / labelYCount;
         var xep = xsp + width;
-        var ysp = ycp;
         var yep = ysp + height;
         var xIndex = {
           min: Math.floor((xsp - x1) / gapX),
@@ -44768,8 +44845,8 @@ var element_heatmap_HeatMap = /*#__PURE__*/function () {
         };
         var lastIndexY = labelYCount - 1;
         var yIndex = {
-          min: lastIndexY - Math.floor((yep - y1 - gapY) / gapY),
-          max: lastIndexY - Math.floor((ysp - y1) / gapY)
+          min: lastIndexY - Math.round((yep - y1 - gapY) / gapY),
+          max: lastIndexY - Math.round((ysp - y1) / gapY)
         };
         var filteredLabelX = this.getFilteredLabel(labelX, labelXCount, xMin, xMax);
         var filteredLabelY = this.getFilteredLabel(labelY, labelYCount, yMin, yMax);
@@ -45163,7 +45240,6 @@ 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
@@ -45372,14 +45448,6 @@ 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 : ''
@@ -45485,11 +45553,9 @@ var scale_Scale = /*#__PURE__*/function () {
           }
 
           var mergedPlotBandOpt = lodash_es_defaultsDeep({}, plotBand, PLOT_BAND_OPTION);
-          var userDefinedFrom = mergedPlotBandOpt.from,
-              userDefinedTo = mergedPlotBandOpt.to,
+          var from = mergedPlotBandOpt.from,
+              to = mergedPlotBandOpt.to,
               labelOpt = mergedPlotBandOpt.label;
-          var from = userDefinedFrom ? Math.max(userDefinedFrom, axisMin) : axisMin;
-          var to = userDefinedTo ? Math.min(userDefinedTo, axisMax) : axisMax;
 
           _this3.setPlotBandStyle(mergedPlotBandOpt);
 
@@ -45497,8 +45563,8 @@ var scale_Scale = /*#__PURE__*/function () {
           var toPos;
 
           if (_this3.type === 'x') {
-            fromPos = helpers_canvas.calculateX(from, axisMin, axisMax, xArea, minX);
-            toPos = helpers_canvas.calculateX(to, axisMin, axisMax, xArea, minX);
+            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);
 
             if (fromPos === null || toPos === null) {
               return;
@@ -45506,8 +45572,8 @@ var scale_Scale = /*#__PURE__*/function () {
 
             _this3.drawXPlotBand(fromPos, toPos, minX, maxX, minY, maxY);
           } else {
-            fromPos = helpers_canvas.calculateY(from, axisMin, axisMax, yArea, maxY);
-            toPos = helpers_canvas.calculateY(to, axisMin, axisMax, yArea, maxY);
+            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);
 
             if (fromPos === null || toPos === null) {
               return;
@@ -46078,7 +46144,6 @@ var scale_time_TimeScale = /*#__PURE__*/function (_Scale) {
 
 
 
-
 var scale_linear_LinearScale = /*#__PURE__*/function (_Scale) {
   _inherits(LinearScale, _Scale);
 
@@ -46117,192 +46182,16 @@ 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 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)
-      };
+      var step = range.maxSteps;
+      return this.interval ? this.interval : Math.ceil((max - min) / step);
     }
   }]);
 
@@ -47532,7 +47421,7 @@ var plugins_legend_modules = {
     var useLegendSeries = [];
 
     if (groups) {
-      useLegendSeries = groups.filter(function (sId) {
+      useLegendSeries = groups.slice().reverse().filter(function (sId) {
         return _this3.seriesList[sId].showLegend;
       }).map(function (sId) {
         return [sId, _this3.seriesList[sId]];
@@ -47583,8 +47472,9 @@ var plugins_legend_modules = {
   },
 
   /**
-   * Adds legends for each group in `groups` array, iterating through each series within the group.
-   * Only adds series with `showLegend` set to `true`.
+   * 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`.
    *
    * @param {Array} groups - Array of groups containing series identifiers.
    * @param {Object} seriesList - Object containing all series, keyed by series ID.
@@ -47595,7 +47485,7 @@ var plugins_legend_modules = {
     var _this5 = this;
 
     groups.forEach(function (group) {
-      group.forEach(function (sId) {
+      group.slice().reverse().forEach(function (sId) {
         var series = seriesList[sId];
 
         if (series && series.showLegend) {
@@ -50710,7 +50600,7 @@ function toFinite(value) {
  * _.inRange(-3, -2, -6);
  * // => true
  */
-function inRange(number, start, end) {
+function inRange_inRange(number, start, end) {
   start = lodash_es_toFinite(start);
   if (end === undefined) {
     end = start;
@@ -50722,7 +50612,7 @@ function inRange(number, start, end) {
   return _baseInRange(number, start, end);
 }
 
-/* harmony default export */ var lodash_es_inRange = (inRange);
+/* harmony default export */ var lodash_es_inRange = (inRange_inRange);
 
 // CONCATENATED MODULE: ./src/components/chart/plugins/plugins.interaction.js
 
@@ -50741,13 +50631,6 @@ function inRange(number, start, end) {
 
 
 
-
-
-
-
-
-
-
 
 
 
@@ -50838,6 +50721,29 @@ var plugins_interaction_modules = {
               _this.drawTooltip(hitInfo, _this.tooltipCtx);
             }
           }
+        } // tooltip이 표시될 때 indicator를 해당 라벨 위치로 이동 (line 차트이거나 line series가 포함된 경우)
+
+
+        var hasLineSeries = Object.values(_this.seriesList || {}).some(function (series) {
+          return series.type === 'line';
+        });
+
+        if (tooltip.use && (type === 'line' || hasLineSeries)) {
+          // indicator를 그리고 실제 위치한 라벨 정보를 받음
+          var indicatorInfo = _this.drawIndicatorForTooltip(hitInfo, indicator.color); // 실제 indicator가 위치한 라벨 값을 동기화에 사용
+
+
+          var actualLabelValue = indicatorInfo === null || indicatorInfo === void 0 ? void 0 : indicatorInfo.labelValue;
+
+          var label = _this.getTimeLabel(offset);
+
+          args.hoveredLabel = {
+            horizontal: _this.options.horizontal,
+            label: label,
+            mousePosition: [e.clientX, e.clientY],
+            dataLabel: actualLabelValue,
+            isTooltipBased: true
+          };
         }
       } else if (tooltip.use && _this.isInitTooltip) {
         if (typeof (tooltip === null || tooltip === void 0 ? void 0 : tooltip.returnValue) === 'function') {
@@ -50849,35 +50755,28 @@ var plugins_interaction_modules = {
 
       if (_this.dragInfoBackup) {
         _this.drawSelectionArea(_this.dragInfoBackup);
-      }
-
-      if (indicator.use && type !== 'pie' && type !== 'scatter' && type !== 'heatMap') {
-        // Use data point position instead of mouse position for indicator when tooltip is enabled
-        var indicatorOffset = offset;
-
-        var label = _this.getTimeLabel(offset);
+      } // tooltip 기반 indicator가 아직 설정되지 않은 경우에만 일반 indicator 처리
 
-        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 (!args.hoveredLabel && type !== 'pie' && type !== 'scatter' && type !== 'heatMap') {
+        // line 차트가 아니고 line series가 없거나, tooltip이 없을 때는 일반 indicator 표시
+        var _hasLineSeries = Object.values(_this.seriesList || {}).some(function (series) {
+          return series.type === 'line';
+        });
 
-          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];
-          }
+        if (type !== 'line' && !_hasLineSeries || !tooltip.use || !Object.keys(hitInfo.items).length) {
+          _this.drawIndicator(offset, indicator.color);
         }
 
-        _this.drawIndicator(indicatorOffset, indicator.color);
+        var _label = _this.getTimeLabel(offset);
 
         args.hoveredLabel = {
           horizontal: _this.options.horizontal,
-          label: label,
+          label: _label,
           mousePosition: [e.clientX, e.clientY],
-          useAxisTrigger: useAxisTrigger
+          isTooltipBased: false
         };
-      } else {
+      } else if (!args.hoveredLabel) {
         args.hoveredLabel = {
           label: ''
         };
@@ -51735,19 +51634,11 @@ 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 {HitInfo} hit item information
+   * @returns {object} hit item information
    */
   findHitItem: function findHitItem(offset) {
     var _this4 = this;
@@ -51755,122 +51646,160 @@ var plugins_interaction_modules = {
     var sIds = Object.keys(this.seriesList);
     var items = {};
     var isHorizontal = !!this.options.horizontal;
-    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
+    var ctx = this.tooltipCtx;
+    var hitId = null;
+    var maxs = '';
+    var maxsw = 0;
+    var maxv = '';
+    var maxg = null;
+    var maxSID = null; // 파이 차트는 특별한 처리가 필요
 
+    if (this.options.type === 'pie') {
+      for (var ix = 0; ix < sIds.length; ix++) {
+        var sId = sIds[ix];
+        var series = this.seriesList[sId];
 
-    if (this._measureTextCache.size > 1000) {
-      var entries = Array.from(this._measureTextCache.entries()); // Sort by text length (shorter texts are likely more frequently used)
+        if (series.findGraphData && series.show) {
+          var item = series.findGraphData(offset);
 
-      entries.sort(function (_ref2, _ref3) {
-        var _ref4 = _slicedToArray(_ref2, 1),
-            keyA = _ref4[0];
+          if (item !== null && item !== void 0 && item.data && item.hit) {
+            var gdata = item.data.o;
 
-        var _ref5 = _slicedToArray(_ref3, 1),
-            keyB = _ref5[0];
+            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: 0,
+                y: 0
+              };
+              items[sId] = item;
+              var formattedTxt = this.getFormattedTooltipValue({
+                dataId: series.id,
+                seriesId: sId,
+                seriesName: formattedSeriesName,
+                value: gdata,
+                itemData: item.data
+              });
+              item.data.formatted = formattedTxt;
 
-        var textA = keyA.split('-')[0];
-        var textB = keyB.split('-')[0];
-        return textA.length - textB.length;
-      }); // Keep the first 500 entries (shorter texts)
+              if (maxsw < sw) {
+                maxs = formattedSeriesName;
+                maxsw = sw;
+              }
 
-      this._measureTextCache.clear();
+              if (maxv.length <= "".concat(formattedTxt).length) {
+                maxv = "".concat(formattedTxt);
+              }
 
-      entries.slice(0, 500).forEach(function (_ref6) {
-        var _ref7 = _slicedToArray(_ref6, 2),
-            key = _ref7[0],
-            value = _ref7[1];
+              if (maxg === null || maxg <= gdata) {
+                maxg = gdata;
+                maxSID = sId;
+              }
 
-        _this4._measureTextCache.set(key, value);
-      });
-    }
+              hitId = sId;
+            }
+          }
+        }
+      }
 
-    var hitId = null;
-    var maxs = '';
-    var maxsw = 0;
-    var maxv = '';
-    var maxg = null;
-    var maxSID = null;
+      var _maxHighlight2 = maxg !== null ? [maxSID, maxg] : null;
 
-    for (var ix = 0; ix < sIds.length; ix++) {
-      var sId = sIds[ix];
-      var series = this.seriesList[sId]; // Skip hidden series for performance
+      return {
+        items: items,
+        hitId: hitId,
+        maxTip: [maxs, maxv],
+        maxHighlight: _maxHighlight2
+      };
+    } // 1. 먼저 공통으로 사용할 데이터 인덱스 결정
 
-      if (!series.show || !series.findGraphData) {
-        // eslint-disable-next-line no-continue
-        continue;
-      }
 
-      var item = series.findGraphData(offset, isHorizontal);
+    var targetDataIndex = this.findClosestDataIndex(offset, sIds);
 
-      if (item !== null && item !== void 0 && item.data) {
-        var gdata = void 0;
+    if (targetDataIndex === -1) {
+      return {
+        items: items,
+        hitId: hitId,
+        maxTip: [maxs, maxv],
+        maxHighlight: null
+      };
+    } // 2. 모든 시리즈가 동일한 데이터 인덱스 사용
 
-        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
-          }); // Use cached measureText for better performance
+    var allSeriesIsBar = sIds.every(function (sId) {
+      return _this4.seriesList[sId].type === 'bar';
+    });
 
-          var sw = 1;
+    for (var _ix = 0; _ix < sIds.length; _ix++) {
+      var _sId = sIds[_ix];
+      var _series = this.seriesList[_sId];
 
-          if (ctx) {
-            var cacheKey = "".concat(formattedSeriesName, "-").concat(ctx.font);
+      if (_series.findGraphData && _series.show) {
+        // 특정 데이터 인덱스로 데이터 요청
+        var _item = _series.findGraphData(offset, isHorizontal, targetDataIndex, !allSeriesIsBar);
 
-            if (this._measureTextCache.has(cacheKey)) {
-              sw = this._measureTextCache.get(cacheKey);
-            } else {
-              sw = ctx.measureText(formattedSeriesName).width;
+        if (_item !== null && _item !== void 0 && _item.data) {
+          var _gdata = void 0;
 
-              this._measureTextCache.set(cacheKey, sw);
+          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;
           }
 
-          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
+            });
 
-          if (maxsw < sw) {
-            maxs = formattedSeriesName;
-            maxsw = sw;
-          }
+            var _sw = ctx ? ctx.measureText(_formattedSeriesName).width : 1;
 
-          if (maxv.length <= "".concat(formattedTxt).length) {
-            maxv = "".concat(formattedTxt);
-          }
+            _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
+            });
 
-          if (maxg === null || maxg <= gdata) {
-            maxg = gdata;
-            maxSID = sId;
-          }
+            _item.data.formatted = _formattedTxt;
 
-          if (item.hit) {
-            hitId = sId;
+            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;
+            }
           }
         }
       }
@@ -51886,6 +51815,78 @@ var plugins_interaction_modules = {
     };
   },
 
+  /**
+   * Find the closest data index (label) based on mouse position
+   * @param {array} offset mouse position
+   * @param {array} sIds series IDs
+   * @returns {number} closest data index
+   */
+  findClosestDataIndex: function findClosestDataIndex(offset, sIds) {
+    var _this5 = this,
+        _this$seriesList$refe;
+
+    var _offset = _slicedToArray(offset, 2),
+        xp = _offset[0],
+        yp = _offset[1];
+
+    var isHorizontal = !!this.options.horizontal;
+    var mousePos = isHorizontal ? yp : xp;
+    var closestDistance = Infinity;
+    var closestIndex = -1; // 첫 번째 표시 중인 시리즈를 기준으로 라벨 위치 확인
+
+    var referenceSeries = sIds.find(function (sId) {
+      var _this5$seriesList$sId;
+
+      return (_this5$seriesList$sId = _this5.seriesList[sId]) === null || _this5$seriesList$sId === void 0 ? void 0 : _this5$seriesList$sId.show;
+    });
+
+    if (!referenceSeries || !((_this$seriesList$refe = this.seriesList[referenceSeries]) !== null && _this$seriesList$refe !== void 0 && _this$seriesList$refe.data)) {
+      return -1;
+    }
+
+    var referenceData = this.seriesList[referenceSeries].data; // 각 라벨에서 가장 가까운 것 찾기
+
+    var _loop = function _loop(i) {
+      // 이 라벨에 유효한 데이터가 있는 시리즈가 하나 이상 있는지 확인
+      var hasValidData = sIds.some(function (sId) {
+        var _series$data, _series$data$i, _series$data2, _series$data2$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;
+      });
+
+      if (hasValidData) {
+        var point = referenceData[i];
+
+        if (point) {
+          // 라벨 위치 계산
+          var labelPos;
+
+          if (isHorizontal) {
+            labelPos = point.h ? point.yp + point.h / 2 : point.yp;
+          } else {
+            labelPos = point.w ? point.xp + point.w / 2 : point.xp;
+          }
+
+          if (labelPos !== null) {
+            var distance = Math.abs(mousePos - labelPos);
+
+            if (distance < closestDistance) {
+              closestDistance = distance;
+              closestIndex = i;
+            }
+          }
+        }
+      }
+    };
+
+    for (var i = 0; i < referenceData.length; i++) {
+      _loop(i);
+    }
+
+    return closestIndex;
+  },
+
   /**
    * get formatted label for tooltip
    * @param dataId
@@ -51894,13 +51895,13 @@ var plugins_interaction_modules = {
    * @param itemData
    * @returns {string}
    */
-  getFormattedTooltipLabel: function getFormattedTooltipLabel(_ref8) {
+  getFormattedTooltipLabel: function getFormattedTooltipLabel(_ref2) {
     var _tooltipOpt$formatter;
 
-    var dataId = _ref8.dataId,
-        seriesId = _ref8.seriesId,
-        seriesName = _ref8.seriesName,
-        itemData = _ref8.itemData;
+    var dataId = _ref2.dataId,
+        seriesId = _ref2.seriesId,
+        seriesName = _ref2.seriesName,
+        itemData = _ref2.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;
@@ -51927,14 +51928,14 @@ var plugins_interaction_modules = {
    * @param itemData
    * @returns {string}
    */
-  getFormattedTooltipValue: function getFormattedTooltipValue(_ref9) {
+  getFormattedTooltipValue: function getFormattedTooltipValue(_ref3) {
     var _tooltipOpt$formatter2;
 
-    var dataId = _ref9.dataId,
-        seriesId = _ref9.seriesId,
-        seriesName = _ref9.seriesName,
-        value = _ref9.value,
-        itemData = _ref9.itemData;
+    var dataId = _ref3.dataId,
+        seriesId = _ref3.seriesId,
+        seriesName = _ref3.seriesName,
+        value = _ref3.value,
+        itemData = _ref3.itemData;
     var opt = this.options;
     var isHorizontal = !!opt.horizontal;
     var tooltipOpt = opt.tooltip;
@@ -52015,9 +52016,9 @@ var plugins_interaction_modules = {
           seriesName: formattedSeriesName,
           value: hasData === null || hasData === void 0 ? void 0 : hasData.o,
           itemData: hasData
-        });
+        }); // Only add data if there's a valid value for this exact label
 
-        if (hasData && !hitInfo.items[sId]) {
+        if (hasData && hasData.o !== null && hasData.o !== undefined && !hitInfo.items[sId]) {
           var item = {};
           item.color = series.color;
           item.hit = false;
@@ -52107,7 +52108,7 @@ var plugins_interaction_modules = {
    * @returns {object[]}
    */
   getSelectedLabelInfoWithLabelData: function getSelectedLabelInfoWithLabelData(labelIndexList, targetAxis) {
-    var _this5 = this;
+    var _this6 = this;
 
     var _this$options9 = this.options,
         selectLabelOpt = _this$options9.selectLabel,
@@ -52123,14 +52124,14 @@ var plugins_interaction_modules = {
         {
           result.dataIndex.splice(selectLabelOpt.limit);
           result.label = result.dataIndex.map(function (i) {
-            return _this5.data.labels[i];
+            return _this6.data.labels[i];
           });
           var dataEntries = Object.entries(this.data.data);
           result.data = result.dataIndex.map(function (labelIdx) {
-            return Object.fromEntries(dataEntries.map(function (_ref10) {
-              var _ref11 = _slicedToArray(_ref10, 2),
-                  sId = _ref11[0],
-                  data = _ref11[1];
+            return Object.fromEntries(dataEntries.map(function (_ref4) {
+              var _ref5 = _slicedToArray(_ref4, 2),
+                  sId = _ref5[0],
+                  data = _ref5[1];
 
               return [sId, data[labelIdx]];
             }));
@@ -52153,12 +52154,12 @@ var plugins_interaction_modules = {
           }
 
           result.label = result.dataIndex.map(function (i) {
-            return _this5.data.labels[targetAxisDirection][i];
+            return _this6.data.labels[targetAxisDirection][i];
           });
           var dataValues = Object.values(this.data.data)[0];
-          result.data = dataValues.filter(function (_ref12) {
-            var x = _ref12.x,
-                y = _ref12.y;
+          result.data = dataValues.filter(function (_ref6) {
+            var x = _ref6.x,
+                y = _ref6.y;
             return result.label.includes(targetAxisDirection === 'y' ? y : x);
           });
           break;
@@ -52244,6 +52245,76 @@ var plugins_interaction_modules = {
     return after;
   },
 
+  /**
+   * Draw indicator at the label position when tooltip is displayed
+   * @param {object} hitInfo hit item information from findHitItem
+   * @param {string} color indicator color
+   * @returns {object|null} indicator position info with actual label value
+   */
+  drawIndicatorForTooltip: function drawIndicatorForTooltip(hitInfo, color) {
+    var _this$options$indicat;
+
+    if (!(hitInfo !== null && hitInfo !== void 0 && hitInfo.items) || !Object.keys(hitInfo.items).length) {
+      return null;
+    }
+
+    var ctx = this.overlayCtx;
+    var horizontal = this.options.horizontal;
+    var graphPos = {
+      x1: this.chartRect.x1 + this.labelOffset.left,
+      x2: this.chartRect.x2 - this.labelOffset.right,
+      y1: this.chartRect.y1 + this.labelOffset.top,
+      y2: this.chartRect.y2 - this.labelOffset.bottom
+    }; // 첫 번째 시리즈의 데이터를 기준으로 라벨 위치 계산
+
+    var firstSeriesId = Object.keys(hitInfo.items)[0];
+    var firstItem = hitInfo.items[firstSeriesId];
+
+    if (!(firstItem !== null && firstItem !== void 0 && firstItem.data)) {
+      return null;
+    } // 실제 indicator가 위치하는 라벨 값 추출
+
+
+    var actualLabelValue = horizontal ? firstItem.data.y : firstItem.data.x;
+    var indicatorPosition;
+
+    if (horizontal) {
+      // 수평 차트에서는 Y축 라벨 위치에 수평선
+      var yPosition = firstItem.data.yp + (firstItem.data.h ? firstItem.data.h / 2 : 0);
+      indicatorPosition = [graphPos.x1, yPosition];
+    } else {
+      // 수직 차트에서는 X축 라벨 위치에 수직선
+      var xPosition = firstItem.data.xp + (firstItem.data.w ? firstItem.data.w / 2 : 0);
+      indicatorPosition = [xPosition, graphPos.y1];
+    }
+
+    ctx.beginPath();
+    ctx.save();
+    ctx.strokeStyle = color;
+    ctx.lineWidth = 1;
+
+    if ((_this$options$indicat = this.options.indicator) !== null && _this$options$indicat !== void 0 && _this$options$indicat.segments) {
+      ctx.setLineDash(this.options.indicator.segments);
+    }
+
+    if (horizontal) {
+      ctx.moveTo(graphPos.x1, indicatorPosition[1] + 0.5);
+      ctx.lineTo(graphPos.x2, indicatorPosition[1] + 0.5);
+    } else {
+      ctx.moveTo(indicatorPosition[0] + 0.5, graphPos.y1);
+      ctx.lineTo(indicatorPosition[0] + 0.5, graphPos.y2);
+    }
+
+    ctx.stroke();
+    ctx.restore();
+    ctx.closePath(); // 실제 indicator가 위치한 라벨 정보 반환
+
+    return {
+      labelValue: actualLabelValue,
+      position: indicatorPosition
+    };
+  },
+
   /**
    * Find items by series within a range
    * @param {object} range  object for find series items
@@ -52281,14 +52352,14 @@ var plugins_interaction_modules = {
    *                 object.range: coordinate-based range in graph
    * @returns {object}
    */
-  getSelectionRange: function getSelectionRange(_ref13) {
+  getSelectionRange: function getSelectionRange(_ref7) {
     var _this$boxOverflow, _this$boxOverflow2, _this$boxOverflow3, _this$boxOverflow4;
 
-    var xsp = _ref13.xsp,
-        ysp = _ref13.ysp,
-        width = _ref13.width,
-        height = _ref13.height,
-        range = _ref13.range;
+    var xsp = _ref7.xsp,
+        ysp = _ref7.ysp,
+        width = _ref7.width,
+        height = _ref7.height,
+        range = _ref7.range;
     var dataRangeX = this.axesSteps.x.length ? this.axesSteps.x[0] : null;
     var dataRangeY = this.axesSteps.y.length ? this.axesSteps.y[0] : null;
 
@@ -52345,11 +52416,11 @@ var plugins_interaction_modules = {
 
     var sId = Object.keys(this.seriesList)[0];
 
-    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;
+    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;
 
     return {
       xMin: xMin !== null && xMin !== void 0 ? xMin : dataRangeX.graphMin,
@@ -52376,9 +52447,9 @@ var plugins_interaction_modules = {
    * @returns {string}
    */
   getCurMouseLocation: function getCurMouseLocation(offset) {
-    var _offset = _slicedToArray(offset, 2),
-        offsetX = _offset[0],
-        offsetY = _offset[1];
+    var _offset2 = _slicedToArray(offset, 2),
+        offsetX = _offset2[0],
+        offsetY = _offset2[1];
 
     var aPos = {
       x1: this.chartRect.x1 + this.labelOffset.left,
@@ -52439,6 +52510,7 @@ var plugins_interaction_modules = {
 
 
 
+
 
 var LINE_SPACING = 8;
 var VALUE_MARGIN = 50;
@@ -53230,9 +53302,10 @@ var plugins_tooltip_modules = {
       y1: this.chartRect.y1 + this.labelOffset.top,
       y2: this.chartRect.y2 - this.labelOffset.bottom
     };
-    var mouseXIp = 5; // mouseInterpolation - increased for better edge detection
+    var mouseXIp = 15; // mouseInterpolation - 더 넓은 범위에서 감지
+
+    var mouseYIp = 15; // Y축도 동일하게 증가
 
-    var mouseYIp = 10;
     var options = this.options;
 
     if (offsetX >= graphPos.x1 - mouseXIp && offsetX <= graphPos.x2 + mouseXIp && offsetY >= graphPos.y1 - mouseYIp && offsetY <= graphPos.y2 + mouseYIp) {
@@ -53327,11 +53400,22 @@ var plugins_tooltip_modules = {
     var horizontal = _ref5.horizontal,
         label = _ref5.label,
         mousePosition = _ref5.mousePosition,
-        useAxisTrigger = _ref5.useAxisTrigger;
+        dataLabel = _ref5.dataLabel,
+        isTooltipBased = _ref5.isTooltipBased;
 
     if (!mousePosition || !!horizontal !== !!this.options.horizontal) {
       return;
-    }
+    } // tooltip 기반 동기화인 경우
+
+
+    if (isTooltipBased) {
+      this.drawSyncedIndicatorForTooltip({
+        dataLabel: dataLabel,
+        mousePosition: mousePosition
+      });
+      return;
+    } // 기존 시간 기반 동기화
+
 
     if (this.options.syncHover === false || !horizontal && !this.options.axesX.every(function (_ref6) {
       var type = _ref6.type;
@@ -53374,25 +53458,7 @@ var plugins_tooltip_modules = {
       y2: this.chartRect.y2 - this.labelOffset.bottom
     };
 
-    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) {
+    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);
@@ -53403,6 +53469,82 @@ var plugins_tooltip_modules = {
     }
   },
 
+  /**
+   * 제공된 dataLabel과 일치하는 Label이 있다면 indicator를 그림
+   * @param {object} dataLabel   data label
+   * @param {object} mousePosition   mouse position
+   *
+   * @returns {undefined}
+   */
+  drawSyncedIndicatorForTooltip: function drawSyncedIndicatorForTooltip(_ref8) {
+    var _this$data;
+
+    var dataLabel = _ref8.dataLabel,
+        mousePosition = _ref8.mousePosition;
+
+    if (!((_this$data = this.data) !== null && _this$data !== void 0 && _this$data.labels) || !dataLabel) {
+      return;
+    }
+
+    var matchingLabelIndex = this.data.labels.findIndex(function (label) {
+      return (label === null || label === void 0 ? void 0 : label.valueOf()) === (dataLabel === null || dataLabel === void 0 ? void 0 : dataLabel.valueOf());
+    });
+
+    if (matchingLabelIndex === -1) {
+      this.overlayClear();
+      return;
+    }
+
+    var horizontal = this.options.horizontal;
+
+    var _this$chartDOM$getBou2 = this.chartDOM.getBoundingClientRect(),
+        top = _this$chartDOM$getBou2.top,
+        bottom = _this$chartDOM$getBou2.bottom,
+        left = _this$chartDOM$getBou2.left,
+        right = _this$chartDOM$getBou2.right;
+
+    var isHoveredChart = lodash_es_inRange(mousePosition[0], left, right) && lodash_es_inRange(mousePosition[1], bottom, top);
+
+    if (isHoveredChart) {
+      return;
+    }
+
+    this.overlayClear();
+    var graphPos = {
+      x1: this.chartRect.x1 + this.labelOffset.left,
+      x2: this.chartRect.x2 - this.labelOffset.right,
+      y1: this.chartRect.y1 + this.labelOffset.top,
+      y2: this.chartRect.y2 - this.labelOffset.bottom
+    };
+    var labelsCount = this.data.labels.length;
+    var indicatorPosition;
+
+    if (horizontal) {
+      var _this$options$axesY;
+
+      var chartHeight = graphPos.y2 - graphPos.y1; // CategoryMode인 경우 라벨들이 균등 간격으로 배치됨
+
+      var isCategoryMode = (_this$options$axesY = this.options.axesY) === null || _this$options$axesY === void 0 ? void 0 : _this$options$axesY.some(function (axis) {
+        return axis.categoryMode;
+      });
+      var positionY = isCategoryMode ? graphPos.y1 + chartHeight * (matchingLabelIndex + 0.5) / labelsCount : graphPos.y1 + chartHeight * matchingLabelIndex / (labelsCount - 1);
+      indicatorPosition = [graphPos.x2, positionY];
+    } else {
+      var _this$options$axesX;
+
+      var chartWidth = graphPos.x2 - graphPos.x1; // CategoryMode인 경우 라벨들이 균등 간격으로 배치됨
+
+      var _isCategoryMode = (_this$options$axesX = this.options.axesX) === null || _this$options$axesX === void 0 ? void 0 : _this$options$axesX.some(function (axis) {
+        return axis.categoryMode;
+      });
+
+      var positionX = _isCategoryMode ? graphPos.x1 + chartWidth * (matchingLabelIndex + 0.5) / labelsCount : graphPos.x1 + chartWidth * matchingLabelIndex / (labelsCount - 1);
+      indicatorPosition = [positionX, graphPos.y2];
+    }
+
+    this.drawIndicator(indicatorPosition, this.options.indicator.color);
+  },
+
   /**
    * Clear tooltip canvas
    *
@@ -53743,6 +53885,7 @@ var plugins_pie_modules = {
 
 
 
+
 var element_tip_modules = {
   /**
    * Draw TextTip with tip's locationInfo
@@ -53776,7 +53919,8 @@ var element_tip_modules = {
     }
 
     if (labelTipOpt.use && labelTipOpt.showTip) {
-      isExistSelectedLabel = opt.type === 'heatMap' ? this.drawLabelTipForHeatMap() : this.drawTipForSelectedLabel();
+      var isHeatMap = opt.type === 'heatMap';
+      isExistSelectedLabel = isHeatMap ? this.drawLabelTipForHeatMap() : this.drawLabelTip();
     }
 
     var executeDrawIndicator = function executeDrawIndicator(tipOpt) {
@@ -54062,10 +54206,9 @@ var element_tip_modules = {
 
   /**
    * Draw Selected Label Tip
-   * none Text
    * @returns {boolean} Whether drew at least one tip
    */
-  drawTipForSelectedLabel: function drawTipForSelectedLabel() {
+  drawLabelTip: function drawLabelTip() {
     var _this2 = this;
 
     var opt = this.options;
@@ -54091,7 +54234,7 @@ var element_tip_modules = {
       };
       var labelAxes = isHorizontal ? this.axesY[0] : this.axesX[0];
       var valueAxes = isHorizontal ? this.axesX[0] : this.axesY[0];
-      var valueAxesSteps = isHorizontal ? this.axesSteps.x[0] : this.axesSteps.y[0];
+      var valueAxesRange = isHorizontal ? this.axesRange.x[0] : this.axesRange.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;
@@ -54109,8 +54252,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 labelPos;
-      var dataPos;
+      var gp;
+      var dp;
       var value;
       var labelStartPoint;
       var labelEndPoint;
@@ -54158,39 +54301,31 @@ var element_tip_modules = {
       }
 
       data.forEach(function (selectedData, i) {
-        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 (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;
         }
 
         if (labelAxes.labels) {
@@ -54200,17 +54335,18 @@ var element_tip_modules = {
 
           var labelIndex = dataIndex[i] - startIndex;
           var labelCenter = Math.round(labelStartPoint + labelGap * labelIndex);
-          labelPos = labelCenter + labelGap / 2;
+          dp = labelCenter + labelGap / 2;
         } else {
-          labelPos = labelPositionCalcFunction(label[i], graphX.graphMin, graphX.graphMax, chartWidth - sizeObj.comboOffset, aPos.x1 + sizeObj.comboOffset / 2);
+          dp = labelPositionCalcFunction(label[i], graphX.graphMin, graphX.graphMax, chartWidth - sizeObj.comboOffset, aPos.x1 + sizeObj.comboOffset / 2);
         }
 
-        dataPos = valuePositionCalcFunction(value, valueAxesSteps.graphMin, valueAxesSteps.graphMax, valueSpace, valueStartPoint) + offset;
+        gp = valuePositionCalcFunction(value, valueAxesRange.min, valueAxesRange.max, valueSpace, valueStartPoint);
+        gp += offset;
 
         _this2.showTip({
           context: _this2.bufferCtx,
-          x: isHorizontal ? dataPos : labelPos,
-          y: isHorizontal ? labelPos : dataPos,
+          x: isHorizontal ? gp : dp,
+          y: isHorizontal ? dp : gp,
           opt: labelTipOpt,
           isSamePos: false
         });
@@ -54322,11 +54458,10 @@ var element_tip_modules = {
       }
     } else if (isHorizontal) {
       gp = helpers_canvas.calculateX(value, graphX.graphMin, graphX.graphMax, xArea, xsp);
-      gp = value < 0 ? gp - offset : gp + offset;
+      gp += offset;
     } else {
-      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;
+      gp = helpers_canvas.calculateY(value, graphY.graphMin, graphY.graphMax, yArea, ysp);
+      gp -= offset;
     }
 
     var maxTipType = 'center';
@@ -54358,8 +54493,7 @@ var element_tip_modules = {
         arrowSize: arrowSize,
         borderRadius: borderRadius,
         text: text,
-        textStyle: textStyle,
-        isNegative: value < 0
+        textStyle: textStyle
       });
     }
 
@@ -54393,21 +54527,12 @@ var element_tip_modules = {
         borderRadius = param.borderRadius,
         text = param.text,
         opt = param.opt,
-        textStyle = param.textStyle,
-        isNegative = param.isNegative;
+        textStyle = param.textStyle;
     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;
@@ -54415,73 +54540,44 @@ 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(); // 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.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), sx + width / 2, sy + height / 2);
+    ctx.fillText("".concat(text), x, sy + height / 2);
     ctx.restore();
   },
 
@@ -54733,13 +54829,11 @@ var chart_core_EvChart = /*#__PURE__*/function () {
     value: function drawSyncedIndicator(_ref) {
       var horizontal = _ref.horizontal,
           label = _ref.label,
-          mousePosition = _ref.mousePosition,
-          useAxisTrigger = _ref.useAxisTrigger;
+          mousePosition = _ref.mousePosition;
       this.drawSyncedIndicator({
         horizontal: horizontal,
         label: label,
-        mousePosition: mousePosition,
-        useAxisTrigger: useAxisTrigger
+        mousePosition: mousePosition
       });
     }
   }, {
@@ -56567,7 +56661,6 @@ var DEFAULT_OPTIONS = {
   combo: false,
   tooltip: {
     use: true,
-    trigger: 'axis',
     sortByValue: true,
     backgroundColor: '#4C4C4C',
     fontColor: '#FFFFFF',