evui 3.4.155 → 3.4.157

package/dist/evui.umd.js

@@ -371,6 +371,81 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("5a9ac64a", content, true, {"sourceMap":false,"shadowMode":false});
 
+/***/ }),
+
+/***/ "10d1":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var global = __webpack_require__("da84");
+var redefineAll = __webpack_require__("e2cc");
+var InternalMetadataModule = __webpack_require__("f183");
+var collection = __webpack_require__("6d61");
+var collectionWeak = __webpack_require__("acac");
+var isObject = __webpack_require__("861d");
+var enforceIternalState = __webpack_require__("69f3").enforce;
+var NATIVE_WEAK_MAP = __webpack_require__("7f9a");
+
+var IS_IE11 = !global.ActiveXObject && 'ActiveXObject' in global;
+var isExtensible = Object.isExtensible;
+var InternalWeakMap;
+
+var wrapper = function (init) {
+  return function WeakMap() {
+    return init(this, arguments.length ? arguments[0] : undefined);
+  };
+};
+
+// `WeakMap` constructor
+// https://tc39.github.io/ecma262/#sec-weakmap-constructor
+var $WeakMap = module.exports = collection('WeakMap', wrapper, collectionWeak);
+
+// IE11 WeakMap frozen keys fix
+// We can't use feature detection because it crash some old IE builds
+// https://github.com/zloirock/core-js/issues/485
+if (NATIVE_WEAK_MAP && IS_IE11) {
+  InternalWeakMap = collectionWeak.getConstructor(wrapper, 'WeakMap', true);
+  InternalMetadataModule.REQUIRED = true;
+  var WeakMapPrototype = $WeakMap.prototype;
+  var nativeDelete = WeakMapPrototype['delete'];
+  var nativeHas = WeakMapPrototype.has;
+  var nativeGet = WeakMapPrototype.get;
+  var nativeSet = WeakMapPrototype.set;
+  redefineAll(WeakMapPrototype, {
+    'delete': function (key) {
+      if (isObject(key) && !isExtensible(key)) {
+        var state = enforceIternalState(this);
+        if (!state.frozen) state.frozen = new InternalWeakMap();
+        return nativeDelete.call(this, key) || state.frozen['delete'](key);
+      } return nativeDelete.call(this, key);
+    },
+    has: function has(key) {
+      if (isObject(key) && !isExtensible(key)) {
+        var state = enforceIternalState(this);
+        if (!state.frozen) state.frozen = new InternalWeakMap();
+        return nativeHas.call(this, key) || state.frozen.has(key);
+      } return nativeHas.call(this, key);
+    },
+    get: function get(key) {
+      if (isObject(key) && !isExtensible(key)) {
+        var state = enforceIternalState(this);
+        if (!state.frozen) state.frozen = new InternalWeakMap();
+        return nativeHas.call(this, key) ? nativeGet.call(this, key) : state.frozen.get(key);
+      } return nativeGet.call(this, key);
+    },
+    set: function set(key, value) {
+      if (isObject(key) && !isExtensible(key)) {
+        var state = enforceIternalState(this);
+        if (!state.frozen) state.frozen = new InternalWeakMap();
+        nativeHas.call(this, key) ? nativeSet.call(this, key, value) : state.frozen.set(key, value);
+      } else nativeSet.call(this, key, value);
+      return this;
+    }
+  });
+}
+
+
 /***/ }),
 
 /***/ "1148":
@@ -11244,7 +11319,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.155\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.157\"}");
 
 /***/ }),
 
@@ -13085,6 +13160,135 @@ $({ target: 'RegExp', proto: true, forced: /./.exec !== exec }, {
 });
 
 
+/***/ }),
+
+/***/ "acac":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var redefineAll = __webpack_require__("e2cc");
+var getWeakData = __webpack_require__("f183").getWeakData;
+var anObject = __webpack_require__("825a");
+var isObject = __webpack_require__("861d");
+var anInstance = __webpack_require__("19aa");
+var iterate = __webpack_require__("2266");
+var ArrayIterationModule = __webpack_require__("b727");
+var $has = __webpack_require__("5135");
+var InternalStateModule = __webpack_require__("69f3");
+
+var setInternalState = InternalStateModule.set;
+var internalStateGetterFor = InternalStateModule.getterFor;
+var find = ArrayIterationModule.find;
+var findIndex = ArrayIterationModule.findIndex;
+var id = 0;
+
+// fallback for uncaught frozen keys
+var uncaughtFrozenStore = function (store) {
+  return store.frozen || (store.frozen = new UncaughtFrozenStore());
+};
+
+var UncaughtFrozenStore = function () {
+  this.entries = [];
+};
+
+var findUncaughtFrozen = function (store, key) {
+  return find(store.entries, function (it) {
+    return it[0] === key;
+  });
+};
+
+UncaughtFrozenStore.prototype = {
+  get: function (key) {
+    var entry = findUncaughtFrozen(this, key);
+    if (entry) return entry[1];
+  },
+  has: function (key) {
+    return !!findUncaughtFrozen(this, key);
+  },
+  set: function (key, value) {
+    var entry = findUncaughtFrozen(this, key);
+    if (entry) entry[1] = value;
+    else this.entries.push([key, value]);
+  },
+  'delete': function (key) {
+    var index = findIndex(this.entries, function (it) {
+      return it[0] === key;
+    });
+    if (~index) this.entries.splice(index, 1);
+    return !!~index;
+  }
+};
+
+module.exports = {
+  getConstructor: function (wrapper, CONSTRUCTOR_NAME, IS_MAP, ADDER) {
+    var C = wrapper(function (that, iterable) {
+      anInstance(that, C, CONSTRUCTOR_NAME);
+      setInternalState(that, {
+        type: CONSTRUCTOR_NAME,
+        id: id++,
+        frozen: undefined
+      });
+      if (iterable != undefined) iterate(iterable, that[ADDER], { that: that, AS_ENTRIES: IS_MAP });
+    });
+
+    var getInternalState = internalStateGetterFor(CONSTRUCTOR_NAME);
+
+    var define = function (that, key, value) {
+      var state = getInternalState(that);
+      var data = getWeakData(anObject(key), true);
+      if (data === true) uncaughtFrozenStore(state).set(key, value);
+      else data[state.id] = value;
+      return that;
+    };
+
+    redefineAll(C.prototype, {
+      // 23.3.3.2 WeakMap.prototype.delete(key)
+      // 23.4.3.3 WeakSet.prototype.delete(value)
+      'delete': function (key) {
+        var state = getInternalState(this);
+        if (!isObject(key)) return false;
+        var data = getWeakData(key);
+        if (data === true) return uncaughtFrozenStore(state)['delete'](key);
+        return data && $has(data, state.id) && delete data[state.id];
+      },
+      // 23.3.3.4 WeakMap.prototype.has(key)
+      // 23.4.3.4 WeakSet.prototype.has(value)
+      has: function has(key) {
+        var state = getInternalState(this);
+        if (!isObject(key)) return false;
+        var data = getWeakData(key);
+        if (data === true) return uncaughtFrozenStore(state).has(key);
+        return data && $has(data, state.id);
+      }
+    });
+
+    redefineAll(C.prototype, IS_MAP ? {
+      // 23.3.3.3 WeakMap.prototype.get(key)
+      get: function get(key) {
+        var state = getInternalState(this);
+        if (isObject(key)) {
+          var data = getWeakData(key);
+          if (data === true) return uncaughtFrozenStore(state).get(key);
+          return data ? data[state.id] : undefined;
+        }
+      },
+      // 23.3.3.5 WeakMap.prototype.set(key, value)
+      set: function set(key, value) {
+        return define(this, key, value);
+      }
+    } : {
+      // 23.4.3.1 WeakSet.prototype.add(value)
+      add: function add(value) {
+        return define(this, value, true);
+      }
+    });
+
+    return C;
+  }
+};
+
+
 /***/ }),
 
 /***/ "ad6d":
