evui 3.4.203 → 3.4.205

package/dist/evui.common.js

@@ -11174,7 +11174,7 @@ module.exports = exports;
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.203\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.205\"}");
 
 /***/ }),
 
@@ -41715,6 +41715,9 @@ var TIME_INTERVALS = {
 
 
 
+
+
+
 
 
 var element_line_Line = /*#__PURE__*/function () {
@@ -42104,77 +42107,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 xpInterval = ((_gdata$ = gdata[1]) === null || _gdata$ === void 0 ? void 0 : _gdata$.xp) - gdata[0].xp < 6 ? 1.5 : 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 = xp - gdata[m - 1].xp;
-                var midXp = Math.abs(xp - gdata[m].xp);
-                var rightXp = 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;
+              }
             }
           }
         }
@@ -42205,6 +42297,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 = {
@@ -42215,41 +42309,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 - xpInterval <= xp && xp <= x + xpInterval) {
+          // 중간점 주변 데이터들과 거리 비교
+          var checkStart = Math.max(0, m - 2);
+          var checkEnd = Math.min(gdata.length - 1, m + 2);
 
-        if (x - 2 <= xp && xp <= x + 2) {
-          item.data = gdata[m];
-          item.index = m;
+          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 (y - 2 <= yp && yp <= y + 2) {
-            item.hit = true;
+              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;
           }
 
@@ -42700,6 +42840,7 @@ var element_scatter_Scatter = /*#__PURE__*/function () {
 
 
 
+
 var element_bar_Bar = /*#__PURE__*/function () {
   function Bar(sId, opt, sIdx, isHorizontal) {
     var _this = this;
@@ -42762,18 +42903,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)) {
@@ -42804,20 +42938,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;
@@ -42845,14 +42966,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;
@@ -43038,13 +43152,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);
     }
     /**
@@ -43054,13 +43187,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,
@@ -43073,21 +43216,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;
@@ -43096,6 +43243,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
@@ -43106,44 +43258,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
@@ -43307,14 +43422,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;
@@ -43338,17 +43475,40 @@ 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);
@@ -50695,7 +50855,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;
@@ -50707,7 +50867,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
 
@@ -50729,6 +50889,8 @@ function inRange(number, start, end) {
 
 
 
+
+
 
 
 
@@ -50814,6 +50976,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') {
@@ -50825,19 +51010,28 @@ var plugins_interaction_modules = {
 
       if (_this.dragInfoBackup) {
         _this.drawSelectionArea(_this.dragInfoBackup);
-      }
+      } // tooltip 기반 indicator가 아직 설정되지 않은 경우에만 일반 indicator 처리
+
 
-      if (indicator.use && type !== 'pie' && type !== 'scatter' && type !== 'heatMap') {
-        _this.drawIndicator(offset, indicator.color);
+      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 (type !== 'line' && !_hasLineSeries || !tooltip.use || !Object.keys(hitInfo.items).length) {
+          _this.drawIndicator(offset, indicator.color);
+        }
 
-        var label = _this.getTimeLabel(offset);
+        var _label = _this.getTimeLabel(offset);
 
         args.hoveredLabel = {
           horizontal: _this.options.horizontal,
-          label: label,
-          mousePosition: [e.clientX, e.clientY]
+          label: _label,
+          mousePosition: [e.clientX, e.clientY],
+          isTooltipBased: false
         };
-      } else {
+      } else if (!args.hoveredLabel) {
         args.hoveredLabel = {
           label: ''
         };
@@ -51702,6 +51896,8 @@ var plugins_interaction_modules = {
    * @returns {object} hit item information
    */
   findHitItem: function findHitItem(offset) {
+    var _this4 = this;
+
     var sIds = Object.keys(this.seriesList);
     var items = {};
     var isHorizontal = !!this.options.horizontal;
@@ -51711,66 +51907,153 @@ var plugins_interaction_modules = {
     var maxsw = 0;
     var maxv = '';
     var maxg = null;
-    var maxSID = null;
+    var maxSID = null; // 파이 차트는 특별한 처리가 필요
 
-    for (var ix = 0; ix < sIds.length; ix++) {
-      var sId = sIds[ix];
-      var series = this.seriesList[sId];
+    if (this.options.type === 'pie') {
+      for (var ix = 0; ix < sIds.length; ix++) {
+        var sId = sIds[ix];
+        var series = this.seriesList[sId];
+
+        if (series.findGraphData && series.show) {
+          var item = series.findGraphData(offset);
+
+          if (item !== null && item !== void 0 && item.data && item.hit) {
+            var gdata = item.data.o;
+
+            if (gdata !== null && gdata !== undefined) {
+              var formattedSeriesName = this.getFormattedTooltipLabel({
+                dataId: series.id,
+                seriesId: sId,
+                seriesName: series.name,
+                itemData: item.data
+              });
+              var sw = ctx ? ctx.measureText(formattedSeriesName).width : 1;
+              item.id = series.id;
+              item.name = formattedSeriesName;
+              item.axis = {
+                x: 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;
+
+              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;
+              }
+
+              hitId = sId;
+            }
+          }
+        }
+      }
+
+      var _maxHighlight2 = maxg !== null ? [maxSID, maxg] : null;
+
+      return {
+        items: items,
+        hitId: hitId,
+        maxTip: [maxs, maxv],
+        maxHighlight: _maxHighlight2
+      };
+    } // 1. 먼저 공통으로 사용할 데이터 인덱스 결정
+
+
+    var targetDataIndex = this.findClosestDataIndex(offset, sIds);
+
+    if (targetDataIndex === -1) {
+      return {
+        items: items,
+        hitId: hitId,
+        maxTip: [maxs, maxv],
+        maxHighlight: null
+      };
+    } // 2. 모든 시리즈가 동일한 데이터 인덱스 사용
+
+
+    var allSeriesIsBar = sIds.every(function (sId) {
+      return _this4.seriesList[sId].type === 'bar';
+    });
+
+    for (var _ix = 0; _ix < sIds.length; _ix++) {
+      var _sId = sIds[_ix];
+      var _series = this.seriesList[_sId];
 
-      if (series.findGraphData) {
-        var item = series.findGraphData(offset, isHorizontal);
+      if (_series.findGraphData && _series.show) {
+        // 특정 데이터 인덱스로 데이터 요청
+        var _item = _series.findGraphData(offset, isHorizontal, targetDataIndex, !allSeriesIsBar);
 
-        if (item !== null && item !== void 0 && item.data) {
-          var gdata = void 0;
+        if (_item !== null && _item !== void 0 && _item.data) {
+          var _gdata = void 0;
 
-          if (item.data.o === null && series.interpolation !== 'zero') {
-            if (!series.isExistGrp) {
-              gdata = isHorizontal ? item.data.x : item.data.y;
+          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;
+          } 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
+          if (_gdata !== null && _gdata !== undefined) {
+            var _formattedSeriesName = this.getFormattedTooltipLabel({
+              dataId: _series.id,
+              seriesId: _sId,
+              seriesName: _series.name,
+              itemData: _item.data
             });
-            var sw = ctx ? ctx.measureText(formattedSeriesName).width : 1;
-            item.id = series.id;
-            item.name = formattedSeriesName;
-            item.axis = {
-              x: series.xAxisIndex,
-              y: series.yAxisIndex
+
+            var _sw = ctx ? ctx.measureText(_formattedSeriesName).width : 1;
+
+            _item.id = _series.id;
+            _item.name = _formattedSeriesName;
+            _item.axis = {
+              x: _series.xAxisIndex,
+              y: _series.yAxisIndex
             };
-            items[sId] = item;
-            var formattedTxt = this.getFormattedTooltipValue({
-              dataId: series.id,
-              seriesId: sId,
-              seriesName: formattedSeriesName,
-              value: gdata,
-              itemData: item.data
+            items[_sId] = _item;
+
+            var _formattedTxt = this.getFormattedTooltipValue({
+              dataId: _series.id,
+              seriesId: _sId,
+              seriesName: _formattedSeriesName,
+              value: _gdata,
+              itemData: _item.data
             });
-            item.data.formatted = formattedTxt;
 
-            if (maxsw < sw) {
-              maxs = formattedSeriesName;
-              maxsw = sw;
+            _item.data.formatted = _formattedTxt;
+
+            if (maxsw < _sw) {
+              maxs = _formattedSeriesName;
+              maxsw = _sw;
             }
 
-            if (maxv.length <= "".concat(formattedTxt).length) {
-              maxv = "".concat(formattedTxt);
+            if (maxv.length <= "".concat(_formattedTxt).length) {
+              maxv = "".concat(_formattedTxt);
             }
 
-            if (maxg === null || maxg <= gdata) {
-              maxg = gdata;
-              maxSID = sId;
+            if (maxg === null || maxg <= _gdata) {
+              maxg = _gdata;
+              maxSID = _sId;
             }
 
-            if (item.hit) {
-              hitId = sId;
+            if (_item.hit) {
+              hitId = _sId;
             }
           }
         }
@@ -51787,6 +52070,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
@@ -51916,9 +52271,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;
@@ -52008,7 +52363,7 @@ var plugins_interaction_modules = {
    * @returns {object[]}
    */
   getSelectedLabelInfoWithLabelData: function getSelectedLabelInfoWithLabelData(labelIndexList, targetAxis) {
-    var _this4 = this;
+    var _this6 = this;
 
     var _this$options9 = this.options,
         selectLabelOpt = _this$options9.selectLabel,
@@ -52024,7 +52379,7 @@ var plugins_interaction_modules = {
         {
           result.dataIndex.splice(selectLabelOpt.limit);
           result.label = result.dataIndex.map(function (i) {
-            return _this4.data.labels[i];
+            return _this6.data.labels[i];
           });
           var dataEntries = Object.entries(this.data.data);
           result.data = result.dataIndex.map(function (labelIdx) {
@@ -52054,7 +52409,7 @@ var plugins_interaction_modules = {
           }
 
           result.label = result.dataIndex.map(function (i) {
-            return _this4.data.labels[targetAxisDirection][i];
+            return _this6.data.labels[targetAxisDirection][i];
           });
           var dataValues = Object.values(this.data.data)[0];
           result.data = dataValues.filter(function (_ref6) {
@@ -52145,6 +52500,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
@@ -52277,9 +52702,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,
@@ -52339,6 +52764,8 @@ var plugins_interaction_modules = {
 
 
 
+
+
 
 var LINE_SPACING = 8;
 var VALUE_MARGIN = 50;
@@ -53130,9 +53557,10 @@ var plugins_tooltip_modules = {
       y1: this.chartRect.y1 + this.labelOffset.top,
       y2: this.chartRect.y2 - this.labelOffset.bottom
     };
-    var mouseXIp = 1; // mouseInterpolation
+    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) {
@@ -53226,11 +53654,23 @@ var plugins_tooltip_modules = {
 
     var horizontal = _ref5.horizontal,
         label = _ref5.label,
-        mousePosition = _ref5.mousePosition;
+        mousePosition = _ref5.mousePosition,
+        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;
@@ -53284,6 +53724,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
    *