kd-lane-chart-v3 0.1.6 → 0.1.7

package/dist/esm/index.js

@@ -2651,13 +2651,21 @@ function axisIndexOf$1(val) {
   return Number(n ?? 0);
 }
 function findLogTrendSeries(chart, paramId) {
-  const option = chart.getOption() || {};
-  return (option.series || []).find((s) => {
-    if (!s || s.type !== "line") return false;
-    const name = Array.isArray(s.name) ? s.name[0] : s.name;
-    if (name === "helper" || name === "log-grid") return false;
-    return String(s.paramId) === String(paramId);
-  }) || null;
+  try {
+    const list = chart.getModel().getSeries() || [];
+    for (let i = 0; i < list.length; i++) {
+      const sm = list[i];
+      const opt = sm && sm.option || {};
+      const type = sm && sm.subType || (Array.isArray(opt.type) ? opt.type[0] : opt.type);
+      if (type !== "line") continue;
+      const name = Array.isArray(sm.name) ? sm.name[0] : sm.name;
+      if (name === "helper" || name === "log-grid") continue;
+      const pid = Array.isArray(opt.paramId) ? opt.paramId[0] : opt.paramId;
+      if (String(pid) === String(paramId)) return opt;
+    }
+  } catch (e) {
+  }
+  return null;
 }
 function pixelToLogTrendData(chart, paramId, offsetX, offsetY, lane, lineRange, digits = 3) {
   if (!chart || !isLaneLogScale(lane)) return null;
@@ -2986,7 +2994,11 @@ const _sfc_main$8 = {
       let max = -Infinity;
       let min = Infinity;
       for (let i = 0; i < data.length; i++) {
-        const v = Number(data[i][key]);
+        const raw = data[i][key];
+        if (raw === null || raw === void 0 || raw === "" || raw === "null") {
+          continue;
+        }
+        const v = Number(raw);
         if (!Number.isFinite(v)) continue;
         if (v > max) max = v;
         if (v < min) min = v;
@@ -3006,7 +3018,9 @@ const _sfc_main$8 = {
         return "--";
       }
       const raw = this.headerData[this.line.paramId];
-      if (raw === null || raw === void 0 || raw === "") return "--";
+      if (raw === null || raw === void 0 || raw === "" || raw === "null") {
+        return "--";
+      }
       if (isLogScaleFlag(this.isLogScale)) {
         const lg = formatLanePointValue(raw);
         return lg == null ? "--" : lg;
@@ -3127,7 +3141,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-const HeaderItem = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-466dec24"]]);
+const HeaderItem = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-c4185947"]]);
 const _sfc_main$7 = {
   name: "LegendItem",
   props: {
@@ -3198,7 +3212,7 @@ const _sfc_main$7 = {
         return "--";
       }
       const raw = this.headerData[paramId];
-      if (raw === null || raw === void 0 || raw === "") return "--";
+      if (raw === null || raw === void 0 || raw === "" || raw === "null") return "--";
       if (isLogScaleFlag(this.isLogScale)) {
         const lg = formatLanePointValue(raw);
         return lg == null ? "--" : lg;
@@ -3298,7 +3312,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 4);
 }
-const LegendItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-41c24d2f"]]);
+const LegendItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-9fa6fff3"]]);
 const TREND_LINE_STYLE = {
   stroke: "#FF9800",
   lineWidth: 2,
@@ -3649,25 +3663,74 @@ function seriesParamId(series) {
 function seriesDisplayName(series) {
   return optionScalar(series && series.name);
 }
+function chartModel(chart) {
+  try {
+    return chart && !chart.isDisposed() ? chart.getModel() : null;
+  } catch (e) {
+    return null;
+  }
+}
+function modelGridCount(model) {
+  if (!model) return 1;
+  try {
+    const list = model.queryComponents({ mainType: "grid" });
+    if (list && list.length) return list.length;
+  } catch (e) {
+  }
+  return 1;
+}
+function modelAxisOption(model, mainType, index2) {
+  if (!model) return {};
+  try {
+    const comp = model.getComponent(mainType, index2);
+    return comp && comp.option || {};
+  } catch (e) {
+    return {};
+  }
+}
+function listLineSeries(model) {
+  if (!model) return [];
+  try {
+    const list = model.getSeries() || [];
+    const out = [];
+    for (let i = 0; i < list.length; i++) {
+      const sm = list[i];
+      const opt = sm && sm.option || {};
+      const type = sm && sm.subType || seriesTypeName(opt);
+      if (type !== "line") continue;
+      const name = optionScalar(sm && sm.name) || seriesDisplayName(opt);
+      if (name === "helper" || name === "log-grid") continue;
+      out.push({
+        seriesIndex: sm.seriesIndex,
+        xAxisIndex: axisIndexOf(opt.xAxisIndex),
+        yAxisIndex: axisIndexOf(opt.yAxisIndex),
+        paramId: seriesParamId(opt),
+        option: opt
+      });
+    }
+    return out;
+  } catch (e) {
+    return [];
+  }
+}
 function findSeriesForDepth(chart, paramId, depth) {
-  const option = chart.getOption() || {};
-  const series = option.series || [];
-  const yAxes = option.yAxis || [];
+  const model = chartModel(chart);
+  const series = listLineSeries(model);
   let fallback = null;
   for (let i = 0; i < series.length; i++) {
     const s = series[i];
-    if (!s || seriesTypeName(s) !== "line" || seriesDisplayName(s) === "helper") continue;
-    if (String(seriesParamId(s)) !== String(paramId)) continue;
+    if (String(s.paramId) !== String(paramId)) continue;
     const info = {
-      seriesIndex: i,
-      xAxisIndex: axisIndexOf(s.xAxisIndex),
-      yAxisIndex: axisIndexOf(s.yAxisIndex)
+      seriesIndex: s.seriesIndex,
+      xAxisIndex: s.xAxisIndex,
+      yAxisIndex: s.yAxisIndex
     };
     fallback = info;
-    const yAx = yAxes[info.yAxisIndex];
-    if (!yAx) continue;
-    const min = Math.min(Number(yAx.min), Number(yAx.max));
-    const max = Math.max(Number(yAx.min), Number(yAx.max));
+    const yAx = modelAxisOption(model, "yAxis", info.yAxisIndex);
+    const minN = Number(optionScalar(yAx.min));
+    const maxN = Number(optionScalar(yAx.max));
+    const min = Math.min(minN, maxN);
+    const max = Math.max(minN, maxN);
     if (Number.isFinite(depth) && depth >= min && depth <= max) return info;
   }
   return fallback || { seriesIndex: 0, xAxisIndex: 0, yAxisIndex: 0 };
@@ -3691,8 +3754,7 @@ function eventOffsetInChart(chart, evt) {
   return { offsetX, offsetY };
 }
 function isPointerInAnyGrid(chart, offsetX, offsetY) {
-  const option = chart.getOption() || {};
-  const gridCount = option.grid && option.grid.length || 1;
+  const gridCount = modelGridCount(chartModel(chart));
   for (let i = 0; i < gridCount; i++) {
     try {
       if (chart.containPixel({ gridIndex: i }, [offsetX, offsetY])) return true;
@@ -3706,22 +3768,22 @@ function axisIndexOf(val) {
   return Number(n ?? 0);
 }
 function pixelToData(chart, paramId, offsetX, offsetY, loose = false) {
-  const option = chart.getOption() || {};
-  const gridCount = option.grid && option.grid.length || 1;
-  const matchParam = (s) => s && seriesTypeName(s) === "line" && seriesDisplayName(s) !== "helper" && String(seriesParamId(s)) === String(paramId);
+  const model = chartModel(chart);
+  const gridCount = modelGridCount(model);
+  const matched = listLineSeries(model).filter(
+    (s) => String(s.paramId) === String(paramId)
+  );
   for (let g = 0; g < gridCount; g++) {
     try {
       if (!loose && !chart.containPixel({ gridIndex: g }, [offsetX, offsetY])) continue;
-      const seriesList = (option.series || []).filter(matchParam);
-      const series = seriesList.find((s) => axisIndexOf(s.yAxisIndex) === g) || seriesList[0];
+      const series = matched.find((s) => s.yAxisIndex === g) || matched[0];
       const finders = [];
       if (series) {
         finders.push({
-          xAxisIndex: axisIndexOf(series.xAxisIndex),
-          yAxisIndex: axisIndexOf(series.yAxisIndex)
+          xAxisIndex: series.xAxisIndex,
+          yAxisIndex: series.yAxisIndex
         });
-        const seriesIndex = (option.series || []).indexOf(series);
-        if (seriesIndex >= 0) finders.push({ seriesIndex });
+        if (series.seriesIndex >= 0) finders.push({ seriesIndex: series.seriesIndex });
       }
       finders.push({ gridIndex: g });
       for (const finder of finders) {
@@ -3784,14 +3846,14 @@ function snapDepthToEdge(depth, depthMin, depthMax, tol) {
   return Math.max(lo, Math.min(hi, d));
 }
 function getAxisRange(chart, paramId, depth) {
-  const option = chart.getOption() || {};
+  const model = chartModel(chart);
   const finder = findSeriesForDepth(chart, paramId, depth);
-  const xAx = (option.xAxis || [])[finder.xAxisIndex] || {};
-  const yAx = (option.yAxis || [])[finder.yAxisIndex] || {};
-  const xMin = Number(xAx.min);
-  const xMax = Number(xAx.max);
-  const yMin = Number(yAx.min);
-  const yMax = Number(yAx.max);
+  const xAx = modelAxisOption(model, "xAxis", finder.xAxisIndex);
+  const yAx = modelAxisOption(model, "yAxis", finder.yAxisIndex);
+  const xMin = Number(optionScalar(xAx.min));
+  const xMax = Number(optionScalar(xAx.max));
+  const yMin = Number(optionScalar(yAx.min));
+  const yMax = Number(optionScalar(yAx.max));
   return {
     valueMin: Number.isFinite(xMin) ? xMin : 0,
     valueMax: Number.isFinite(xMax) ? xMax : 100,
@@ -3813,6 +3875,7 @@ class TrendLineManager {
     this._zoomPending = false;
     this._zoomEndTimer = null;
     this._graphicIds = /* @__PURE__ */ Object.create(null);
+    this._zrElCache = /* @__PURE__ */ new WeakMap();
     this._ignoreClickUntil = 0;
   }
   destroy() {
@@ -3930,10 +3993,13 @@ class TrendLineManager {
     zr.on("mousedown", onZrDown);
     zr.on("mousemove", onZrMove);
     zr.on("dblclick", onDblClick);
-    const onZoom = () => this.scheduleZoomRender();
+    const onZoom = () => {
+      if (this.host && typeof this.host.startChartZoom === "function") {
+        this.host.startChartZoom();
+      }
+      this.scheduleZoomRender();
+    };
     if (typeof chart.on === "function") chart.on("datazoom", onZoom);
-    chart.getZr().on("mousewheel", onZoom);
-    if (dom) dom.addEventListener("wheel", onZoom, { passive: true });
     this.binds.set(laneId, { chart, onMouseDown, onZrDown, onZrMove, onDblClick, onZoom, dom });
     this.updateCursor(laneId);
   }
@@ -3982,9 +4048,18 @@ class TrendLineManager {
       this.renderAll();
     });
   }
+  // 没有控制点就不跟缩放重画，省一轮 graphic。8.25
+  hasAnyKnots() {
+    const store = this.store;
+    for (const key in store) {
+      const segs = store[key] && store[key].segments;
+      if (segs && segs.some((s) => s.knots && s.knots.length)) return true;
+    }
+    return false;
+  }
   /** 缩放过程用 ZR 就地改像素，结束后再整层重画，避免 replaceMerge 把线冲掉。8.22 */
   scheduleZoomRender() {
-    if (this.dragSession) return;
+    if (this.dragSession || !this.hasAnyKnots()) return;
     this._zoomPending = true;
     if (this._zoomEndTimer) clearTimeout(this._zoomEndTimer);
     this._zoomEndTimer = setTimeout(() => {
@@ -4078,18 +4153,35 @@ class TrendLineManager {
     });
     return patches;
   }
-  _findGraphicZrEl(chart, id) {
-    let found = null;
+  _invalidateZrElCache(chart) {
+    if (chart && this._zrElCache) this._zrElCache.delete(chart);
+  }
+  _indexGraphicZrEls(chart, map) {
     const zr = chart.getZr();
-    if (!zr || !zr.storage || typeof zr.storage.traverse !== "function") return null;
+    if (!zr || !zr.storage || typeof zr.storage.traverse !== "function") return;
     zr.storage.traverse((el) => {
-      if (found) return;
       const elId = el.id ?? el.anid ?? el.name ?? el.__ecGraphicId;
-      if (elId === id || String(elId) === String(id) || String(elId).endsWith(id)) {
-        found = el;
-      }
+      if (elId == null) return;
+      map.set(String(elId), el);
     });
-    return found;
+  }
+  _findGraphicZrEl(chart, id) {
+    if (!chart || id == null) return null;
+    let map = this._zrElCache.get(chart);
+    if (!map) {
+      map = /* @__PURE__ */ new Map();
+      this._zrElCache.set(chart, map);
+      this._indexGraphicZrEls(chart, map);
+    }
+    const key = String(id);
+    if (map.has(key)) return map.get(key);
+    map.clear();
+    this._indexGraphicZrEls(chart, map);
+    if (map.has(key)) return map.get(key);
+    for (const [elId, el] of map) {
+      if (elId.endsWith(key)) return el;
+    }
+    return null;
   }
   _graphicPixel(el) {
     const cx = el.shape && el.shape.cx || 0;
@@ -4196,14 +4288,14 @@ class TrendLineManager {
       el.setShape(shape);
       applied += 1;
     });
-    if (applied > 0 && chart.getZr() && typeof chart.getZr().refreshImmediately === "function") {
-      chart.getZr().refreshImmediately();
-    }
+    const zr = chart.getZr && chart.getZr();
+    if (applied > 0 && zr && typeof zr.refresh === "function") zr.refresh();
     return applied > 0;
   }
   // 只 merge 新图形，不动已有线。8.24
   _addGraphicElements(chart, elements) {
     if (!elements.length) return;
+    this._invalidateZrElCache(chart);
     chart.setOption(
       {
         graphic: elements.map((el) => ({ ...el, $action: "merge" }))
@@ -4214,6 +4306,7 @@ class TrendLineManager {
   // 按 id 删除，不 replaceMerge 整层 graphic。8.24
   _removeGraphicIds(chart, ids) {
     if (!ids.length) return;
+    this._invalidateZrElCache(chart);
     chart.setOption(
       {
         graphic: ids.map((id) => ({ id, $action: "remove" }))
@@ -4415,6 +4508,9 @@ class TrendLineManager {
   /** 指针靠近控制点时先停地应力平移，按下时才来得及拖点。8.22 */
   onZrHover(e, laneId) {
     if (this.dragSession) return;
+    if (this.host && typeof this.host.isChartBusy === "function" && this.host.isChartBusy()) {
+      return;
+    }
     const chart = this.getChart(laneId);
     const target = this.getTargetByLane(laneId);
     if (!chart || !target || !target.editable) {
@@ -7456,8 +7552,14 @@ const _sfc_main$5 = {
     ensureVisible() {
       const rows = this.resolvedRows;
       if (!rows.length) return;
-      const option = this.chart.getOption();
-      const dz = option.dataZoom && option.dataZoom[0] ? option.dataZoom[0] : null;
+      const dz = (() => {
+        try {
+          const m = this.chart.getModel().getComponent("dataZoom", 0);
+          return m && m.option;
+        } catch (e) {
+          return null;
+        }
+      })();
       if (!dz) return;
       const total = rows.length;
       const start = dz.start ?? 0;
@@ -7913,7 +8015,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     ], 512)
   ], 512);
 }
-const DepthTimeChart = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-9991a24b"]]);
+const DepthTimeChart = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-300010d5"]]);
 const curveExportIcon = "data:image/png;base64,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";
 const depthSlotIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAFnUlEQVRo3u1ZTWxUVRT+zptOp51pZZpOaWlGCgIFFIRgiCsNJi6MbFyyMRqgPygmJhrXNbJgQQQTSf9mGhaEuGkCK/9iMkhAoxAoJCIBTZEWO0Ch03ZsZzpzPxf3venr0JoZ7LzOkJ7Mz3v3vfvuO/ec7zvn3Assy7IUhUihB9h74MBGI8099jblkq/6OjtvFHLcskIrZii1KVFZ3zEW2AEFYc39S1KRiF4BUNqKAUCiciVGVr/BFAWVk0OoSEQLPqbhlM/TYYyVOYVkIUUc1M5w0lxOquaMYiJOEPBSWIyAOAszZzAGcdgRHWNFghDSQasZTllMtH7ylJEHtameOlZ0Ojo7mXmIw4oVhBX3t7YdFYofAKiwJlstUXKwpaX9LZNWpm/dvPFBJBJJlQDdy/SUf/07sYadUIRMe2ppUX501at8UPPi6wrCVdHzqI7/+cViK1UwV2Ta1eWJD6cnA1sQq9+J+Ip10PQhjK1oxr2VL3PUv1W8U8MJqPThksFYOHz8tjEzddI/9CMIzYRCiGYR7ZYN939CWTp5OhQKRUuKPETUIf/dCwKmrcxD/5NiqBSCIz8gnebhQo1fMMV6enr+cM2Mf+OPXhKQYo9hDdFzUp4cP93X1z1QknQvNA7X3vkeAkUb77Mheh5KyZGSjWO9vZ1ny6ceRKpHr4mFrZqH11AxHb0YDnedL+kALcCXtX+fy6QfwTtfCxQOlXzZcvPm72c2bMAtX+zWOkVIZXzoSijUfaYoFGtpbTsHSNCW+k2Gerq25tI3Eomkmps3H2q4892JtOEBRbryymJa2i6L6CwGABQ5FO7tfmWRLCbB4e0H18x4/JR0AmsvHZkguSXXl4vH4wOfHz02CvzDAx9/djHU3Zlz3/b299b98vwn1akyL8uTY9hx/ejiumKqws9UeY1IetqKsp5c+/p8Pqysq+t3u90TgUAA+fQFgOmKWqZclQAphcGYCJ+0Btm9+81T/68ykLwWF3JXjBRrVeZJJBgMThZ1PeZ0XWWbVAhyd8WcFdPJrCxFMZyZTiuhXlTFBBSQsiQWM6dTCkIeIoQImMfDF00tMb1FCmCxDNU6uuw564jMEwRGXhYDl8gTTQgULI7Neryrv7+/2SF0uSxXLGASLKQYmPI1es9cuH4qC9vZh/PAP7tBSBNFgPYIZo2HykYBXHknBnkGaJAuD/566SOCEEUCYpCk0HxJQodxmqGBBGjjaWUeZt2n+ypo7jWXEJR1TT9Y8KSZx7597zcZhlpjnacNNdbXbZbvIpxT4pMZIuFjFtEvlsGlxWqKIqAo61kwUzTqPU+xlnvMiZpdBNIK20fY29a2zaWM2axfGYPh8PHb8yomrvS7SV+yY6YqASPpQsVDbwTAawDgiQ1KmXsUFGtKYR0DJDQIRO+qMONSYk22FV0tyiZpntC0GoUwiDl9xTI4QIo7OT7LekqOxXwPdyVdM/AmfPAmfR0APl3QFR+tH0V02136Rqrw3Lcbreaf6387OYgiEAWMWMfXmgZw75koNw+9gE3DW3LAmJmWiWBXS2u7uVGCohAB0NLavkd7DCkLJEMLkkd81QQH3r4IpikUkiSgIAqk/sz9AgCVdiwqitlGRQWLAax2ivZdKgqhn23vk7kP5lWTPZTKjDPnes4BWgzR9xMCYxa0NFGdsaoZXAQi9nOdfmnwiBV/aO7+yQIxQfuITtnEgl0mOTD/ZJ5uMm/RUTY/sxOVj7xo/PVZ2MBsiz8UW2zK8JW1vWe7D8w6N3/tHKe3BZkV4Gy5r/VS2VH6atNlxLxjecQxQlwJF6pGqq4AxocoSlHH3Kny7cT8rviYYr6RKtSjEe7JchAyFurtPFuMau1vaR9bfb+JgYk6BMbr/lsxoUR80eoOX7TaKhcGUaRCkROrH6yN2N8dy7IsxSf/Avx35qhCwuXeAAAAAElFTkSuQmCC";
 const refreshIcon = "data:image/png;base64,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";
@@ -9173,27 +9275,31 @@ const _sfc_main$3 = {
     _saveDataZoomState() {
       if (!this.chart || this.chart.isDisposed()) return null;
       try {
-        const option = this.chart.getOption();
-        if (option && option.dataZoom && option.dataZoom.length > 0) {
-          return option.dataZoom.map((dz) => ({
-            start: dz.start,
-            end: dz.end,
-            startValue: dz.startValue,
-            endValue: dz.endValue
-          }));
-        }
+        const model = this.chart.getModel();
+        const list = model.queryComponents({ mainType: "dataZoom" }) || [];
+        if (!list.length) return null;
+        return list.map((m) => {
+          const opt = m.option || {};
+          return {
+            start: opt.start,
+            end: opt.end,
+            startValue: opt.startValue,
+            endValue: opt.endValue
+          };
+        });
       } catch (e) {
+        return null;
       }
-      return null;
     },
     // notMerge 刷 option 时把当前趋势线 graphic 带回去，避免先消失再画。8.24
     _preserveGraphic(options) {
       if (!options || options.graphic || !this.chart || this.chart.isDisposed()) return;
       try {
-        const current = this.chart.getOption();
-        if (current && current.graphic && current.graphic.length) {
-          options.graphic = current.graphic;
-        }
+        const model = this.chart.getModel();
+        const list = model.queryComponents({ mainType: "graphic" }) || [];
+        if (!list.length) return;
+        const graphic = list.map((m) => m.option).filter((item) => item && (item.id || item.elements || item.type));
+        if (graphic.length) options.graphic = graphic;
       } catch (e) {
       }
     },
@@ -9507,17 +9613,35 @@ const _hoisted_1$3 = { class: "echarts" };
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$3);
 }
-const resizeEcharts = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-8c9f410f"]]);
+const resizeEcharts = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-c1cce4a1"]]);
 const DRAW_POINT_MIN = 600;
 const DRAW_POINT_MAX = 1800;
 function getSeriesDrawThreshold(laneHeightPx) {
   const h = Number(laneHeightPx) || 400;
   return Math.max(DRAW_POINT_MIN, Math.min(DRAW_POINT_MAX, Math.round(h * 2)));
 }
+function isMissingCurveValue(raw) {
+  if (raw === null || raw === void 0 || raw === "" || raw === "null") {
+    return true;
+  }
+  const n = Number(raw);
+  return !Number.isFinite(n);
+}
+function pointX(pt) {
+  if (Array.isArray(pt)) return pt[0];
+  if (pt && Array.isArray(pt.value)) return pt.value[0];
+  return null;
+}
+function pointYRaw(pt) {
+  if (Array.isArray(pt)) return pt[1];
+  if (pt && Array.isArray(pt.value)) return pt.value[1];
+  return null;
+}
 function getPointXY(pt) {
-  if (Array.isArray(pt)) return [Number(pt[0]), Number(pt[1])];
-  if (pt && Array.isArray(pt.value)) return [Number(pt.value[0]), Number(pt.value[1])];
-  return [NaN, NaN];
+  const x = pointX(pt);
+  const y = pointYRaw(pt);
+  if (isMissingCurveValue(x)) return [NaN, Number(y)];
+  return [Number(x), Number(y)];
 }
 function lttb(data, threshold) {
   const n = data && data.length || 0;
@@ -9550,8 +9674,37 @@ function lttb(data, threshold) {
   return sampled;
 }
 function downsampleSeriesForDraw(data, threshold) {
-  if (!data || data.length <= threshold) return data || [];
-  return lttb(data, threshold);
+  if (!data || !data.length) return data || [];
+  if (data.length <= threshold) return data;
+  const segments = [];
+  let cur = [];
+  for (let i = 0; i < data.length; i++) {
+    if (isMissingCurveValue(pointX(data[i]))) {
+      if (cur.length) {
+        segments.push(cur);
+        cur = [];
+      }
+    } else {
+      cur.push(data[i]);
+    }
+  }
+  if (cur.length) segments.push(cur);
+  if (segments.length === 1 && segments[0].length === data.length) {
+    return lttb(data, threshold);
+  }
+  if (!segments.length) return data;
+  const totalValid = segments.reduce((n, s) => n + s.length, 0);
+  const out = [];
+  for (let s = 0; s < segments.length; s++) {
+    const seg = segments[s];
+    const share = Math.max(2, Math.round(seg.length / totalValid * threshold));
+    const sampled = seg.length <= share ? seg : lttb(seg, Math.min(share, seg.length));
+    if (out.length) {
+      out.push([null, pointYRaw(sampled[0])]);
+    }
+    for (let i = 0; i < sampled.length; i++) out.push(sampled[i]);
+  }
+  return out;
 }
 function lowerBound(rows, key, target) {
   let lo = 0;
@@ -9868,16 +10021,34 @@ const _sfc_main$2 = {
     this._pointerMetaGen = 0;
     this._lastTipKey = /* @__PURE__ */ new WeakMap();
     this._lastAxisPx = /* @__PURE__ */ new WeakMap();
+    this._laneHasValidPoint = /* @__PURE__ */ Object.create(null);
     this._pendingPointer = null;
     this._pointerRaf = 0;
     this._lastHeaderDataIndex = -1;
+    this._tooltipLaneId = null;
+    this._lastTooltipAxisLabel = "";
+    this._isPanning = false;
+    this._isZooming = false;
+    this._zoomIdleTimer = 0;
+    this._connectDetached = false;
+    this._savedConnectGroups = null;
+    this._tipHtmlBucket = "";
+    this._tipHtmlMap = /* @__PURE__ */ Object.create(null);
+    this._onWindowMouseUp = () => this.endChartPan();
     this._flushPointerSync = () => {
       this._pointerRaf = 0;
       const pending = this._pendingPointer;
       if (!pending || !this.pointerInChartArea) return;
-      this._pendingPointer = null;
       const { chart, x, y } = pending;
-      if (!chart || chart.isDisposed()) return;
+      if (!chart || chart.isDisposed()) {
+        this._pendingPointer = null;
+        return;
+      }
+      if (this.isChartBusy()) {
+        this.updateCrosshairLine(chart, y);
+        return;
+      }
+      this._pendingPointer = null;
       this.syncAxisPointerAcrossCharts(chart, x, y);
     };
     this.debounceJudgeEdge = debounce(() => {
@@ -9895,12 +10066,18 @@ const _sfc_main$2 = {
     ) && this.currentToolBarConfig.showDateTime == true;
     window.addEventListener("keydown", this.handleKeyDown);
     window.addEventListener("keyup", this.handleKeyUp);
+    window.addEventListener("mouseup", this._onWindowMouseUp);
     this.showTooltip = this.formCache.displayType == "float";
   },
   beforeUnmount() {
     this._isUnmounted = true;
     window.removeEventListener("keydown", this.handleKeyDown);
     window.removeEventListener("keyup", this.handleKeyUp);
+    window.removeEventListener("mouseup", this._onWindowMouseUp);
+    if (this._zoomIdleTimer) {
+      clearTimeout(this._zoomIdleTimer);
+      this._zoomIdleTimer = 0;
+    }
     if (this.trendLineManager) this.trendLineManager.destroy();
     if (this._pointerRaf) {
       cancelAnimationFrame(this._pointerRaf);
@@ -9919,6 +10096,7 @@ const _sfc_main$2 = {
       this.scheduleConnectAllCharts.cancel();
     }
     this._pendingPointer = null;
+    this.attachChartConnect();
     this.unbindChartPointerSync();
     echarts.disConnect(this.group);
     this.clearEcharts();
@@ -9953,7 +10131,7 @@ const _sfc_main$2 = {
     chartLaneKey(lane) {
       return `${lane && lane.laneId}-${isLaneLogScale(lane) ? "log" : "lin"}`;
     },
-    // 整道 10 条竖线，样式跟普通泳道 splitLine 同一套。8.22对数轴
+    // 对数竖格：整道 10 条同一虚线，和线性纸格一致。8.25
     getLogPaperGridSeries(lane, xAxisIndex, yAxisIndex) {
       const range = this.getLaneLogPlotRange(lane);
       const color = getCssVariable("--kd-lane-container-item-line-color");
@@ -9989,19 +10167,18 @@ const _sfc_main$2 = {
     },
     getLaneChartContentStyle(laneId) {
       const width = this.laneWidthMap && this.laneWidthMap[laneId];
-      const gap = this.currentHeaderStyle.itemGap || 0;
       const style = {};
       if (width && Number(width) > 0) {
         Object.assign(style, {
           width: `${width}px`,
-          padding: `0 ${gap}px`,
+          padding: "0",
           height: "100%"
         });
       } else {
         Object.assign(style, {
           width: "100%",
           height: "100%",
-          padding: `0 ${gap}px`,
+          padding: "0",
           flex: "1"
         });
       }
@@ -10052,8 +10229,14 @@ const _sfc_main$2 = {
       if (!this.isGeomechanical) return;
       this.getConnectedCharts().forEach((chart) => {
         if (!chart || chart.isDisposed()) return;
+        const laneId = this.findLaneIdByChart(chart);
         chart.setOption({
-          dataZoom: [this.buildInsideDataZoom(!!enabled)]
+          dataZoom: [
+            this.buildInsideDataZoom(
+              !!enabled,
+              this.dataZoomFilterModeForLane(this.findLaneById(laneId))
+            )
+          ]
         });
       });
     },
@@ -10130,6 +10313,35 @@ const _sfc_main$2 = {
       }
       return 1;
     },
+    // 只读 option 引用，禁止 getOption() 深拷贝整图 series。8.25
+    readChartOptionRefs(chart) {
+      const empty = { grid: [], yAxis: [], xAxis: [], series: [] };
+      if (!chart || chart.isDisposed()) return empty;
+      try {
+        const model = chart.getModel();
+        const collect = (mainType) => {
+          const list = model.queryComponents({ mainType }) || [];
+          const out = [];
+          for (let i = 0; i < list.length; i++) {
+            out.push(list[i].option || {});
+          }
+          return out;
+        };
+        const seriesModels = model.getSeries() || [];
+        const series = [];
+        for (let i = 0; i < seriesModels.length; i++) {
+          series.push(seriesModels[i].option || {});
+        }
+        return {
+          grid: collect("grid"),
+          yAxis: collect("yAxis"),
+          xAxis: collect("xAxis"),
+          series
+        };
+      } catch (e) {
+        return empty;
+      }
+    },
     readGridBounds(chart, gridIndex, width) {
       try {
         const gridModel = chart.getModel().getComponent("grid", gridIndex);
@@ -10173,7 +10385,15 @@ const _sfc_main$2 = {
         bottom: chart.getHeight && chart.getHeight() || 0
       };
     },
+    seriesDataHasValidX(data) {
+      if (!data || !data.length) return false;
+      for (let i = 0; i < data.length; i++) {
+        if (this.isValidTooltipX(this.pointXY(data[i]).x)) return true;
+      }
+      return false;
+    },
     collectTooltipSeries(chart, seriesByGrid) {
+      let hasAnyValidPlotPoint = false;
       try {
         const seriesList = chart.getModel().getSeries();
         for (let s = 0; s < seriesList.length; s++) {
@@ -10196,9 +10416,13 @@ const _sfc_main$2 = {
             seriesIndex: sm.seriesIndex,
             data
           });
+          if (!hasAnyValidPlotPoint) {
+            hasAnyValidPlotPoint = this.seriesDataHasValidX(data);
+          }
         }
       } catch (e) {
       }
+      return hasAnyValidPlotPoint;
     },
     ensurePointerMeta(chart) {
       const width = chart.getWidth && chart.getWidth() || 0;
@@ -10214,14 +10438,18 @@ const _sfc_main$2 = {
         bounds[i] = this.readGridBounds(chart, i, width);
         seriesByGrid[i] = [];
       }
-      this.collectTooltipSeries(chart, seriesByGrid);
+      const hasAnyValidPlotPoint = this.collectTooltipSeries(
+        chart,
+        seriesByGrid
+      );
       meta = {
         gen: this._pointerMetaGen,
         width,
         height,
         gridCount,
         bounds,
-        seriesByGrid
+        seriesByGrid,
+        hasAnyValidPlotPoint
       };
       this._pointerMeta.set(chart, meta);
       return meta;
@@ -10288,18 +10516,32 @@ const _sfc_main$2 = {
       const item = Array.isArray(tip) ? tip[0] : tip;
       return !!(item && item.show === false);
     },
-    // 对数轴曲线 X 用 lg(x)；轴是线性 lg 量程，允许负数。不改原始行。8.24
+    // 对数轴曲线 X 用 lg(x)；缺数保持 null，不能 Number(null) 成 0。8.25
     plotX(raw, isLogScale) {
+      if (isMissingCurveValue(raw)) return null;
       return isLogScale ? toLogPlotX(raw) : raw;
     },
     plotSeries(data, isLogScale) {
-      return isLogScale ? mapSeriesDataXToLog(data) : data;
+      if (!data || !data.length) return data || [];
+      if (isLogScale) return mapSeriesDataXToLog(data);
+      return data.map((item) => {
+        if (Array.isArray(item)) {
+          if (!isMissingCurveValue(item[0])) return item;
+          return [null, item[1], item[2]];
+        }
+        if (item && Array.isArray(item.value)) {
+          if (!isMissingCurveValue(item.value[0])) return item;
+          return {
+            ...item,
+            value: [null, item.value[1]]
+          };
+        }
+        return item;
+      });
     },
     // null / '' 不能当有数：Number(null) === 0，会误打到空的第一条线。8.22
     isValidTooltipX(raw) {
-      if (raw === null || raw === void 0 || raw === "") return false;
-      const n = Number(raw);
-      return Number.isFinite(n);
+      return !isMissingCurveValue(raw);
     },
     pointY(pt) {
       if (Array.isArray(pt)) return Number(pt[1]);
@@ -10380,6 +10622,73 @@ const _sfc_main$2 = {
       }
       return best;
     },
+    findLaneIdByChart(chart) {
+      const map = this.chartRefMap || {};
+      for (const laneId in map) {
+        const ref = map[laneId];
+        if (ref && ref.chart === chart) return laneId;
+      }
+      return null;
+    },
+    findLaneById(laneId) {
+      if (laneId == null) return null;
+      const lanes = this.currentTemplate && this.currentTemplate.lanes || [];
+      for (let i = 0; i < lanes.length; i++) {
+        if (lanes[i] && lanes[i].laneId == laneId) return lanes[i];
+      }
+      return null;
+    },
+    isMissingTooltipValue(raw) {
+      if (raw === null || raw === void 0 || raw === "" || raw === "null") {
+        return true;
+      }
+      const n = Number(raw);
+      return !Number.isFinite(n);
+    },
+    // 泳道内任一曲线在任意井深有过有效点，才允许出浮窗。8.25
+    laneHasAnyValidPlotPoint(chart, laneId) {
+      if (laneId != null && this._laneHasValidPoint && this._laneHasValidPoint[laneId]) {
+        return true;
+      }
+      const meta = this.ensurePointerMeta(chart);
+      if (meta && typeof meta.hasAnyValidPlotPoint === "boolean") {
+        return meta.hasAnyValidPlotPoint;
+      }
+      const grids = meta && meta.seriesByGrid || [];
+      for (let g = 0; g < grids.length; g++) {
+        const list = grids[g] || [];
+        for (let s = 0; s < list.length; s++) {
+          if (this.seriesDataHasValidX(list[s] && list[s].data)) return true;
+        }
+      }
+      return false;
+    },
+    findHelperTooltipAnchor(chart, yValue, gridIndex) {
+      try {
+        const seriesList = chart.getModel().getSeries();
+        const gi = this.clampGridIndex(
+          this.ensurePointerMeta(chart).gridCount,
+          gridIndex
+        );
+        for (let s = 0; s < seriesList.length; s++) {
+          const sm = seriesList[s];
+          const name = this.unwrapEchartsValue(sm.name);
+          if (name !== "helper") continue;
+          const option = sm.option || {};
+          let yAxisIndex = this.unwrapEchartsValue(option.yAxisIndex);
+          yAxisIndex = yAxisIndex == null || yAxisIndex === "" ? 0 : Number(yAxisIndex);
+          if (!Number.isInteger(yAxisIndex) || yAxisIndex < 0) yAxisIndex = 0;
+          if (yAxisIndex !== gi) continue;
+          const data = option.data;
+          if (!data || !data.length) continue;
+          let dataIndex = this.findNearestDataIndexByY(data, yValue);
+          if (dataIndex < 0) dataIndex = 0;
+          return { seriesIndex: sm.seriesIndex, dataIndex };
+        }
+      } catch (e) {
+      }
+      return null;
+    },
     onChartAreaMouseMove(event) {
       const charts = this.getConnectedCharts();
       for (let i = 0; i < charts.length; i++) {
@@ -10424,51 +10733,56 @@ const _sfc_main$2 = {
       this.showSyncedLaneTooltips(hit.yValue, offsetY, hit.gridIndex);
     },
     showSyncedLaneTooltips(yValue, fallbackY, gridIndex) {
-      const charts = this.getConnectedCharts();
+      if (this.isChartBusy() || this._showingTips) return;
+      this._showingTips = true;
       const needTip = this.showTooltip;
       const needHeader = this.formCache.displayType === "header";
-      for (let c = 0; c < charts.length; c++) {
-        const chart = charts[c];
-        if (!chart || chart.isDisposed()) continue;
-        const meta = this.ensurePointerMeta(chart);
-        const targetGridIndex = this.clampGridIndex(meta.gridCount, gridIndex);
-        const pos = this.getPixelFromYValue(chart, yValue, targetGridIndex);
-        const x = pos && Number.isFinite(pos[0]) ? pos[0] : (meta.width || 80) / 2;
-        const y = pos && Number.isFinite(pos[1]) ? pos[1] : fallbackY;
-        const axisKey = `${targetGridIndex}:${y | 0}`;
-        const group = chart.group;
-        chart.group = null;
-        if (this._lastAxisPx.get(chart) !== axisKey) {
-          this._lastAxisPx.set(chart, axisKey);
-          chart.dispatchAction({
-            type: "updateAxisPointer",
-            currTrigger: "mousemove",
-            x,
-            y,
-            axesInfo: [
-              {
-                axisDim: "y",
-                axisIndex: targetGridIndex,
-                value: yValue
-              }
-            ]
-          });
-        }
-        if (needTip || needHeader) {
-          const nearest = this.findNearestTooltipPoint(
-            chart,
-            yValue,
-            targetGridIndex
-          );
-          if (needHeader && nearest && nearest.rowData && nearest.dataIndex !== this._lastHeaderDataIndex) {
-            this._lastHeaderDataIndex = nearest.dataIndex;
-            this.headerData = nearest.rowData;
+      const row = this.findRowByAxisValue(yValue);
+      this._lastTooltipAxisLabel = this.formatAxisPointerYLabel(yValue, row);
+      if (needHeader && row && row !== this.headerData) {
+        this.headerData = markRaw(row);
+      }
+      const charts = this.getConnectedCharts();
+      this.detachChartConnect();
+      try {
+        for (let c = 0; c < charts.length; c++) {
+          const chart = charts[c];
+          if (!chart || chart.isDisposed()) continue;
+          const laneId = this.findLaneIdByChart(chart);
+          this._tooltipLaneId = laneId;
+          const lane = this.findLaneById(laneId);
+          const meta = this.ensurePointerMeta(chart);
+          const targetGridIndex = this.clampGridIndex(meta.gridCount, gridIndex);
+          const pos = this.getPixelFromYValue(chart, yValue, targetGridIndex);
+          const x = pos && Number.isFinite(pos[0]) ? pos[0] : (meta.width || 80) / 2;
+          const y = pos && Number.isFinite(pos[1]) ? pos[1] : fallbackY;
+          const axisKey = `${targetGridIndex}:${y | 0}`;
+          const pinAxis = () => {
+            chart.dispatchAction({
+              type: "updateAxisPointer",
+              currTrigger: "mousemove",
+              x,
+              y,
+              axesInfo: [
+                {
+                  axisDim: "y",
+                  axisIndex: targetGridIndex,
+                  value: yValue
+                }
+              ]
+            });
+          };
+          if (this._lastAxisPx.get(chart) !== axisKey) {
+            this._lastAxisPx.set(chart, axisKey);
+            pinAxis();
           }
-          if (needTip) {
-            const tipKey = nearest ? `${nearest.seriesIndex}:${nearest.dataIndex}` : "";
+          const canShowTip = needTip && lane && lane.lines && lane.lines.length > 0 && this.laneHasAnyValidPlotPoint(chart, laneId);
+          if (canShowTip) {
+            const tipKey = `${axisKey}:${Number(yValue).toFixed(2)}`;
             if (this._lastTipKey.get(chart) !== tipKey) {
-              this._lastTipKey.set(chart, tipKey);
+              const nearest = this.findHelperTooltipAnchor(chart, yValue, targetGridIndex) || this.findNearestTooltipPoint(chart, yValue, targetGridIndex);
               if (nearest) {
+                this._lastTipKey.set(chart, tipKey);
                 chart.dispatchAction({
                   type: "showTip",
                   seriesIndex: nearest.seriesIndex,
@@ -10476,13 +10790,16 @@ const _sfc_main$2 = {
                   x,
                   y
                 });
-              } else {
-                chart.dispatchAction({ type: "hideTip" });
               }
             }
+          } else if (this._lastTipKey.get(chart) != null) {
+            this._lastTipKey.delete(chart);
+            chart.dispatchAction({ type: "hideTip" });
           }
+          pinAxis();
         }
-        chart.group = group;
+      } finally {
+        this._showingTips = false;
       }
     },
     isLeavingToTooltip(event) {
@@ -10491,6 +10808,79 @@ const _sfc_main$2 = {
       if (next.nodeType !== 1) return false;
       return !!(next.classList && next.classList.contains("echarts-tooltip") || next.closest && next.closest(".echarts-tooltip"));
     },
+    isChartBusy() {
+      return !!(this._isPanning || this._isZooming);
+    },
+    detachChartConnect() {
+      if (this._connectDetached) return;
+      const charts = this.getConnectedCharts();
+      this._savedConnectGroups = [];
+      for (let i = 0; i < charts.length; i++) {
+        const chart = charts[i];
+        if (!chart || chart.isDisposed()) continue;
+        this._savedConnectGroups.push({ chart, group: chart.group });
+        chart.group = null;
+      }
+      this._connectDetached = true;
+    },
+    attachChartConnect() {
+      if (!this._connectDetached) return;
+      const saved = this._savedConnectGroups || [];
+      for (let i = 0; i < saved.length; i++) {
+        const item = saved[i];
+        if (!item || !item.chart || item.chart.isDisposed()) continue;
+        item.chart.group = item.group;
+      }
+      this._savedConnectGroups = null;
+      this._connectDetached = false;
+    },
+    hideLaneTooltipsForPan() {
+      this._lastTipKey = /* @__PURE__ */ new WeakMap();
+      this._lastAxisPx = /* @__PURE__ */ new WeakMap();
+      this.getConnectedCharts().forEach((chart) => {
+        if (!chart || chart.isDisposed()) return;
+        chart.dispatchAction({ type: "hideTip" });
+        chart.dispatchAction({
+          type: "updateAxisPointer",
+          currTrigger: "leave"
+        });
+      });
+    },
+    restorePointerAfterInteract() {
+      if (this.isChartBusy()) return;
+      const pending = this._pendingPointer;
+      if (!pending || !this.pointerInChartArea) return;
+      const { chart, x, y } = pending;
+      if (!chart || chart.isDisposed()) return;
+      this.syncAxisPointerAcrossCharts(chart, x, y);
+    },
+    startChartPan() {
+      if (!this.isGeomechanical || this._isPanning) return;
+      this._isPanning = true;
+      this.attachChartConnect();
+      this.hideLaneTooltipsForPan();
+    },
+    endChartPan() {
+      if (!this._isPanning) return;
+      this._isPanning = false;
+      this.restorePointerAfterInteract();
+    },
+    startChartZoom() {
+      if (!this.isGeomechanical) return;
+      this.attachChartConnect();
+      if (!this._isZooming) {
+        this._isZooming = true;
+        if (!this._isPanning) this.hideLaneTooltipsForPan();
+      }
+      if (this._zoomIdleTimer) clearTimeout(this._zoomIdleTimer);
+      this._zoomIdleTimer = setTimeout(() => this.endChartZoom(), 160);
+    },
+    endChartZoom() {
+      this._zoomIdleTimer = 0;
+      if (!this._isZooming) return;
+      this._isZooming = false;
+      this.restorePointerAfterInteract();
+    },
     hideAllLaneTooltips(event) {
       if (this.isLeavingToTooltip(event)) return;
       const next = event && event.relatedTarget;
@@ -10498,8 +10888,10 @@ const _sfc_main$2 = {
       if (wrap && next && wrap.contains(next)) return;
       this.pointerInChartArea = false;
       this._lastTooltipY = null;
+      this._lastTooltipAxisLabel = "";
       this._lastTooltipGridIndex = 0;
       this._lastHeaderDataIndex = -1;
+      this._tooltipLaneId = null;
       this._lastTipKey = /* @__PURE__ */ new WeakMap();
       this._lastAxisPx = /* @__PURE__ */ new WeakMap();
       this.crosshairVisible = false;
@@ -10514,6 +10906,7 @@ const _sfc_main$2 = {
           currTrigger: "leave"
         });
       });
+      this.attachChartConnect();
     },
     hideAxisPointerAcrossCharts(event) {
       if (this.isLeavingToTooltip(event)) return;
@@ -10532,9 +10925,10 @@ const _sfc_main$2 = {
       this._pendingPointer = null;
       if (!this._pointerSyncHandlers || this._pointerSyncHandlers.length === 0)
         return;
-      this._pointerSyncHandlers.forEach(({ zr, onMove, onOut }) => {
+      this._pointerSyncHandlers.forEach(({ zr, onMove, onDown, onOut }) => {
         if (zr) {
           zr.off("mousemove", onMove);
+          if (onDown) zr.off("mousedown", onDown);
           if (onOut) zr.off("globalout", onOut);
         }
       });
@@ -10547,31 +10941,26 @@ const _sfc_main$2 = {
         const chart = item == null ? void 0 : item.chart;
         if (!chart || chart.isDisposed()) return;
         const zr = chart.getZr();
+        const onDown = (e) => {
+          const native = e.event || e;
+          if (native.button != null && native.button !== 0) return;
+          this.startChartPan();
+        };
         const onMove = (e) => {
           var _a, _b;
+          const native = e.event || e;
+          if (this.isGeomechanical && native.buttons === 1 && !this._isPanning) {
+            this.startChartPan();
+          }
           this.schedulePointerSync(
             chart,
             e.offsetX ?? ((_a = e.event) == null ? void 0 : _a.offsetX),
             e.offsetY ?? ((_b = e.event) == null ? void 0 : _b.offsetY)
           );
         };
-        const onOut = () => {
-          if (!this.pointerInChartArea || !this.showTooltip) return;
-          if (this._lastTooltipY == null) return;
-          this.$nextTick(() => {
-            if (!this.pointerInChartArea || this._lastTooltipY == null) return;
-            this._lastTipKey = /* @__PURE__ */ new WeakMap();
-            this._lastAxisPx = /* @__PURE__ */ new WeakMap();
-            this.showSyncedLaneTooltips(
-              this._lastTooltipY,
-              this._lastTooltipOffsetY,
-              this._lastTooltipGridIndex
-            );
-          });
-        };
+        zr.on("mousedown", onDown);
         zr.on("mousemove", onMove);
-        zr.on("globalout", onOut);
-        this._pointerSyncHandlers.push({ zr, onMove, onOut });
+        this._pointerSyncHandlers.push({ zr, onMove, onDown });
       });
     },
     // 联动所有泳道图表的十字准线与 tooltip（贯穿整个泳道区域）
@@ -10584,6 +10973,9 @@ const _sfc_main$2 = {
           if (this._isUnmounted) return;
           const charts = this.getConnectedCharts();
           if (charts.length === 0) return;
+          const keepDetached = this._connectDetached || this.pointerInChartArea && !this.isChartBusy();
+          this._connectDetached = false;
+          this._savedConnectGroups = null;
           charts.forEach((chart) => {
             chart.group = this.group;
           });
@@ -10592,6 +10984,7 @@ const _sfc_main$2 = {
             echarts.connect(this.group);
           }
           this.bindChartPointerSync();
+          if (keepDetached) this.detachChartConnect();
         });
       });
     },
@@ -10687,7 +11080,12 @@ const _sfc_main$2 = {
     getXAxisRangeByHeader(lineInfo, validData = []) {
       let headerMin = 0;
       let headerMax = 1;
-      const numericValues = (validData || []).map((item) => Number(item[0])).filter((v) => !Number.isNaN(v) && v !== null && v !== void 0);
+      const numericValues = (validData || []).reduce((acc, item) => {
+        const raw = Array.isArray(item) ? item[0] : item && item.value ? item.value[0] : item;
+        if (isMissingCurveValue(raw)) return acc;
+        acc.push(Number(raw));
+        return acc;
+      }, []);
       if (lineInfo && Object.prototype.hasOwnProperty.call(lineInfo, "min")) {
         headerMin = Number(lineInfo.min);
       } else if (numericValues.length > 0) {
@@ -10700,10 +11098,10 @@ const _sfc_main$2 = {
       }
       const min = headerMin;
       const max = headerMax;
-      this.lineRange[lineInfo.lineId] = {
-        min,
-        max
-      };
+      const prev = this.lineRange[lineInfo.lineId];
+      if (!prev || prev.min !== min || prev.max !== max) {
+        this.lineRange[lineInfo.lineId] = { min, max };
+      }
       return { min, max };
     },
     // 判断滚动是否到达边界
@@ -10719,7 +11117,7 @@ const _sfc_main$2 = {
           currentData: this.visibleData[0],
           direction: "top"
         };
-        if (now - this.latestTopInfo.timestamp > oneMinute || JSON.stringify(data) !== JSON.stringify(this.latestTopInfo.data)) {
+        if (now - this.latestTopInfo.timestamp > oneMinute || !this.isSameScrollEdgePayload(data, this.latestTopInfo.data)) {
           this.latestTopInfo = { data, timestamp: now };
           this.$emit("chart-scroll", data);
         }
@@ -10735,13 +11133,19 @@ const _sfc_main$2 = {
           currentData: this.visibleData[this.visibleData.length - 1],
           direction: "bottom"
         };
-        if (now - this.latestBottomInfo.timestamp > oneMinute || JSON.stringify(data) !== JSON.stringify(this.latestBottomInfo.data)) {
+        if (now - this.latestBottomInfo.timestamp > oneMinute || !this.isSameScrollEdgePayload(data, this.latestBottomInfo.data)) {
           this.latestBottomInfo = { data, timestamp: now };
           this.$emit("chart-scroll", data);
         }
       }
     },
-    // 更新所有泳道的图表选项
+    // 触顶/触底只比轴值，不要 JSON.stringify 整行。8.25
+    isSameScrollEdgePayload(next, prev) {
+      if (!next || !prev) return false;
+      if (next.direction !== prev.direction) return false;
+      const key = this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType] || this.formCache.axisType;
+      return next.currentData && prev.currentData && next.currentData[key] === prev.currentData[key];
+    },
     updateOptionsByLineId(lineId, option) {
       let index2 = this.allOptions.findIndex((lane) => lane.lineId == lineId);
       if (Object.prototype.hasOwnProperty.call(option, "xAxis") && option.xAxis.length === 0) {
@@ -10789,7 +11193,6 @@ const _sfc_main$2 = {
         const chart = chartRef.chart;
         chart.setOption({
           tooltip: {
-            ...chart.getOption().tooltip,
             showContent: this.shouldShowTooltipContent(lane.laneId)
           }
         });
@@ -10820,6 +11223,19 @@ const _sfc_main$2 = {
       return { min, max };
     },
     /** 井深/时间轴：没有有效轴值时不画 0、1 占位刻度。不改行数据。8.24 */
+    isDepthOrTimeLane(lane) {
+      if (!lane) return false;
+      const axisTypeList = this.currentToolBarConfig.axisTypeList || {
+        depth: "depth",
+        time: "time"
+      };
+      return Object.prototype.hasOwnProperty.call(axisTypeList, "depth") && axisTypeList.depth == lane.laneKey || Object.prototype.hasOwnProperty.call(axisTypeList, "time") && axisTypeList.time == lane.laneKey;
+    },
+    dataZoomFilterModeForLane(lane) {
+      if (!this.isGeomechanical) return "none";
+      if (this.isDepthOrTimeLane(lane)) return "none";
+      return "weakFilter";
+    },
     shouldShowDepthAxisLabel(rows, axisKey) {
       if (!rows || !rows.length) return false;
       for (let i = 0; i < rows.length; i++) {
@@ -10827,6 +11243,56 @@ const _sfc_main$2 = {
       }
       return false;
     },
+    getDepthTimeLabelWidth(lane) {
+      const mapped = Number(this.laneWidthMap && this.laneWidthMap[lane.laneId]);
+      if (Number.isFinite(mapped) && mapped > 8) return mapped;
+      const w = Number(lane && lane.width);
+      if (Number.isFinite(w) && w > 8) return w;
+      return 80;
+    },
+    // 井深/时间刻度与桌面 kd-curve-v3 一致：居中、按数据步长取间隔。8.25
+    buildDepthTimeAxisLabel(lane, group, isTimeLane, dataGroups, groupIndex, groupMin, groupMax, axisKey) {
+      const clientWidth = this.getDepthTimeLabelWidth(lane);
+      const richWidth = Math.max(clientWidth - 6, 24);
+      return {
+        show: this.shouldShowDepthAxisLabel(group, axisKey),
+        width: clientWidth,
+        hideOverlap: true,
+        height: 14,
+        verticalAlign: "middle",
+        color: getCssVariable("--default-text-color"),
+        overflow: "truncate",
+        rich: {
+          center: {
+            align: "center",
+            fontSize: 12,
+            verticalAlign: "middle",
+            width: richWidth,
+            height: 14,
+            textBaseline: "middle",
+            lineHeight: 14
+          },
+          center2: {
+            align: "center",
+            fontSize: 12,
+            backgroundColor: "red",
+            verticalAlign: "middle",
+            width: richWidth,
+            height: 14,
+            textBaseline: "middle",
+            lineHeight: 14
+          }
+        },
+        formatter: this.getYAxisLabelFormatter(
+          isTimeLane,
+          dataGroups,
+          groupIndex,
+          groupMin,
+          groupMax,
+          axisKey
+        )
+      };
+    },
     getGroupAxisExtents(groups, axisKey) {
       const extents = [];
       let totalRange = 0;
@@ -10838,6 +11304,64 @@ const _sfc_main$2 = {
       }
       return { extents, totalRange };
     },
+    // 成图纸格：横竖同一虚线；竖向 5 等分，横向间距跟小格同宽（方格）。8.25
+    getPaperXSplitCount() {
+      return 5;
+    },
+    getChartPlotHeightPx() {
+      const charts = typeof this.getConnectedCharts === "function" ? this.getConnectedCharts() : [];
+      for (let i = 0; i < charts.length; i++) {
+        const chart = charts[i];
+        if (!chart || chart.isDisposed()) continue;
+        const h = chart.getHeight && chart.getHeight();
+        if (h > 40) return h;
+      }
+      const wrap = this.$refs.chartAreaWrap;
+      if (wrap && wrap.clientHeight > 40) return wrap.clientHeight;
+      return 400;
+    },
+    getTypicalCurveLaneWidthPx() {
+      const map = this.laneWidthMap || {};
+      const lanes = this.currentTemplate && this.currentTemplate.lanes || [];
+      const widths = [];
+      for (let i = 0; i < lanes.length; i++) {
+        const lane = lanes[i];
+        if (!lane || !lane.lines || !lane.lines.length) continue;
+        const w = Number(map[lane.laneId]);
+        if (Number.isFinite(w) && w > 60) widths.push(w);
+      }
+      if (!widths.length) return 200;
+      widths.sort((a, b) => a - b);
+      return widths[Math.floor(widths.length / 2)];
+    },
+    getYGridSplitCount() {
+      const xSplits = this.getPaperXSplitCount();
+      const h = this.getChartPlotHeightPx();
+      const w = this.getTypicalCurveLaneWidthPx();
+      const cell = Math.max(6, w / xSplits);
+      return Math.max(8, Math.min(48, Math.round(h / cell)));
+    },
+    // 井深与横向虚线共用：按列高固定条数，缩放后仍铺满且一一对应。8.25
+    getDepthLabelSplitCount(heightPx) {
+      const h = Math.max(80, Number(heightPx) || this.getChartPlotHeightPx());
+      return Math.max(8, Math.min(24, Math.floor(h / 18)));
+    },
+    getPaperGridAxisStyle(show = true, splitNumber = 5) {
+      const color = getCssVariable("--kd-lane-container-item-line-color");
+      const visible = !!show;
+      return {
+        splitNumber,
+        minorTick: { show: false },
+        minorSplitLine: { show: false },
+        splitLine: {
+          show: visible,
+          showMinLine: false,
+          showMaxLine: false,
+          interval: 0,
+          lineStyle: { color, type: "dashed", width: 1 }
+        }
+      };
+    },
     computeUnifiedAxisInterval(groups, axisKey) {
       let total = 0;
       let min = Infinity;
@@ -10850,9 +11374,10 @@ const _sfc_main$2 = {
         if (e.max > max) max = e.max;
       }
       const range = max - min;
+      const splits = this.getYGridSplitCount();
       if (!Number.isFinite(range) || range <= 0) return 5;
       if (this.isGeomechanical || total > 4e3) {
-        return range / 10;
+        return range / splits;
       }
       let minStep = Infinity;
       for (let g = 0; g < groups.length; g++) {
@@ -10873,19 +11398,86 @@ const _sfc_main$2 = {
       let unified = Math.ceil(range / Math.min(12, intervalCount));
       return Math.max(minStep, Math.ceil(unified / minStep) * minStep);
     },
-    buildInsideDataZoom(moveOnMouseMove) {
+    // 与桌面 kd-curve-v3 井深轴相同：按最小数据步长、最多 12 段。8.25
+    computeDepthTimeAxisInterval(groups, axisKey) {
+      let min = Infinity;
+      let max = -Infinity;
+      let minStep = Infinity;
+      for (let g = 0; g < groups.length; g++) {
+        const group = groups[g];
+        let prev = NaN;
+        for (let i = 0; i < group.length; i++) {
+          const v = Number(group[i][axisKey]);
+          if (!Number.isFinite(v)) continue;
+          if (v < min) min = v;
+          if (v > max) max = v;
+          if (Number.isFinite(prev)) {
+            const step = Math.abs(v - prev);
+            if (step > 0 && step < minStep) minStep = step;
+          }
+          prev = v;
+        }
+      }
+      const range = max - min;
+      if (!Number.isFinite(range) || range <= 0) return 5;
+      if (!Number.isFinite(minStep) || minStep <= 0) return range / 10;
+      const intervalCount = Math.max(1, Math.min(12, Math.ceil(range / minStep)));
+      let unified = Math.ceil(range / Math.min(12, intervalCount));
+      return Math.max(minStep, Math.ceil(unified / minStep) * minStep);
+    },
+    buildInsideDataZoom(moveOnMouseMove, filterMode) {
       const pan = moveOnMouseMove === void 0 ? this.isGeomechanical && !this._chartPanLocked : !!moveOnMouseMove;
+      const mode = filterMode == null ? this.isGeomechanical ? "weakFilter" : "none" : filterMode;
       return {
         type: "inside",
         orient: "vertical",
-        filterMode: "none",
+        // 视窗外的点不画；x 轴仍用表头 min/max，不会跟着被滤掉的点跑偏。8.25
+        filterMode: mode,
         disabled: !this.isGeomechanical,
         zoomOnMouseWheel: true,
         moveOnMouseMove: pan,
         moveOnMouseWheel: false,
-        throttle: this.isGeomechanical ? 50 : 100
+        throttle: this.isGeomechanical ? 16 : 100
+        // 地应力跟手；过大 throttle 会拖影。8.25
       };
     },
+    splitPlotDataByGaps(data) {
+      if (!data || !data.length) return [data || []];
+      const segs = [];
+      let cur = [];
+      for (let i = 0; i < data.length; i++) {
+        const pt = data[i];
+        const x = Array.isArray(pt) ? pt[0] : pt && pt.value && pt.value[0];
+        if (isMissingCurveValue(x)) {
+          if (cur.length) {
+            segs.push(cur);
+            cur = [];
+          }
+        } else {
+          cur.push(pt);
+        }
+      }
+      if (cur.length) segs.push(cur);
+      return segs.length ? segs : [[]];
+    },
+    pushGeoLineSeries(option, baseSeries, seriesSource) {
+      const segs = this.splitPlotDataByGaps(seriesSource);
+      const canSplit = this.isGeomechanical && segs.length > 1 && segs.length <= 24;
+      const chunks = canSplit ? segs : [seriesSource];
+      for (let i = 0; i < chunks.length; i++) {
+        const chunk = chunks[i];
+        const series = i === 0 ? Object.assign(baseSeries, { data: chunk }) : {
+          ...baseSeries,
+          data: chunk,
+          markLine: void 0,
+          markArea: void 0,
+          areaStyle: void 0,
+          tooltip: { show: false }
+        };
+        this.applyGeoLineDrawOption(series, chunk && chunk.length || 0);
+        option.series.push(series);
+      }
+    },
     applyGeoLineDrawOption(series, pointCount) {
       if (!this.isGeomechanical || !series) return series;
       series.clip = true;
@@ -10900,11 +11492,16 @@ const _sfc_main$2 = {
         itemStyle: { opacity: 1 }
       };
       series.select = { disabled: true };
+      series.connectNulls = false;
       const area = series.areaStyle;
       const filled = area && Number(area.opacity) > 0;
-      if (pointCount >= 2e3 && !filled) {
+      const hasGap = Array.isArray(series.data) && series.data.some((pt) => {
+        const x = Array.isArray(pt) ? pt[0] : pt && pt.value && pt.value[0];
+        return isMissingCurveValue(x);
+      });
+      if (pointCount >= 400 && !filled && !hasGap) {
         series.large = true;
-        series.largeThreshold = 2e3;
+        series.largeThreshold = 400;
         series.symbol = "none";
       }
       return series;
@@ -10922,10 +11519,30 @@ const _sfc_main$2 = {
     toDrawSeriesData(lane, rawPoints) {
       return this.plotSeriesForDraw(rawPoints, isLaneLogScale(lane));
     },
+    getAxisDataKey() {
+      return this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType] || (this.formCache.axisType === "time" ? "time" : "depth");
+    },
     findRowByAxisValue(axisValue) {
-      const key = this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType] || (this.formCache.axisType === "time" ? "time" : "depth");
+      const key = this.getAxisDataKey();
       return findNearestRow(this.visibleData, key, axisValue) || findNearestRow(this.realTimeData, key, axisValue);
     },
+    // 十字线标签用最近一条井深/时间，不要用像素反算的长小数。8.25
+    formatAxisPointerYLabel(axisValue, row) {
+      try {
+        const hit = row || this.findRowByAxisValue(axisValue);
+        if (this.formCache.axisType == "time") {
+          const t = hit && (hit.time != null ? hit.time : hit.timestamp);
+          return this.timestampToYMDHMS(t != null ? t : axisValue);
+        }
+        const key = this.getAxisDataKey();
+        const raw = hit && hit[key] != null ? hit[key] : axisValue;
+        const n = Number(raw);
+        if (!Number.isFinite(n)) return "";
+        return String(Number(n.toFixed(3)));
+      } catch (e) {
+        return "";
+      }
+    },
     readChartGridCount(option) {
       const grid = option && option.grid;
       if (Array.isArray(grid)) return grid.length;
@@ -10986,7 +11603,7 @@ const _sfc_main$2 = {
         const ref = this.getChartRefByLaneId(lanes[i].laneId);
         const chart = ref && ref.chart;
         if (!chart || chart.isDisposed()) continue;
-        const gridCount = this.readChartGridCount(chart.getOption() || {});
+        const gridCount = this.readGridCount(chart);
         if (!gridCount || gridCount !== groups.length) {
           if (!this.isUpdatingChart) this.updateLanesChartOption();
           return;
@@ -10997,19 +11614,27 @@ const _sfc_main$2 = {
         const ref = this.getChartRefByLaneId(lane.laneId);
         const chart = ref && ref.chart;
         if (!chart || chart.isDisposed()) return;
-        const option = chart.getOption() || {};
+        let seriesList = [];
+        try {
+          seriesList = chart.getModel().getSeries() || [];
+        } catch (e) {
+          return;
+        }
         const isLog = isLaneLogScale(lane);
         const yAxis = groups.map((g) => ({ min: g.min, max: g.max }));
-        const series = (option.series || []).map((s) => {
-          const gi = this.clampGridIndex(groups.length, this.seriesYAxisIndex(s));
+        const series = seriesList.map((sm) => {
+          const opt = sm && sm.option || {};
+          const gi = this.clampGridIndex(groups.length, this.seriesYAxisIndex(opt));
           const group = groups[gi];
-          const name = Array.isArray(s.name) ? s.name[0] : s.name;
+          const name = this.unwrapEchartsValue(sm && sm.name);
           if (name === "helper") {
-            const x = s.data && s.data[0] && s.data[0][0];
+            const data2 = opt.data;
+            const x = data2 && data2[0] && data2[0][0];
             return { data: [[x, group.min], [x, group.max]] };
           }
-          if (name === "log-grid" || s.type !== "line") return {};
-          const paramId = Array.isArray(s.paramId) ? s.paramId[0] : s.paramId;
+          const type = sm.subType || this.unwrapEchartsValue(opt.type);
+          if (name === "log-grid" || type !== "line") return {};
+          const paramId = this.unwrapEchartsValue(opt.paramId);
           if (paramId == null) return {};
           const cacheKey = `${gi}:${paramId}:${isLog ? 1 : 0}`;
           let data = groupSeriesCache.get(cacheKey);
@@ -11108,8 +11733,10 @@ const _sfc_main$2 = {
     },
     // 处理鼠标滚轮事件
     handleWheel(e) {
-      if (this.trendLineManager) this.trendLineManager.scheduleZoomRender();
-      if (this.isGeomechanical) return;
+      if (this.isGeomechanical) {
+        this.startChartZoom();
+        return;
+      }
       e.preventDefault();
       const dataLength = this.realTimeData && this.realTimeData.length || 0;
       this.wheelDelta = Math.sign(e.deltaY);
@@ -11180,7 +11807,7 @@ const _sfc_main$2 = {
       let markLineYValues = [];
       const firstChart = this.getConnectedCharts()[0];
       if (firstChart) {
-        const chartOption = firstChart.getOption();
+        const chartOption = this.readChartOptionRefs(firstChart);
         if (chartOption && chartOption.series) {
           chartOption.series.forEach((series) => {
             if (series.markLine && series.markLine.data) {
@@ -11377,28 +12004,29 @@ const _sfc_main$2 = {
       const newItems = newData.filter(
         (item) => !existingKeys.has(item[axisKey])
       );
-      this.realTimeData = [...this.realTimeData, ...newItems];
+      const merged = [...this.realTimeData, ...newItems];
       if (axisType === "depth") {
-        if (this.realTimeData[0] && this.realTimeData[0].timestamp) {
-          this.realTimeData.sort((a, b) => {
+        if (merged[0] && merged[0].timestamp) {
+          merged.sort((a, b) => {
             const timestampA = this.toMillisecondTimestamp(a.timestamp);
             const timestampB = this.toMillisecondTimestamp(b.timestamp);
             return timestampA - timestampB;
           });
         } else {
-          this.realTimeData.sort((a, b) => {
+          merged.sort((a, b) => {
             const valA = Number(a[axisKey]);
             const valB = Number(b[axisKey]);
             return valA - valB;
           });
         }
       } else {
-        this.realTimeData.sort((a, b) => {
+        merged.sort((a, b) => {
           const valA = Number(a[axisKey]);
           const valB = Number(b[axisKey]);
           return valA - valB;
         });
       }
+      this.realTimeData = markRaw(merged);
       let targetStartValue = Number(startValue);
       if (axisType !== "depth") {
         const str = String(targetStartValue);
@@ -11525,16 +12153,8 @@ const _sfc_main$2 = {
             type: "value",
             inverse: true,
             boundaryGap: false,
-            scale: true,
-            splitLine: {
-              show: true,
-              showMinLine: false,
-              showMaxLine: false,
-              lineStyle: {
-                color: getCssVariable("--kd-lane-container-item-line-color"),
-                type: "dashed"
-              }
-            },
+            scale: false,
+            ...this.getPaperGridAxisStyle(true, this.getYGridSplitCount()),
             axisLine: {
               show: false,
               onZero: false
@@ -11577,24 +12197,7 @@ const _sfc_main$2 = {
               backgroundColor: `${getCssVariable("--kd-lane-container-border-color")}99`,
               color: `${getCssVariable("--default-text-color")}`,
               show: true,
-              formatter: (params) => {
-                var _a;
-                try {
-                  if (this.formCache.displayType == "header") {
-                    const firstItem = this.getFirstDataIndexItem(
-                      params && params.seriesData
-                    );
-                    this.headerData = ((_a = firstItem == null ? void 0 : firstItem.data) == null ? void 0 : _a.rowData) || this.findRowByAxisValue(params && params.value) || {};
-                  }
-                  if (params == null || params.value == null) return "";
-                  if (this.formCache.axisType == "time") {
-                    return this.timestampToYMDHMS(params.value);
-                  }
-                  return String(params.value);
-                } catch (e) {
-                  return "";
-                }
-              }
+              formatter: () => this._lastTooltipAxisLabel || ""
             }
           },
           confine: true,
@@ -11603,65 +12206,7 @@ const _sfc_main$2 = {
           textStyle: {
             color: getCssVariable("--default-text-color")
           },
-          formatter: (series) => {
-            if (!series || !Array.isArray(series)) return "";
-            const uniqueMap = /* @__PURE__ */ new Map();
-            for (let i = 0; i < series.length; i++) {
-              const current = series[i];
-              if (!current || current.seriesName === "helper") continue;
-              const existingItem = uniqueMap.get(current.seriesName);
-              if (!existingItem) {
-                uniqueMap.set(current.seriesName, current);
-                continue;
-              }
-              const existingValue = Array.isArray(existingItem.value) ? existingItem.value[0] : existingItem.value;
-              const currentValue = Array.isArray(current.value) ? current.value[0] : current.value;
-              const existingHasValue = existingValue !== void 0 && existingValue !== null && existingValue !== "";
-              const currentHasValue = currentValue !== void 0 && currentValue !== null && currentValue !== "";
-              if (!existingHasValue && currentHasValue) {
-                continue;
-              }
-              if (existingHasValue && !currentHasValue) {
-                uniqueMap.set(current.seriesName, current);
-              } else if (existingHasValue && currentHasValue) {
-                if (Number(currentValue) > Number(existingValue)) {
-                  uniqueMap.set(current.seriesName, current);
-                }
-              } else {
-                uniqueMap.set(current.seriesName, current);
-              }
-            }
-            const uniqueSeries = [];
-            uniqueMap.forEach((item) => uniqueSeries.push(item));
-            if (this.tooltipFormatter && typeof this.tooltipFormatter === "function") {
-              let mousePositionData = null;
-              if (uniqueSeries.length > 0) {
-                const firstItem = this.getFirstDataIndexItem(uniqueSeries);
-                const tip = firstItem || uniqueSeries[0];
-                const axisVal = Array.isArray(tip && tip.value) ? tip.value[1] : tip && tip.axisValue;
-                mousePositionData = firstItem && firstItem.data && firstItem.data.rowData || this.findRowByAxisValue(
-                  Number.isFinite(Number(axisVal)) ? axisVal : this._lastTooltipY
-                ) || {};
-              } else if (this._lastTooltipY != null) {
-                mousePositionData = this.findRowByAxisValue(this._lastTooltipY) || {};
-              }
-              return this.tooltipFormatter({
-                series: uniqueSeries,
-                mousePositionData
-              });
-            }
-            let html = "<div>";
-            for (let i = 0; i < uniqueSeries.length; i++) {
-              const params = uniqueSeries[i];
-              const { seriesName, value, color } = params;
-              let xValue = value;
-              if (Array.isArray(value)) xValue = value[0];
-              const text = xValue == void 0 || xValue == null ? `${seriesName}:--` : `${seriesName}:${typeof +xValue === "number" ? Number(Number(xValue).toFixed(3)) : xValue}`;
-              html += `<div style="display:flex;align-items:center"><div style="height:10px;width:10px;font-size:10px;border-radius:8px;background-color:${color}"></div><span style="margin-left:8px;font-size:12px">${text}</span></div>`;
-            }
-            html += "</div>";
-            return html;
-          }
+          formatter: () => this.renderLaneTooltipHtml(this._tooltipLaneId)
         }
       };
       return option;
@@ -11731,6 +12276,7 @@ const _sfc_main$2 = {
         dataIndexMap.set(String(realTimeData[i][axisKey]), realTimeData[i]);
       }
       try {
+        this._laneHasValidPoint = /* @__PURE__ */ Object.create(null);
         for (let laneIndex = 0; laneIndex < lanes.length; laneIndex++) {
           const lane = lanes[laneIndex];
           const axisTypeList = this.currentToolBarConfig.axisTypeList || {
@@ -11740,11 +12286,15 @@ const _sfc_main$2 = {
           const isDepthLane = Object.prototype.hasOwnProperty.call(axisTypeList, "depth") && axisTypeList.depth == lane.laneKey;
           const isTimeLane = Object.prototype.hasOwnProperty.call(axisTypeList, "time") && axisTypeList.time == lane.laneKey;
           const option = this.getDefaultLaneChartOption();
+          if (isDepthLane || isTimeLane) {
+            if (option.dataZoom && option.dataZoom[0]) {
+              option.dataZoom[0].filterMode = "none";
+            }
+          }
           let hasValidLineData = false;
           const seriesDataCache = {};
           if (lane && lane.lines && lane.lines.length > 0) {
             for (const lineInfo of lane.lines) {
-              if (lineInfo.isUsed !== "1") continue;
               const seriesData = this.generateSeriesDataCached(
                 realTimeData,
                 lineInfo,
@@ -11753,9 +12303,7 @@ const _sfc_main$2 = {
               );
               seriesDataCache[lineInfo.lineId] = { full: seriesData };
               if (!hasValidLineData) {
-                hasValidLineData = seriesData.some(
-                  (point) => point[0] !== null && point[0] !== void 0 && point[0] !== ""
-                );
+                hasValidLineData = this.seriesDataHasValidX(seriesData);
               }
               if (lineInfo.recommendParamId) {
                 const recommendLineInfo = {
@@ -11772,13 +12320,14 @@ const _sfc_main$2 = {
                   full: recommendSeriesData
                 };
                 if (!hasValidLineData) {
-                  hasValidLineData = recommendSeriesData.some(
-                    (point) => point[0] !== null && point[0] !== void 0 && point[0] !== ""
+                  hasValidLineData = this.seriesDataHasValidX(
+                    recommendSeriesData
                   );
                 }
               }
             }
           }
+          this._laneHasValidPoint[lane.laneId] = hasValidLineData;
           if (dataGroups.length > 0) {
             option.yAxis = [];
             option.series = [];
@@ -11808,9 +12357,12 @@ const _sfc_main$2 = {
                 right: 2,
                 height: `${groupHeight}%`,
                 show: false,
-                containLabel: true
+                containLabel: !!(isDepthLane || isTimeLane)
+                // 井深列给刻度留宽，和桌面版一致。8.25
               });
               currentTop += groupHeight;
+              const groupPlotH = this.getChartPlotHeightPx() * (groupHeight / 100);
+              const ySplitCount = this.isGeomechanical ? this.getDepthLabelSplitCount(groupPlotH) : this.getYGridSplitCount();
               option.yAxis.push({
                 gridIndex,
                 type: "value",
@@ -11818,17 +12370,11 @@ const _sfc_main$2 = {
                 max: groupMax,
                 inverse: true,
                 boundaryGap: false,
-                splitLine: {
-                  show: true,
-                  showMinLine: false,
-                  showMaxLine: false,
-                  lineStyle: {
-                    color: getCssVariable(
-                      "--kd-lane-container-item-line-color"
-                    ),
-                    type: "dashed"
-                  }
-                },
+                scale: false,
+                ...this.getPaperGridAxisStyle(
+                  !isDepthLane && !isTimeLane,
+                  ySplitCount
+                ),
                 axisLine: { show: false, onZero: false },
                 axisTick: { show: false },
                 axisLabel: {
@@ -11838,13 +12384,16 @@ const _sfc_main$2 = {
                 },
                 axisPointer: { show: hasValidLineData }
               });
-              if (dataGroups.length > 1) {
-                option.yAxis[gridIndex].interval = unifiedInterval;
+              if (this.isGeomechanical) {
+                option.yAxis[gridIndex].splitNumber = ySplitCount;
+                option.yAxis[gridIndex].minInterval = 1;
+                option.yAxis[gridIndex].alignTicks = true;
+              } else if (isDepthLane || isTimeLane) {
+                option.yAxis[gridIndex].interval = this.computeDepthTimeAxisInterval(dataGroups, axisKey);
               } else {
-                option.yAxis[gridIndex].splitNumber = 15;
+                option.yAxis[gridIndex].interval = unifiedInterval;
               }
               if (isDepthLane || isTimeLane) {
-                const clientWidth = this.laneWidthMap && this.laneWidthMap[lane.laneId];
                 option.xAxis.push({
                   gridIndex,
                   type: "value",
@@ -11859,53 +12408,33 @@ const _sfc_main$2 = {
                   type: "line",
                   xAxisIndex: option.xAxis.length - 1,
                   yAxisIndex: gridIndex,
+                  name: "helper",
                   nameIndex: groupIndex,
-                  data: []
+                  data: [
+                    [0, groupMin],
+                    [0, groupMax]
+                  ],
+                  symbol: "none",
+                  silent: true,
+                  tooltip: { show: false },
+                  lineStyle: { opacity: 0 }
                 });
                 Object.assign(option.yAxis[gridIndex], {
                   splitLine: { show: false },
+                  minorSplitLine: { show: false },
                   axisPointer: { show: false },
                   alignTicks: true,
                   boundaryGap: false,
-                  axisLabel: {
-                    show: this.shouldShowDepthAxisLabel(group, axisKey),
-                    // 无井深值不显示 0/1。8.24
-                    width: clientWidth,
-                    hideOverlap: true,
-                    height: 14,
-                    verticalAlign: "middle",
-                    color: getCssVariable("--default-text-color"),
-                    overflow: "truncate",
-                    rich: {
-                      center: {
-                        align: "center",
-                        fontSize: 12,
-                        verticalAlign: "middle",
-                        width: clientWidth - 6,
-                        height: 14,
-                        textBaseline: "middle",
-                        lineHeight: 14
-                      },
-                      center2: {
-                        align: "center",
-                        fontSize: 12,
-                        backgroundColor: "red",
-                        verticalAlign: "middle",
-                        width: clientWidth - 6,
-                        height: 14,
-                        textBaseline: "middle",
-                        lineHeight: 14
-                      }
-                    },
-                    formatter: this.getYAxisLabelFormatter(
-                      isTimeLane,
-                      dataGroups,
-                      groupIndex,
-                      groupMin,
-                      groupMax,
-                      axisKey
-                    )
-                  }
+                  axisLabel: this.buildDepthTimeAxisLabel(
+                    lane,
+                    group,
+                    isTimeLane,
+                    dataGroups,
+                    groupIndex,
+                    groupMin,
+                    groupMax,
+                    axisKey
+                  )
                 });
                 option.backgroundColor = "transparent";
                 delete option.tooltip;
@@ -11962,22 +12491,16 @@ const _sfc_main$2 = {
                       }),
                       show: !isDepthLane
                     } : {
-                      interval: (max - min) / 5,
-                      splitNumber: 5,
+                      interval: (max - min) / this.getPaperXSplitCount(),
                       gridIndex,
                       show: !isDepthLane,
                       type: "value",
                       min,
                       max,
-                      splitLine: {
-                        show: !isDepthLane,
-                        showMaxLine: false,
-                        showMinLine: false,
-                        lineStyle: {
-                          color: splitColor,
-                          type: "dashed"
-                        }
-                      },
+                      ...this.getPaperGridAxisStyle(
+                        !isDepthLane && index2 === 0,
+                        this.getPaperXSplitCount()
+                      ),
                       axisLabel: { show: false },
                       axisLine: { show: false },
                       axisTick: { show: false }
@@ -12001,6 +12524,7 @@ const _sfc_main$2 = {
                       type: lineInfo.lineType
                     },
                     clip: true,
+                    connectNulls: false,
                     z: lineInfo.lineSort
                   };
                   if (lane.lines.length - 1 == index2) {
@@ -12039,8 +12563,7 @@ const _sfc_main$2 = {
                     max,
                     isLogScale
                   );
-                  this.applyGeoLineDrawOption(baseSeries, seriesSource.length);
-                  option.series.push(baseSeries);
+                  this.pushGeoLineSeries(option, baseSeries, seriesSource);
                   if (rangeAreaSeries) {
                     option.series.push(rangeAreaSeries);
                   }
@@ -12098,13 +12621,10 @@ const _sfc_main$2 = {
                         type: "dashed"
                       },
                       clip: true,
+                      connectNulls: false,
                       z: lineInfo.lineSort
                     };
-                    this.applyGeoLineDrawOption(
-                      recommendSeries,
-                      recommendSource.length
-                    );
-                    option.series.push(recommendSeries);
+                    this.pushGeoLineSeries(option, recommendSeries, recommendSource);
                   }
                   const effectScatterPoint = this.latestLineDataByParamCode[lineInfo.paramId];
                   if (effectScatterPoint && lineInfo.latestDataTips) {
@@ -12159,25 +12679,27 @@ const _sfc_main$2 = {
                 }).filter(
                   (v) => v !== void 0 && v !== null && !Number.isNaN(v)
                 );
+                let helperX = 0;
                 if (rangeMins.length > 0) {
-                  const min = Math.max(...rangeMins);
-                  const helperX = isLogScale ? Math.log10(this.getLaneLogPlotRange(lane).min) : min;
-                  option.series.unshift({
-                    name: "helper",
-                    type: "line",
-                    xAxisIndex: option.xAxis.length - 1,
-                    yAxisIndex: gridIndex,
-                    data: [
-                      [helperX, groupMin],
-                      [helperX, groupMax]
-                    ],
-                    lineStyle: { opacity: 0 },
-                    symbol: "none",
-                    silent: true,
-                    // 禁用鼠标事件
-                    tooltip: { show: false }
-                  });
+                  helperX = isLogScale ? Math.log10(this.getLaneLogPlotRange(lane).min) : Math.max(...rangeMins);
+                } else if (isLogScale) {
+                  helperX = Math.log10(this.getLaneLogPlotRange(lane).min);
                 }
+                if (!Number.isFinite(helperX)) helperX = 0;
+                option.series.unshift({
+                  name: "helper",
+                  type: "line",
+                  xAxisIndex: option.xAxis.length - 1,
+                  yAxisIndex: gridIndex,
+                  data: [
+                    [helperX, groupMin],
+                    [helperX, groupMax]
+                  ],
+                  lineStyle: { opacity: 0 },
+                  symbol: "none",
+                  silent: true,
+                  tooltip: { show: true }
+                });
                 if (isLogScale) {
                   option.series.unshift(
                     this.getLogPaperGridSeries(
@@ -12191,12 +12713,12 @@ const _sfc_main$2 = {
             }
           }
           if (option.tooltip && lane && lane.lines && lane.lines.length) {
-            option.tooltip.showContent = this.shouldShowTooltipContent(
-              lane.laneId
-            );
+            const laneId = lane.laneId;
+            option.tooltip.showContent = this.shouldShowTooltipContent(laneId);
             option.tooltip.triggerOn = "none";
             option.tooltip.enterable = false;
             option.tooltip.extraCssText = "pointer-events: none !important;";
+            option.tooltip.formatter = () => this.renderLaneTooltipHtml(laneId);
           }
           this.updateOptionsByLineId(lane.laneId, option);
         }
@@ -12270,6 +12792,108 @@ const _sfc_main$2 = {
       output.push(data[dataLength - 1]);
       return output;
     },
+    formatTooltipXValue(raw) {
+      if (this.isMissingTooltipValue(raw)) return "--";
+      return Number(Number(raw).toFixed(3));
+    },
+    getLineThemeColor(lineInfo) {
+      if (!lineInfo) return "";
+      if (lineInfo.themeConfig && lineInfo.themeConfig[this.nowTheme]) {
+        if (lineInfo.isGradient && this.linearGradientLineColor && this.linearGradientLineColor[this.nowTheme] && this.linearGradientLineColor[this.nowTheme][lineInfo.paramId]) {
+          return this.linearGradientLineColor[this.nowTheme][lineInfo.paramId];
+        }
+        return lineInfo.themeConfig[this.nowTheme].lineColor;
+      }
+      return lineInfo.lineColor || "";
+    },
+    getTooltipLineName(lineInfo, isRecommend) {
+      if (isRecommend) return "推荐值";
+      if (lineInfo && lineInfo.recommendParamId) return "实际值";
+      const param = (this.params || []).find(
+        (p) => p.paramId == (lineInfo && lineInfo.paramId)
+      );
+      if (param && param.paramName) {
+        return `${param.paramName}${param.paramUnit ? `(${param.paramUnit})` : ""}`;
+      }
+      return lineInfo && (lineInfo.paramName || String(lineInfo.paramId)) || "";
+    },
+    readLineValueFromRow(row, paramId) {
+      if (!row || paramId == null) return null;
+      if (paramId in row) return row[paramId];
+      const strId = String(paramId);
+      if (strId in row) return row[strId];
+      const currentParam = (this.params || []).find((p) => p.paramId == paramId);
+      if (currentParam && currentParam.paramCode) {
+        const codes = String(currentParam.paramCode).split(",");
+        for (let i = 0; i < codes.length; i++) {
+          const code = codes[i];
+          if (code && code in row) return row[code];
+        }
+      }
+      return null;
+    },
+    formatTooltipLineDisplayValue(raw, isLogScale) {
+      if (this.isMissingTooltipValue(raw)) return "--";
+      if (isLogScale) {
+        const lg = formatLanePointValue(raw);
+        return lg == null ? "--" : lg;
+      }
+      return this.formatTooltipXValue(raw);
+    },
+    buildLaneTooltipSeries(lane, row, yValue) {
+      const lines = lane && lane.lines || [];
+      const isLogScale = isLaneLogScale(lane);
+      const items = [];
+      for (let i = 0; i < lines.length; i++) {
+        const lineInfo = lines[i];
+        const raw = this.readLineValueFromRow(row, lineInfo.paramId);
+        items.push({
+          seriesName: this.getTooltipLineName(lineInfo, false),
+          color: this.getLineThemeColor(lineInfo),
+          value: [this.formatTooltipLineDisplayValue(raw, isLogScale), yValue],
+          paramId: lineInfo.paramId,
+          lineId: lineInfo.lineId
+        });
+        if (lineInfo.recommendParamId) {
+          const recRaw = this.readLineValueFromRow(
+            row,
+            lineInfo.recommendParamId
+          );
+          items.push({
+            seriesName: this.getTooltipLineName(lineInfo, true),
+            color: this.getLineThemeColor(lineInfo),
+            value: [
+              this.formatTooltipLineDisplayValue(recRaw, isLogScale),
+              yValue
+            ],
+            paramId: lineInfo.recommendParamId,
+            lineId: lineInfo.lineId
+          });
+        }
+      }
+      return items;
+    },
+    renderLaneTooltipHtml(laneId) {
+      const yValue = this._lastTooltipY;
+      const lane = this.findLaneById(laneId);
+      const row = yValue != null ? this.findRowByAxisValue(yValue) || {} : {};
+      const displaySeries = this.buildLaneTooltipSeries(lane, row, yValue);
+      if (this.tooltipFormatter && typeof this.tooltipFormatter === "function") {
+        return this.tooltipFormatter({
+          series: displaySeries,
+          mousePositionData: row
+        });
+      }
+      let html = "<div>";
+      for (let i = 0; i < displaySeries.length; i++) {
+        const params = displaySeries[i];
+        const { seriesName, value, color } = params;
+        const xValue = Array.isArray(value) ? value[0] : value;
+        html += `<div style="display:flex;align-items:center"><div style="height:10px;width:10px;font-size:10px;border-radius:8px;background-color:${color}"></div><span style="margin-left:8px;font-size:12px">${seriesName}:${xValue}</span></div>`;
+      }
+      html += "</div>";
+      return html;
+    },
     // 生成泳道图表数据
     generateSeriesData(data, lineInfo, axisKey) {
       return data.map((item) => {
@@ -12290,6 +12914,7 @@ const _sfc_main$2 = {
             }
           }
         }
+        if (isMissingCurveValue(value)) value = null;
         return [value, +item[axisKey], item.timestamp];
       });
     },
@@ -12308,6 +12933,7 @@ const _sfc_main$2 = {
             }
           }
         }
+        if (isMissingCurveValue(value)) value = null;
         return [value, +item[axisKey], item.timestamp];
       });
     },
@@ -12326,6 +12952,7 @@ const _sfc_main$2 = {
             }
           }
         }
+        if (isMissingCurveValue(value)) value = null;
         return {
           value: [value, +item[axisKey]],
           rowData: item
@@ -12431,7 +13058,7 @@ const _sfc_main$2 = {
         }
       }
       const chart = chartRef.chart;
-      const option = chart.getOption();
+      const option = this.readChartOptionRefs(chart);
       const pointInPixel = [
         e.offsetX || ((_a = e.event) == null ? void 0 : _a.offsetX),
         e.offsetY || ((_b = e.event) == null ? void 0 : _b.offsetY)
@@ -12603,10 +13230,10 @@ const _sfc_main$2 = {
       const filteredPoints = points.filter((point) => {
         if (this.formCache.axisType === "depth" && point.timestamp !== void 0 && point.timestamp !== null) {
           const pointY = point.value[1];
-          let findItem = this.visibleData.find(
+          const findItem = this.visibleData.find(
             (d) => d[axisKey] == pointY && d.timestamp == point.timestamp
-          ) || {};
-          if (JSON.stringify(findItem) == "{}") {
+          );
+          if (!findItem) {
             return false;
           }
           return true;
@@ -12624,7 +13251,7 @@ const _sfc_main$2 = {
           borderWidth: 2
         }
       }));
-      const option = chart.getOption();
+      const option = this.readChartOptionRefs(chart);
       const existingIndex = option.series.findIndex(
         (s) => s.id === "selectedPointScatter"
       );
@@ -12721,7 +13348,7 @@ const _sfc_main$2 = {
         e.offsetX || ((_a = e.event) == null ? void 0 : _a.offsetX),
         e.offsetY || ((_b = e.event) == null ? void 0 : _b.offsetY)
       ];
-      const option = chart.getOption();
+      const option = this.readChartOptionRefs(chart);
       let clickedPoint = null;
       let minDistance = 15;
       for (let i = 0; i < option.series.length; i++) {
@@ -12869,7 +13496,6 @@ const _sfc_main$2 = {
     findMarkAreaByPoint(point, laneId) {
       const chartRef = this.getChartRefByLaneId(laneId);
       if (!chartRef || !chartRef.chart) return -1;
-      chartRef.chart.getOption();
       const yValue = point.value[1];
       for (let i = 0; i < this.markAreaLineData.length; i++) {
         const area = this.markAreaLineData[i];
@@ -13589,7 +14215,7 @@ const _sfc_main$2 = {
           const chartRef = this.getChartRefByLaneId(lane.laneId);
           if (!chartRef || !chartRef.chart) continue;
           const chart = chartRef.chart;
-          const currentOption = chart.getOption();
+          const currentOption = this.readChartOptionRefs(chart);
           const axisTypeList = this.currentToolBarConfig.axisTypeList || {
             depth: "depth",
             time: "time"
@@ -13626,13 +14252,15 @@ const _sfc_main$2 = {
               right: 2,
               height: `${groupHeight}%`,
               show: false,
-              containLabel: false
+              containLabel: !!isDepthLane
             };
             const currentGrid = currentOption.grid && currentOption.grid[gridIndex];
             if (!currentGrid || currentGrid.top !== gridItem.top || currentGrid.height !== gridItem.height) {
               needUpdate.grid = true;
             }
             newGrid.push(gridItem);
+            const groupPlotH = this.getChartPlotHeightPx() * (groupHeight / 100);
+            const ySplitCount = this.isGeomechanical ? this.getDepthLabelSplitCount(groupPlotH) : this.getYGridSplitCount();
             const yAxisItem = {
               gridIndex,
               type: "value",
@@ -13640,16 +14268,39 @@ const _sfc_main$2 = {
               max: groupMax,
               inverse: true,
               boundaryGap: false,
-              interval: unifiedInterval
+              scale: false,
+              ...this.getPaperGridAxisStyle(
+                !isDepthLane,
+                ySplitCount
+              )
             };
+            if (this.isGeomechanical) {
+              yAxisItem.splitNumber = ySplitCount;
+              yAxisItem.minInterval = 1;
+              yAxisItem.alignTicks = true;
+            } else if (isDepthLane) {
+              yAxisItem.interval = this.computeDepthTimeAxisInterval(
+                dataGroups,
+                axisKey
+              );
+            } else {
+              yAxisItem.interval = unifiedInterval;
+            }
             if (isDepthLane) {
-              yAxisItem.axisLabel = {
-                show: this.shouldShowDepthAxisLabel(group, axisKey)
-                // 无井深值不显示 0/1。8.24
-              };
+              yAxisItem.alignTicks = true;
+              yAxisItem.axisLabel = this.buildDepthTimeAxisLabel(
+                lane,
+                group,
+                false,
+                dataGroups,
+                groupIndex,
+                groupMin,
+                groupMax,
+                axisKey
+              );
             }
             const currentYAxis = currentOption.yAxis && currentOption.yAxis[gridIndex];
-            if (!currentYAxis || currentYAxis.min !== groupMin || currentYAxis.max !== groupMax || currentYAxis.interval !== unifiedInterval) {
+            if (!currentYAxis || currentYAxis.min !== groupMin || currentYAxis.max !== groupMax) {
               needUpdate.yAxis = true;
             }
             newYAxis.push(yAxisItem);
@@ -13901,7 +14552,7 @@ const _sfc_main$2 = {
     deduplicateByUniqueKey(existingData, newData, uniqueKey, options = {}) {
       const { sortOrder = "asc", isSort = true } = options;
       const newDataArr = Array.isArray(newData) ? newData : [newData];
-      let resultData = JSON.parse(JSON.stringify(existingData));
+      const resultData = Array.isArray(existingData) ? existingData.slice() : [];
       const existingKeys = new Set(resultData.map((item) => item[uniqueKey]));
       newDataArr.forEach((newItem) => {
         if (!newItem || !newItem[uniqueKey]) return;
@@ -14516,7 +15167,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 544);
 }
-const chartContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-aace7d52"]]);
+const chartContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-22f7e692"]]);
 const _sfc_main$1 = {
   name: "ParameterPanel",
   props: {