@@ -22283,9 +22487,9 @@ var _Set_Set = _getNative(_root["a" /* default */], 'Set');
 
 
 /* Built-in method references that are verified to be native. */
-var WeakMap = _getNative(_root["a" /* default */], 'WeakMap');
+var _WeakMap_WeakMap = _getNative(_root["a" /* default */], 'WeakMap');
 
-/* harmony default export */ var _WeakMap = (WeakMap);
+/* harmony default export */ var _WeakMap = (_WeakMap_WeakMap);
 
 // CONCATENATED MODULE: ./node_modules/lodash-es/_getTag.js
 
@@ -38946,6 +39150,30 @@ var textMeasureCtx = textMeasureCanvas.getContext('2d');
     }
 
     return "".concat(color, "80");
+  },
+
+  /**
+   * 클릭 좌표(cx, cy)에서 데이터 포인트까지의 거리²를 반환한다.
+   * w/h 가 있으면 박스 외벽까지의 거리(내부면 0), 없으면 포인트까지의 유클리드 거리².
+   * @param {object} data - 데이터 포인트 (xp, yp, w?, h?)
+   * @param {number} cx - 클릭 x 좌표
+   * @param {number} cy - 클릭 y 좌표
+   * @returns {number}
+   */
+  calcBoxDistance: function calcBoxDistance(data, cx, cy) {
+    if (data.w !== null && data.w !== undefined && data.h !== null && data.h !== undefined) {
+      var sx = data.xp;
+      var sy = data.yp;
+      var xMin = Math.min(sx, sx + data.w);
+      var xMax = Math.max(sx, sx + data.w);
+      var yMin = Math.min(sy, sy + data.h);
+      var yMax = Math.max(sy, sy + data.h);
+      var dx = Math.max(0, xMin - cx, cx - xMax);
+      var dy = Math.max(0, yMin - cy, cy - yMax);
+      return dx * dx + dy * dy;
+    }
+
+    return Math.pow(data.xp - cx, 2) + Math.pow(data.yp - cy, 2);
   }
 });
 // CONCATENATED MODULE: ./src/components/chart/model/model.store.js
@@ -38972,6 +39200,8 @@ var textMeasureCtx = textMeasureCanvas.getContext('2d');
 
 
 
+
+
 
 
 
@@ -39911,7 +40141,7 @@ var modules = {
         return null;
       }
 
-      itemPosition = [this.getItemByPosition([dataInfo.xp, dataInfo.yp], useApproximate, dataIndex, true)];
+      itemPosition = [this.getHitItemByPosition([dataInfo.xp, dataInfo.yp], useApproximate, dataIndex, true)];
     } else {
       var seriesList = Object.entries(this.seriesList);
       var firShowSeriesID;
@@ -39936,7 +40166,7 @@ var modules = {
           return null;
         }
 
-        return _this7.getItemByPosition([(_dataInfo$xp = dataInfo === null || dataInfo === void 0 ? void 0 : dataInfo.xp) !== null && _dataInfo$xp !== void 0 ? _dataInfo$xp : 0, (_dataInfo$yp = dataInfo === null || dataInfo === void 0 ? void 0 : dataInfo.yp) !== null && _dataInfo$yp !== void 0 ? _dataInfo$yp : 0], useApproximate, idx, true);
+        return _this7.getHitItemByPosition([(_dataInfo$xp = dataInfo === null || dataInfo === void 0 ? void 0 : dataInfo.xp) !== null && _dataInfo$xp !== void 0 ? _dataInfo$xp : 0, (_dataInfo$yp = dataInfo === null || dataInfo === void 0 ? void 0 : dataInfo.yp) !== null && _dataInfo$yp !== void 0 ? _dataInfo$yp : 0], useApproximate, idx, true);
       });
     }
 
@@ -39960,30 +40190,110 @@ var modules = {
   },
 
   /**
-   * Find graph item by position x and y
+   * Find the hit item at the given position (x, y).
+   *
+   * 선택 우선순위:
+   *   1. directHit (bar 박스 내부 클릭) — 가장 가까운 것
+   *   2. hit (line 포인트 근접 등) — 가장 가까운 것
+   *   3. hit 없으면 클릭 좌표에 가장 가까운 시리즈로 fallback (distance 기반)
+   *
    * @param {array}   offset          position x and y
    * @param {boolean} useApproximate  if it's true. it'll look for closed item on mouse position
    * @param {number} dataIndex        selected data index
    * @param {boolean}  useSelectLabelOrItem   used to display select label/item at tooltip location
+   * @param {boolean}  disableNullLabelSnap   true 이면 all-null 라벨도 그대로 반환 (click/dblclick 용)
    *
-   * @returns {object} clicked item information
+   * @returns {object} hit item information
    */
-  getItemByPosition: function getItemByPosition(offset) {
-    var _maxValue;
+  getHitItemByPosition: function getHitItemByPosition(offset) {
+    var _this8 = this,
+        _ref4;
 
     var useApproximate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var dataIndex = arguments.length > 2 ? arguments[2] : undefined;
     var useSelectLabelOrItem = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+    var disableNullLabelSnap = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
     var seriesIDs = Object.keys(this.seriesList);
     var isHorizontal = !!this.options.horizontal;
-    var maxType = null;
-    var maxLabel = null;
-    var maxValuePos = null;
-    var maxValue = null;
-    var maxSeriesID = '';
+
+    var _offset = _slicedToArray(offset, 2),
+        cx = _offset[0],
+        cy = _offset[1]; // dataIndex 미지정 시 클릭 좌표에 가장 가까운 valid 라벨 인덱스 결정.
+    // disableNullLabelSnap=true 이면 all-null 라벨도 후보로 인정.
+
+
+    var resolvedDataIndex = dataIndex;
+
+    if (resolvedDataIndex === undefined && !useApproximate) {
+      var refSeriesID = seriesIDs.find(function (sId) {
+        var _s$data;
+
+        var s = _this8.seriesList[sId];
+        return (s === null || s === void 0 ? void 0 : s.show) && (s === null || s === void 0 ? void 0 : (_s$data = s.data) === null || _s$data === void 0 ? void 0 : _s$data.length) > 0;
+      });
+
+      if (refSeriesID) {
+        var refData = this.seriesList[refSeriesID].data;
+        var clickPos = isHorizontal ? offset[1] : offset[0];
+        var nearestDistance = Infinity;
+        var nearestIndex = -1;
+
+        var _loop = function _loop(i) {
+          var hasValidData = disableNullLabelSnap || seriesIDs.some(function (sId) {
+            var _s$data2, _s$data2$i, _s$data3, _s$data3$i;
+
+            var s = _this8.seriesList[sId];
+            return (s === null || s === void 0 ? void 0 : s.show) && ((_s$data2 = s.data) === null || _s$data2 === void 0 ? void 0 : (_s$data2$i = _s$data2[i]) === null || _s$data2$i === void 0 ? void 0 : _s$data2$i.o) !== null && ((_s$data3 = s.data) === null || _s$data3 === void 0 ? void 0 : (_s$data3$i = _s$data3[i]) === null || _s$data3$i === void 0 ? void 0 : _s$data3$i.o) !== undefined;
+          });
+          var p = refData[i];
+
+          if (hasValidData && p) {
+            var labelPos;
+
+            if (isHorizontal) {
+              labelPos = p.h ? p.yp + p.h / 2 : p.yp;
+            } else {
+              labelPos = p.w ? p.xp + p.w / 2 : p.xp;
+            }
+
+            if (labelPos !== null && labelPos !== undefined) {
+              var d = Math.abs(clickPos - labelPos);
+
+              if (d < nearestDistance) {
+                nearestDistance = d;
+                nearestIndex = i;
+              }
+            }
+          }
+        };
+
+        for (var i = 0; i < refData.length; i++) {
+          _loop(i);
+        }
+
+        if (nearestIndex !== -1) resolvedDataIndex = nearestIndex;
+      }
+    } // hit 기반 결과 (최우선)
+
+
+    var hitType = null;
+    var hitLabel = null;
+    var hitValuePos = null;
+    var hitValue = null;
+    var hitSeriesID = '';
+    var hitDataIndex = null;
+    var hitDistance = Infinity;
+    var hasDirectHit = false; // hit 없을 때 쓸 fallback — 값이 있는 시리즈 중 클릭 좌표에 가장 가까운 것.
+
+    var fallbackType = null;
+    var fallbackLabel = null;
+    var fallbackValuePos = null;
+    var fallbackValue = null;
+    var fallbackSeriesID = '';
+    var fallbackDataIndex = null;
+    var fallbackDistance = Infinity;
     var acc = 0;
     var useStack = false;
-    var maxIndex = null;
 
     for (var ix = 0; ix < seriesIDs.length; ix++) {
       var seriesID = seriesIDs[ix];
@@ -39991,18 +40301,19 @@ var modules = {
       var findFn = useApproximate ? series.findApproximateData : series.findGraphData;
 
       if (findFn) {
-        var item = findFn.call(series, offset, isHorizontal, dataIndex, useSelectLabelOrItem);
+        var item = findFn.call(series, offset, isHorizontal, resolvedDataIndex, useSelectLabelOrItem);
         var data = item.data;
         var index = item.index;
 
         if (data) {
           if (helpers_util.isPieType(item.type)) {
-            maxLabel = seriesID;
-            maxSeriesID = seriesID;
-            maxValuePos = (data.ea - data.sa) / 2;
-            maxValue = data.o;
-            maxIndex = data.index;
-            maxType = item.type;
+            // pie 차트는 hit detection 체계가 달라 기존 동작 유지 (단일 pie 시리즈가 일반적)
+            hitType = item.type;
+            hitLabel = seriesID;
+            hitSeriesID = seriesID;
+            hitValuePos = (data.ea - data.sa) / 2;
+            hitValue = data.o;
+            hitDataIndex = data.index;
           } else {
             var ldata = isHorizontal ? data.y : data.x;
             var lp = isHorizontal ? data.yp : data.xp;
@@ -40015,47 +40326,108 @@ var modules = {
                 useStack = true;
               } else {
                 acc += data.y;
-              }
+              } // fallback 후보: 값이 있는 시리즈 중 거리가 가장 가까운 쪽.
+              // 값이 null 인 시리즈는 제외.
+
+
+              var hasMeaningfulValue = g !== null && g !== undefined && !Number.isNaN(g);
+              var hasCoords = data.xp !== null && data.xp !== undefined && data.yp !== null && data.yp !== undefined;
 
-              if (maxType === 'bar' && useStack) {
-                if (item.hit) {
-                  maxValue = g;
-                  maxSeriesID = seriesID;
-                  maxIndex = index;
-                  maxLabel = ldata;
-                  maxValuePos = lp;
-                  maxType = series.type;
+              if (hasMeaningfulValue && hasCoords) {
+                var distance = helpers_util.calcBoxDistance(data, cx, cy);
+
+                if (fallbackSeriesID === '' || distance < fallbackDistance) {
+                  fallbackDistance = distance;
+                  fallbackType = series.type;
+                  fallbackLabel = ldata;
+                  fallbackValuePos = lp;
+                  fallbackValue = g;
+                  fallbackSeriesID = seriesID;
+                  fallbackDataIndex = index;
+                }
+              } else if (hasMeaningfulValue && fallbackSeriesID === '') {
+                // 좌표 없는 예외 케이스 — 첫 후보로만 등록
+                fallbackType = series.type;
+                fallbackLabel = ldata;
+                fallbackValuePos = lp;
+                fallbackValue = g;
+                fallbackSeriesID = seriesID;
+                fallbackDataIndex = index;
+              } // hit 기반 선택: item.hit이 true이고 유효한 좌표가 있을 때만 고려
+
+
+              if (item.hit && data.xp !== undefined && data.yp !== undefined) {
+                var _distance = Math.pow(data.xp - offset[0], 2) + Math.pow(data.yp - offset[1], 2);
+
+                if (item.directHit) {
+                  // 직접 박스 히트는 최우선. 여러 개이면 가장 가까운 것.
+                  if (!hasDirectHit || _distance < hitDistance) {
+                    hitDistance = _distance;
+                    hitType = series.type;
+                    hitLabel = ldata;
+                    hitValuePos = lp;
+                    hitValue = g;
+                    hitSeriesID = seriesID;
+                    hitDataIndex = index;
+                  }
+
+                  hasDirectHit = true;
+                } else if (!hasDirectHit) {
+                  // directHit가 없을 때만 일반 hit 거리 비교 참여
+                  // (라인 근접 히트가 박스 직접 히트를 이기지 못하도록)
+                  if (_distance < hitDistance) {
+                    hitDistance = _distance;
+                    hitType = series.type;
+                    hitLabel = ldata;
+                    hitValuePos = lp;
+                    hitValue = g;
+                    hitSeriesID = seriesID;
+                    hitDataIndex = index;
+                  }
                 }
-              } else if (maxValue === null || maxValue <= g) {
-                maxValue = g;
-                maxSeriesID = seriesID;
-                maxLabel = ldata;
-                maxValuePos = lp;
-                maxIndex = index;
-                maxType = series.type;
               }
             }
           }
         }
       }
+    } // all-null 라벨인 경우 label/dataIndex 만 채워 반환 (sId='', value=0).
+
+
+    if (disableNullLabelSnap && hitSeriesID === '' && fallbackSeriesID === '' && resolvedDataIndex !== undefined && resolvedDataIndex >= 0) {
+      var _this$seriesList$_ref;
+
+      var _refSeriesID = seriesIDs.find(function (sId) {
+        var _s$data4;
+
+        var s = _this8.seriesList[sId];
+        return (s === null || s === void 0 ? void 0 : s.show) && (s === null || s === void 0 ? void 0 : (_s$data4 = s.data) === null || _s$data4 === void 0 ? void 0 : _s$data4.length) > 0;
+      });
+
+      var refPoint = _refSeriesID ? (_this$seriesList$_ref = this.seriesList[_refSeriesID].data) === null || _this$seriesList$_ref === void 0 ? void 0 : _this$seriesList$_ref[resolvedDataIndex] : null;
+
+      if (refPoint) {
+        fallbackLabel = isHorizontal ? refPoint.y : refPoint.x;
+        fallbackDataIndex = resolvedDataIndex;
+      }
     }
 
+    var hasHit = hitSeriesID !== '';
     return {
-      type: maxType,
-      label: maxLabel,
-      pos: maxValuePos,
-      value: (_maxValue = maxValue) !== null && _maxValue !== void 0 ? _maxValue : 0,
-      sId: maxSeriesID,
+      type: hasHit ? hitType : fallbackType,
+      label: hasHit ? hitLabel : fallbackLabel,
+      pos: hasHit ? hitValuePos : fallbackValuePos,
+      value: (_ref4 = hasHit ? hitValue : fallbackValue) !== null && _ref4 !== void 0 ? _ref4 : 0,
+      sId: hasHit ? hitSeriesID : fallbackSeriesID,
       acc: acc,
       useStack: useStack,
-      maxIndex: maxIndex
+      dataIndex: hasHit ? hitDataIndex : fallbackDataIndex
     };
   },
 
   /**
    * @typedef {Object} LabelInfoResult
    * @property {number} labelIndex - 선택된 라벨의 인덱스
-   * @property {object} hitInfo - 해당 위치에서의 히트 정보 (getItemByPosition 반환값)
+   * @property {object} hitInfo - 해당 위치에서의 히트 정보 (getHitItemByPosition 반환값)
    */
 
   /**
@@ -40068,9 +40440,9 @@ var modules = {
   getLabelInfoByPosition: function getLabelInfoByPosition(offset, targetAxis) {
     var _Object$values$sort$, _Object$values$sort$2, _scrollbarOpt, _scale, _scale$labels, _scale3, _scale3$labels;
 
-    var _offset = _slicedToArray(offset, 2),
-        x = _offset[0],
-        y = _offset[1];
+    var _offset2 = _slicedToArray(offset, 2),
+        x = _offset2[0],
+        y = _offset2[1];
 
     var aPos = {
       x1: this.chartRect.x1 + this.labelOffset.left,
@@ -40080,9 +40452,9 @@ var modules = {
     };
     var seriesList = this.data.series;
     var pointSize = (_Object$values$sort$ = (_Object$values$sort$2 = Object.values(seriesList).sort(function (a, b) {
-      var _ref4, _b$pointSize;
+      var _ref5, _b$pointSize;
 
-      return (_ref4 = (_b$pointSize = b.pointSize) !== null && _b$pointSize !== void 0 ? _b$pointSize : 0 - a.pointSize) !== null && _ref4 !== void 0 ? _ref4 : 0;
+      return (_ref5 = (_b$pointSize = b.pointSize) !== null && _b$pointSize !== void 0 ? _b$pointSize : 0 - a.pointSize) !== null && _ref5 !== void 0 ? _ref5 : 0;
     })[0]) === null || _Object$values$sort$2 === void 0 ? void 0 : _Object$values$sort$2.pointSize) !== null && _Object$values$sort$ !== void 0 ? _Object$values$sort$ : 3; // default pointSize 3
 
     var _this$options = this.options,
@@ -40114,10 +40486,10 @@ var modules = {
           _scrollbarOpt2$interv = _scrollbarOpt2.interval,
           interval = _scrollbarOpt2$interv === void 0 ? 1 : _scrollbarOpt2$interv;
 
-      var _ref5 = range !== null && range !== void 0 ? range : [0, scale.labels.length],
-          _ref6 = _slicedToArray(_ref5, 2),
-          min = _ref6[0],
-          max = _ref6[1];
+      var _ref6 = range !== null && range !== void 0 ? range : [0, scale.labels.length],
+          _ref7 = _slicedToArray(_ref6, 2),
+          min = _ref7[0],
+          max = _ref7[1];
 
       var labelCount = Math.floor((+max - +min) / interval) + 1;
       var labelGap = (endPoint - startPoint) / labelCount;
@@ -40143,7 +40515,7 @@ var modules = {
 
       labelIndex = scale.labels.length > _index ? _index : -1;
     } else {
-      var _hitInfo$maxIndex;
+      var _hitInfo$dataIndex;
 
       var offsetX;
       var dataIndex;
@@ -40158,8 +40530,8 @@ var modules = {
         offsetX = x;
       }
 
-      hitInfo = this.getItemByPosition([offsetX, y], selectLabel === null || selectLabel === void 0 ? void 0 : selectLabel.useApproximateValue, dataIndex, true);
-      labelIndex = (_hitInfo$maxIndex = hitInfo.maxIndex) !== null && _hitInfo$maxIndex !== void 0 ? _hitInfo$maxIndex : -1;
+      hitInfo = this.getHitItemByPosition([offsetX, y], selectLabel === null || selectLabel === void 0 ? void 0 : selectLabel.useApproximateValue, dataIndex, true);
+      labelIndex = (_hitInfo$dataIndex = hitInfo.dataIndex) !== null && _hitInfo$dataIndex !== void 0 ? _hitInfo$dataIndex : -1;
     }
 
     return {
@@ -40180,7 +40552,7 @@ var modules = {
    * @returns {MouseLabelValue} current mouse target label value
    */
   getCurMouseLabelVal: function getCurMouseLabelVal(targetAxis, offset, labelIndex) {
-    var _this8 = this;
+    var _this9 = this;
 
     var _this$options2 = this.options,
         chartType = _this$options2.type,
@@ -40197,13 +40569,13 @@ var modules = {
         case 'bar':
         case 'line':
           {
-            result = horizontal && !isXAxis || !horizontal && isXAxis ? _this8.data.labels[labelIndex] : '';
+            result = horizontal && !isXAxis || !horizontal && isXAxis ? _this9.data.labels[labelIndex] : '';
             break;
           }
 
         case 'heatMap':
           {
-            result = _this8.data.labels[targetAxisDirection][labelIndex];
+            result = _this9.data.labels[targetAxisDirection][labelIndex];
             break;
           }
 
@@ -40217,19 +40589,19 @@ var modules = {
     var calLabelValUseMousePos = function calLabelValUseMousePos() {
       var result = '';
       var aPos = {
-        x1: _this8.chartRect.x1 + _this8.labelOffset.left,
-        x2: _this8.chartRect.x2 - _this8.labelOffset.right,
-        y1: _this8.chartRect.y1 + _this8.labelOffset.top,
-        y2: _this8.chartRect.y2 - _this8.labelOffset.bottom
+        x1: _this9.chartRect.x1 + _this9.labelOffset.left,
+        x2: _this9.chartRect.x2 - _this9.labelOffset.right,
+        y1: _this9.chartRect.y1 + _this9.labelOffset.top,
+        y2: _this9.chartRect.y2 - _this9.labelOffset.bottom
       };
-      var _this8$axesSteps$targ = _this8.axesSteps[targetAxisDirection][0],
-          steps = _this8$axesSteps$targ.steps,
-          labelValInterval = _this8$axesSteps$targ.interval,
-          graphMin = _this8$axesSteps$targ.graphMin;
-      var _this8$axesRange$targ = _this8.axesRange[targetAxisDirection][0].size,
-          labelWidth = _this8$axesRange$targ.width,
-          labelHeight = _this8$axesRange$targ.height;
-      var axes = isXAxis ? _this8.axesX : _this8.axesY;
+      var _this9$axesSteps$targ = _this9.axesSteps[targetAxisDirection][0],
+          steps = _this9$axesSteps$targ.steps,
+          labelValInterval = _this9$axesSteps$targ.interval,
+          graphMin = _this9$axesSteps$targ.graphMin;
+      var _this9$axesRange$targ = _this9.axesRange[targetAxisDirection][0].size,
+          labelWidth = _this9$axesRange$targ.width,
+          labelHeight = _this9$axesRange$targ.height;
+      var axes = isXAxis ? _this9.axesX : _this9.axesY;
       var axisStartPoint = aPos[axes[0].units.rectStart];
       var axisEndPoint = aPos[axes[0].units.rectEnd];
       var curMousePosInAxis = Math.abs(offset[isXAxis ? 0 : 1] - axisStartPoint);
@@ -40267,7 +40639,7 @@ var modules = {
    * @returns {object} min/max info for all of data
    */
   getStoreMinMax: function getStoreMinMax() {
-    var _this9 = this;
+    var _this10 = this;
 
     var keys = Object.keys(this.seriesList);
     var isHorizontal = this.options.horizontal;
@@ -40285,7 +40657,7 @@ var modules = {
     if (keys.length) {
       return keys.reduce(function (acc, key) {
         var minmax = acc;
-        var series = _this9.seriesList[key];
+        var series = _this10.seriesList[key];
         var smm = series.minMax;
         var axisX = series.xAxisIndex;
         var axisY = series.yAxisIndex;
@@ -42142,7 +42514,7 @@ var element_line_Line = /*#__PURE__*/function () {
   }, {
     key: "findGraphData",
     value: function findGraphData(offset, isHorizontal, dataIndex, useSelectLabelOrItem) {
-      var _item$data;
+      var _this$pointSize, _item$data;
 
       var xp = offset[0];
       var yp = offset[1];
@@ -42154,7 +42526,23 @@ var element_line_Line = /*#__PURE__*/function () {
       var gdata = this.data.filter(function (data) {
         return !helpers_util.isNullOrUndefined(data.x);
       });
-      var isLinearInterpolation = this.useLinearInterpolation();
+      var isLinearInterpolation = this.useLinearInterpolation(); // line 포인트 "정확 히트" 판정용 반경.
+      // combo 차트에서 line 포인트 중심을 직격한 경우, 같은 좌표의 bar(directHit)보다
+      // line이 우선되도록 item.directHit = true로 표시한다. 그 외(단순 Y축 근접)는 기존처럼 hit만.
+      // 포인트 반지름에 기본 포인트 크기(LINE_OPTION.pointSize)만큼의 클릭 여유 마진을 더하고,
+      // 시각적으로 하이라이트되는 포인트 반경(highlight.maxSize)을 최소 보장값으로 사용한다.
+
+      var directHitRadius = Math.max(((_this$pointSize = this.pointSize) !== null && _this$pointSize !== void 0 ? _this$pointSize : LINE_OPTION.pointSize) + LINE_OPTION.pointSize, LINE_OPTION.highlight.maxSize);
+
+      var isLinePointDirectHit = function isLinePointDirectHit(point) {
+        if (!point || point.xp === undefined || point.yp === undefined) {
+          return false;
+        }
+
+        var dx = xp - point.xp;
+        var dy = yp - point.yp;
+        return dx * dx + dy * dy <= directHitRadius * directHitRadius;
+      };
 
       if (gdata !== null && gdata !== void 0 && gdata.length) {
         if (typeof dataIndex === 'number' && this.show) {
@@ -42169,6 +42557,11 @@ var element_line_Line = /*#__PURE__*/function () {
             if (yDist <= directHitThreshold) {
               item.hit = true;
             }
+
+            if (isLinePointDirectHit(point)) {
+              item.hit = true;
+              item.directHit = true;
+            }
           }
         } else if (typeof this.beforeFindItemIndex === 'number' && this.beforeFindItemIndex !== -1 && this.show && useSelectLabelOrItem) {
           item.data = gdata[this.beforeFindItemIndex];
@@ -42317,6 +42710,11 @@ var element_line_Line = /*#__PURE__*/function () {
               if (_yDist <= _directHitThreshold) {
                 item.hit = true;
               }
+
+              if (isLinePointDirectHit(_point3)) {
+                item.hit = true;
+                item.directHit = true;
+              }
             }
           }
         }
@@ -43257,7 +43655,10 @@ var element_bar_Bar = /*#__PURE__*/function () {
         if (barData[clampedIndex]) {
           item.data = barData[clampedIndex];
           item.index = clampedIndex;
-          item.hit = this.isPointInBar(offset, barData[clampedIndex]);
+          item.hit = this.isPointInBar(offset, barData[clampedIndex]); // bar 박스 내부 클릭은 "직접 박스 히트"로 표시.
+          // findHitItem에서 line 포인트 근접 히트보다 우선 선택되도록 하기 위함.
+
+          item.directHit = item.hit;
         }
 
         return item;
@@ -43314,7 +43715,9 @@ var element_bar_Bar = /*#__PURE__*/function () {
         if (inRange) {
           item.data = barData;
           item.index = barData.index;
-          item.hit = this.isPointInBar(offset, barData);
+          item.hit = this.isPointInBar(offset, barData); // bar 박스 내부 클릭은 "직접 박스 히트"로 표시 (findHitItem 우선순위용).
+
+          item.directHit = item.hit;
           return item;
         }
 
@@ -46792,6 +47195,9 @@ var scale_logarithmic_LogarithmicScale = /*#__PURE__*/function (_Scale) {
 }(scale_scale);
 
 /* harmony default export */ var scale_logarithmic = (scale_logarithmic_LogarithmicScale);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.weak-map.js
+var es_weak_map = __webpack_require__("10d1");
+
 // CONCATENATED MODULE: ./src/components/chart/scale/scale.step.js
 
 
@@ -46811,6 +47217,16 @@ var scale_logarithmic_LogarithmicScale = /*#__PURE__*/function (_Scale) {
 
 
 
+
+
+
+
+/**
+ * scrollbar 사용 시 스크롤마다 labels 전체를 재순회하지 않도록 결과를 캐시
+ */
+
+var stringMinMaxByLabels = new WeakMap();
+
 var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
   _inherits(StepScale, _Scale);
 
@@ -46826,21 +47242,43 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
     return _this;
   }
   /**
-   * Calculate min/max value, label and size information for step scale
-   * @param {object} minMax       min/max information (unused on step scale)
-   * @param {object} scrollbarOpt    scroll bar option
-   * @param {object} chartRect    chart size information
-   *
-   * @returns {object} min/max value and label
+   * labels 배열의 문자열 min/max를 반환
+   * - alignToGridLine: 전달받은 minMax 그대로 사용
+   * - scrollbar 사용: WeakMap 캐시를 통해 O(n) → O(1)로 단축
+   * - 일반: 매번 getStringMinMax 계산
+   * @param {object} minMax       축 min/max 정보 (alignToGridLine 시 사용)
+   * @param {object} scrollbarOpt 스크롤바 옵션
+   * @returns {{ min: string, max: string }}
    */
 
 
   _createClass(StepScale, [{
+    key: "getStepMinMax",
+    value: function getStepMinMax(minMax, scrollbarOpt) {
+      if (this.labelStyle.alignToGridLine) return minMax;
+      if (!(scrollbarOpt !== null && scrollbarOpt !== void 0 && scrollbarOpt.use)) return helpers_util.getStringMinMax(this.labels);
+
+      if (!stringMinMaxByLabels.has(this.labels)) {
+        stringMinMaxByLabels.set(this.labels, helpers_util.getStringMinMax(this.labels));
+      }
+
+      return stringMinMaxByLabels.get(this.labels);
+    }
+    /**
+     * Calculate min/max value, label and size information for step scale
+     * @param {object} minMax       min/max information (unused on step scale)
+     * @param {object} scrollbarOpt    scroll bar option
+     * @param {object} chartRect    chart size information
+     *
+     * @returns {object} min/max value and label
+     */
+
+  }, {
     key: "calculateScaleRange",
     value: function calculateScaleRange(minMax, scrollbarOpt, chartRect) {
       var _this$labelStyle$maxW, _this$labelStyle;
 
-      var stepMinMax = this.labelStyle.alignToGridLine ? minMax : helpers_util.getStringMinMax(this.labels);
+      var stepMinMax = this.getStepMinMax(minMax, scrollbarOpt);
       var maxValue = stepMinMax.max;
       var minValue = stepMinMax.min;
       var minIndex = 0;
@@ -50305,9 +50743,18 @@ var plugins_scrollbar_module = {
       var isResetPosition = dir === 'x' ? (_this$options$axesX2 = this.options.axesX) === null || _this$options$axesX2 === void 0 ? void 0 : (_this$options$axesX2$ = _this$options$axesX2[0]) === null || _this$options$axesX2$ === void 0 ? void 0 : (_this$options$axesX2$2 = _this$options$axesX2$.scrollbar) === null || _this$options$axesX2$2 === void 0 ? void 0 : _this$options$axesX2$2.resetPosition : (_this$options$axesY2 = this.options.axesY) === null || _this$options$axesY2 === void 0 ? void 0 : (_this$options$axesY2$ = _this$options$axesY2[0]) === null || _this$options$axesY2$ === void 0 ? void 0 : (_this$options$axesY2$2 = _this$options$axesY2$.scrollbar) === null || _this$options$axesY2$2 === void 0 ? void 0 : _this$options$axesY2$2.resetPosition;
 
       if (isUpdateAxesRange) {
-        var _newOpt$5, _newOpt$5$range, _newOpt$6;
+        var _newOpt$5;
+
+        var newOptRange = newOpt === null || newOpt === void 0 ? void 0 : (_newOpt$5 = newOpt[0]) === null || _newOpt$5 === void 0 ? void 0 : _newOpt$5.range;
+        var currentRange = this.scrollbar[dir].range;
 
-        this.scrollbar[dir].range = newOpt !== null && newOpt !== void 0 && (_newOpt$5 = newOpt[0]) !== null && _newOpt$5 !== void 0 && (_newOpt$5$range = _newOpt$5.range) !== null && _newOpt$5$range !== void 0 && _newOpt$5$range.length ? _toConsumableArray(newOpt === null || newOpt === void 0 ? void 0 : (_newOpt$6 = newOpt[0]) === null || _newOpt$6 === void 0 ? void 0 : _newOpt$6.range) : null;
+        if (!isResetPosition && newOptRange !== null && newOptRange !== void 0 && newOptRange.length && currentRange !== null && currentRange !== void 0 && currentRange.length) {
+          // 리사이즈 등으로 range 크기만 변경된 경우, 현재 스크롤 위치(min)를 유지하고 크기만 조정
+          var newSize = newOptRange[1] - newOptRange[0];
+          this.scrollbar[dir].range = [currentRange[0], currentRange[0] + newSize];
+        } else {
+          this.scrollbar[dir].range = newOptRange !== null && newOptRange !== void 0 && newOptRange.length ? _toConsumableArray(newOptRange) : null;
+        }
       }
 
       if (isResetPosition || updateData) {
@@ -51482,6 +51929,7 @@ function inRange_inRange(number, start, end) {
 
 
 
+
 
 
 var plugins_interaction_modules = {
@@ -51695,10 +52143,12 @@ var plugins_interaction_modules = {
       }
 
       var setSelectedItemInfo = function setSelectedItemInfo() {
-        var hitInfo = _this.findHitItem(offset); // 실제 클릭된 아이템의 정보 추출 (hitId가 있으면 해당 아이템, 없으면 첫 번째 아이템)
+        var _hitInfo$hitId;
 
+        var hitInfo = _this.findHitItem(offset, true); // 실제 클릭된 아이템의 정보 추출 (hitId가 있으면 해당 아이템, 없으면 첫 번째 아이템)
 
-        var hitItemId = hitInfo.hitId || Object.keys(hitInfo.items)[0];
+
+        var hitItemId = (_hitInfo$hitId = hitInfo.hitId) !== null && _hitInfo$hitId !== void 0 ? _hitInfo$hitId : Object.keys(hitInfo.items)[0];
         var hitItem = hitInfo.items[hitItemId];
 
         if (hitItem) {
@@ -51713,9 +52163,11 @@ var plugins_interaction_modules = {
       };
 
       var setSelectedLabelInfo = function setSelectedLabelInfo(targetAxis) {
-        var hitInfo = _this.findHitItem(offset);
+        var _hitInfo$hitId2;
+
+        var hitInfo = _this.findHitItem(offset, true);
 
-        var hitItemId = hitInfo.hitId || Object.keys(hitInfo.items)[0];
+        var hitItemId = (_hitInfo$hitId2 = hitInfo.hitId) !== null && _hitInfo$hitId2 !== void 0 ? _hitInfo$hitId2 : Object.keys(hitInfo.items)[0];
         var hitItem = hitInfo.items[hitItemId];
 
         var _this$getLabelInfoByP = _this.getLabelInfoByPosition(offset, targetAxis),
@@ -51738,9 +52190,11 @@ var plugins_interaction_modules = {
       };
 
       var setSelectedSeriesInfo = function setSelectedSeriesInfo() {
-        var hitInfo = _this.findHitItem(offset);
+        var _hitInfo$hitId3;
 
-        var hitItemId = hitInfo.hitId || Object.keys(hitInfo.items)[0];
+        var hitInfo = _this.findHitItem(offset, true);
+
+        var hitItemId = (_hitInfo$hitId3 = hitInfo.hitId) !== null && _hitInfo$hitId3 !== void 0 ? _hitInfo$hitId3 : Object.keys(hitInfo.items)[0];
         var hitItem = hitInfo.items[hitItemId];
 
         if (hitItemId !== null) {
@@ -51823,19 +52277,19 @@ var plugins_interaction_modules = {
       var useSelectSeries = (selectSeriesOpt === null || selectSeriesOpt === void 0 ? void 0 : selectSeriesOpt.use) && (selectSeriesOpt === null || selectSeriesOpt === void 0 ? void 0 : selectSeriesOpt.useClick);
 
       var setSelectedItemInfo = function setSelectedItemInfo() {
-        var hitInfo = _this.getItemByPosition(offset, false);
+        var hitInfo = _this.getHitItemByPosition(offset, false, undefined, false, true);
 
         args.label = hitInfo.label;
         args.value = hitInfo.value;
         args.seriesId = hitInfo.sId;
-        args.dataIndex = hitInfo.maxIndex;
+        args.dataIndex = hitInfo.dataIndex;
         args.acc = hitInfo.acc;
 
         if (hitInfo !== null && hitInfo !== void 0 && hitInfo.sId) {
           args.selected = {
             eventTarget: 'item',
             seriesId: _this.isDeselectItem(hitInfo) ? null : hitInfo.sId,
-            dataIndex: _this.isDeselectItem(hitInfo) ? null : hitInfo.maxIndex
+            dataIndex: _this.isDeselectItem(hitInfo) ? null : hitInfo.dataIndex
           };
         }
       };
@@ -51863,9 +52317,11 @@ var plugins_interaction_modules = {
       };
 
       var setSelectedSeriesInfo = function setSelectedSeriesInfo() {
-        var hitInfo = _this.findHitItem(offset);
+        var _hitInfo$hitId4;
+
+        var hitInfo = _this.findHitItem(offset, true);
 
-        var hitItemId = hitInfo.hitId || Object.keys(hitInfo.items)[0];
+        var hitItemId = (_hitInfo$hitId4 = hitInfo.hitId) !== null && _hitInfo$hitId4 !== void 0 ? _hitInfo$hitId4 : Object.keys(hitInfo.items)[0];
         var hitItem = hitInfo.items[hitItemId];
 
         if (hitItemId !== null) {
@@ -52499,19 +52955,30 @@ var plugins_interaction_modules = {
   findHitItem: function findHitItem(offset) {
     var _this4 = this;
 
+    var disableNullLabelSnap = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var sIds = Object.keys(this.seriesList);
     var items = {};
     var isHorizontal = !!this.options.horizontal;
     var ctx = this.tooltipCtx;
+
+    var _offset = _slicedToArray(offset, 2),
+        cx = _offset[0],
+        cy = _offset[1];
+
     var hitId = null;
     var maxs = '';
     var maxsw = 0;
     var maxv = '';
     var maxg = null;
     var maxSID = null;
-    var minDistance = Infinity; // 1. 먼저 공통으로 사용할 데이터 인덱스 결정
+    var minDistance = Infinity; // directHit 가 하나라도 있으면 일반 hit 는 hitId 후보에서 배제.
+
+    var hasDirectHit = false; // hit 이 없을 때 거리 기반으로 선택할 fallback (기존 "첫 시리즈 고정" 대체).
+
+    var fallbackId = null;
+    var fallbackDistance = Infinity; // 1. 먼저 공통으로 사용할 데이터 인덱스 결정
 
-    var targetDataIndex = this.findClosestDataIndex(offset, sIds);
+    var targetDataIndex = this.findClosestDataIndex(offset, sIds, disableNullLabelSnap);
 
     if (targetDataIndex === -1 && !this.isNotUseIndicator()) {
       return {
@@ -52585,24 +53052,79 @@ var plugins_interaction_modules = {
             if (maxg === null || maxg <= gdata) {
               maxg = gdata;
               maxSID = sId;
-            } // 마우스 위치와의 거리 계산하여 가장 가까운 시리즈 선택
+            } // hit 기반 선택: directHit 최우선, 그 외 일반 hit 는 directHit 없을 때만.
 
 
             if (item.hit && item.data.xp !== undefined && item.data.yp !== undefined) {
               var distance = Math.pow(item.data.xp - offset[0], 2) + Math.pow(item.data.yp - offset[1], 2);
 
-              if (distance < minDistance) {
+              if (item.directHit) {
+                if (!hasDirectHit || distance < minDistance) {
+                  minDistance = distance;
+                  hitId = sId;
+                }
+
+                hasDirectHit = true;
+              } else if (!hasDirectHit && distance < minDistance) {
                 minDistance = distance;
                 hitId = sId;
               }
+            } // fallback 후보: hit 여부와 무관하게 거리가 가장 가까운 시리즈.
+            // 참고: 이 블록은 outer `if (gdata !== null && gdata !== undefined)` 안에 있어서
+            // 값이 null 인 시리즈는 items 수집 단계에서 이미 걸러진 상태. 별도 null 값 가드 불필요.
+
+
+            if (item.data.xp !== undefined && item.data.yp !== undefined && item.data.xp !== null && item.data.yp !== null) {
+              var fbDistance = helpers_util.calcBoxDistance(item.data, cx, cy);
+
+              if (fbDistance < fallbackDistance) {
+                fallbackDistance = fbDistance;
+                fallbackId = sId;
+              }
             }
           }
         }
       }
+    } // hit 없으면 거리 기반 fallback, 그것도 없으면 items 첫 키(항상 비어있을 가능성 방어).
+
+
+    if (hitId === null) {
+      hitId = fallbackId !== null ? fallbackId : Object.keys(items)[0];
+    }
+
+    var maxHighlight = maxg !== null ? [maxSID, maxg] : null; // all-null 라벨인 경우 synthetic items[''] 로 label/index 만 채워 전달.
+
+    if (disableNullLabelSnap && Object.keys(items).length === 0 && targetDataIndex !== -1) {
+      var _this$seriesList$refS;
+
+      var refSeriesID = sIds.find(function (sId) {
+        var _s$data;
+
+        var s = _this4.seriesList[sId];
+        return (s === null || s === void 0 ? void 0 : s.show) && (s === null || s === void 0 ? void 0 : (_s$data = s.data) === null || _s$data === void 0 ? void 0 : _s$data.length) > 0;
+      });
+      var refPoint = refSeriesID ? (_this$seriesList$refS = this.seriesList[refSeriesID].data) === null || _this$seriesList$refS === void 0 ? void 0 : _this$seriesList$refS[targetDataIndex] : null;
+
+      if (refPoint) {
+        items[''] = {
+          id: '',
+          name: '',
+          label: isHorizontal ? refPoint.y : refPoint.x,
+          index: targetDataIndex,
+          axis: {
+            x: 0,
+            y: 0
+          },
+          data: {
+            o: undefined,
+            x: refPoint.x,
+            y: refPoint.y
+          }
+        };
+        hitId = '';
+      }
     }
 
-    hitId = hitId === null ? Object.keys(items)[0] : hitId;
-    var maxHighlight = maxg !== null ? [maxSID, maxg] : null;
     return {
       items: items,
       hitId: hitId,
@@ -52621,9 +53143,11 @@ var plugins_interaction_modules = {
     var _this5 = this,
         _this$seriesList$refe;
 
-    var _offset = _slicedToArray(offset, 2),
-        xp = _offset[0],
-        yp = _offset[1];
+    var disableNullLabelSnap = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+
+    var _offset2 = _slicedToArray(offset, 2),
+        xp = _offset2[0],
+        yp = _offset2[1];
 
     var isHorizontal = !!this.options.horizontal;
     var mousePos = isHorizontal ? yp : xp; // 데이터 있는 시리즈를 기준으로 라벨 위치 확인
@@ -52676,11 +53200,10 @@ var plugins_interaction_modules = {
     }
 
     var closestDistance = Infinity;
-    var closestIndex = -1; // 각 라벨에서 가장 가까운 것 찾기
+    var closestIndex = -1; // 각 라벨에서 가장 가까운 것 찾기 (disableNullLabelSnap=true 면 all-null 라벨도 후보)
 
     var _loop = function _loop(_i) {
-      // 이 라벨에 유효한 데이터가 있는 시리즈가 하나 이상 있는지 확인
-      var hasValidData = sIds.some(function (sId) {
+      var hasValidData = disableNullLabelSnap || sIds.some(function (sId) {
         var _series$data2, _series$data2$_i, _series$data3, _series$data3$_i;
 
         var series = _this5.seriesList[sId];
@@ -53287,7 +53810,7 @@ var plugins_interaction_modules = {
   isDeselectItem: function isDeselectItem(hitInfo) {
     var _this$defaultSelectIt, _this$defaultSelectIt2;
 
-    return this.options.selectItem.useDeselectItem && (hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.maxIndex) === ((_this$defaultSelectIt = this.defaultSelectItemInfo) === null || _this$defaultSelectIt === void 0 ? void 0 : _this$defaultSelectIt.dataIndex) && (hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.sId) === ((_this$defaultSelectIt2 = this.defaultSelectItemInfo) === null || _this$defaultSelectIt2 === void 0 ? void 0 : _this$defaultSelectIt2.seriesID) && !isNaN(hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.maxIndex);
+    return this.options.selectItem.useDeselectItem && (hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.dataIndex) === ((_this$defaultSelectIt = this.defaultSelectItemInfo) === null || _this$defaultSelectIt === void 0 ? void 0 : _this$defaultSelectIt.dataIndex) && (hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.sId) === ((_this$defaultSelectIt2 = this.defaultSelectItemInfo) === null || _this$defaultSelectIt2 === void 0 ? void 0 : _this$defaultSelectIt2.seriesID) && !isNaN(hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.dataIndex);
   },
 
   /**
@@ -53296,9 +53819,9 @@ var plugins_interaction_modules = {
    * @returns {string}
    */
   getCurMouseLocation: function getCurMouseLocation(offset) {
-    var _offset2 = _slicedToArray(offset, 2),
-        offsetX = _offset2[0],
-        offsetY = _offset2[1];
+    var _offset3 = _slicedToArray(offset, 2),
+        offsetX = _offset3[0],
+        offsetY = _offset3[1];
 
     var aPos = {
       x1: this.chartRect.x1 + this.labelOffset.left,
@@ -54961,7 +55484,7 @@ var element_tip_modules = {
 
     if (tipType === 'sel') {
       if (hitInfo && hitInfo.label !== null) {
-        lastTip.pos = type === 'bar' ? hitInfo.maxIndex : hitInfo.label;
+        lastTip.pos = type === 'bar' ? hitInfo.dataIndex : hitInfo.label;
         ldata = lastTip.pos;
       } else if (lastTip.pos !== null) {
         ldata = lastTip.pos;
@@ -56060,10 +56583,10 @@ var chart_core_EvChart = /*#__PURE__*/function () {
                   var lastHitInfo = this.lastHitInfo;
                   var defaultSelectInfo = this.defaultSelectItemInfo;
 
-                  if (lastHitInfo !== null && lastHitInfo !== void 0 && lastHitInfo.maxIndex || (lastHitInfo === null || lastHitInfo === void 0 ? void 0 : lastHitInfo.maxIndex) === 0) {
+                  if (lastHitInfo !== null && lastHitInfo !== void 0 && lastHitInfo.dataIndex || (lastHitInfo === null || lastHitInfo === void 0 ? void 0 : lastHitInfo.dataIndex) === 0) {
                     _selectInfo = {
                       seriesID: lastHitInfo.sId,
-                      dataIndex: lastHitInfo.maxIndex
+                      dataIndex: lastHitInfo.dataIndex
                     };
                   } else if (defaultSelectInfo !== null && defaultSelectInfo !== void 0 && defaultSelectInfo.dataIndex || (defaultSelectInfo === null || defaultSelectInfo === void 0 ? void 0 : defaultSelectInfo.dataIndex) === 0) {
                     _selectInfo = _objectSpread2({}, defaultSelectInfo);