kd-lane-chart-v3 0.1.6 → 0.1.8

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" || name === "trend") 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;
@@ -2710,6 +2718,17 @@ function logTrendDataToPixel(chart, paramId, lg, depth) {
   const series = findLogTrendSeries(chart, paramId);
   const xAxisIndex = series ? axisIndexOf$1(series.xAxisIndex) : 0;
   const yAxisIndex = series ? axisIndexOf$1(series.yAxisIndex) : 0;
+  try {
+    const model = chart.getModel();
+    const xAxis = model.getComponent("xAxis", xAxisIndex) && model.getComponent("xAxis", xAxisIndex).axis;
+    const yAxis = model.getComponent("yAxis", yAxisIndex) && model.getComponent("yAxis", yAxisIndex).axis;
+    if (xAxis && yAxis) {
+      const x = xAxis.toGlobalCoord(xAxis.dataToCoord(lg, true));
+      const y = yAxis.toGlobalCoord(yAxis.dataToCoord(depth, true));
+      if (Number.isFinite(x) && Number.isFinite(y)) return [x, y];
+    }
+  } catch (e) {
+  }
   try {
     const px = chart.convertToPixel({ xAxisIndex, yAxisIndex }, [lg, depth]);
     if (px && Number.isFinite(px[0]) && Number.isFinite(px[1])) return px;
@@ -2986,7 +3005,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 +3029,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 +3152,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 +3223,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 +3323,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,
@@ -3330,7 +3355,6 @@ const TREND_MIRROR_POINT_STYLE = {
   lineWidth: 1
 };
 const TREND_LINE_Z = 9999;
-const TREND_POINT_Z = 99999;
 const DEPTH_EDGE_SNAP = 0.2;
 const TREND_CLICK_DELAY_MS = 240;
 const TREND_HIT_RADIUS = 14;
@@ -3649,25 +3673,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" || name === "trend") 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 };
@@ -3675,24 +3748,30 @@ function findSeriesForDepth(chart, paramId, depth) {
 function eventOffsetInChart(chart, evt) {
   var _a, _b;
   const zr = chart.getZr();
-  const rect = (_b = (_a = chart.getDom()) == null ? void 0 : _a.getBoundingClientRect) == null ? void 0 : _b.call(_a);
-  let offsetX = 0;
-  let offsetY = 0;
+  const clamp = (x, y) => ({
+    offsetX: Math.max(0, Math.min(x, zr.getWidth())),
+    offsetY: Math.max(0, Math.min(y, zr.getHeight()))
+  });
+  if (evt && evt.event && Number.isFinite(evt.offsetX) && Number.isFinite(evt.offsetY)) {
+    return clamp(evt.offsetX, evt.offsetY);
+  }
   const native = (evt == null ? void 0 : evt.event) || evt;
+  let el = null;
+  try {
+    el = zr.painter && zr.painter.getViewportRoot && zr.painter.getViewportRoot();
+  } catch (e) {
+  }
+  const rect = (_b = (_a = el || chart.getDom()) == null ? void 0 : _a.getBoundingClientRect) == null ? void 0 : _b.call(_a);
   if (rect && Number.isFinite(native == null ? void 0 : native.clientX) && Number.isFinite(native == null ? void 0 : native.clientY)) {
-    offsetX = native.clientX - rect.left;
-    offsetY = native.clientY - rect.top;
-  } else if (Number.isFinite(evt == null ? void 0 : evt.offsetX) && Number.isFinite(evt == null ? void 0 : evt.offsetY)) {
-    offsetX = evt.offsetX;
-    offsetY = evt.offsetY;
-  }
-  offsetX = Math.max(0, Math.min(offsetX, zr.getWidth()));
-  offsetY = Math.max(0, Math.min(offsetY, zr.getHeight()));
-  return { offsetX, offsetY };
+    return clamp(native.clientX - rect.left, native.clientY - rect.top);
+  }
+  if (Number.isFinite(evt == null ? void 0 : evt.offsetX) && Number.isFinite(evt == null ? void 0 : evt.offsetY)) {
+    return clamp(evt.offsetX, evt.offsetY);
+  }
+  return clamp(0, 0);
 }
 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 +3785,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) {
@@ -3757,8 +3836,48 @@ function pixelToData(chart, paramId, offsetX, offsetY, loose = false) {
   }
   return null;
 }
+function axisPairToPixel(chart, xAxisIndex, yAxisIndex, value, depth) {
+  try {
+    const model = chartModel(chart);
+    if (!model) return null;
+    const xComp = model.getComponent("xAxis", xAxisIndex || 0);
+    const yComp = model.getComponent("yAxis", yAxisIndex || 0);
+    const xAxis = xComp && xComp.axis;
+    const yAxis = yComp && yComp.axis;
+    if (!xAxis || !yAxis) return null;
+    const x = xAxis.toGlobalCoord(xAxis.dataToCoord(value, true));
+    const y = yAxis.toGlobalCoord(yAxis.dataToCoord(depth, true));
+    if (Number.isFinite(x) && Number.isFinite(y)) return [x, y];
+  } catch (e) {
+  }
+  return null;
+}
+function axisPairFromPixel(chart, xAxisIndex, yAxisIndex, offsetX, offsetY) {
+  try {
+    const model = chartModel(chart);
+    if (!model) return null;
+    const xComp = model.getComponent("xAxis", xAxisIndex || 0);
+    const yComp = model.getComponent("yAxis", yAxisIndex || 0);
+    const xAxis = xComp && xComp.axis;
+    const yAxis = yComp && yComp.axis;
+    if (!xAxis || !yAxis) return null;
+    const value = xAxis.coordToData(xAxis.toLocalCoord(offsetX), true);
+    const depth = yAxis.coordToData(yAxis.toLocalCoord(offsetY), true);
+    if (!Number.isFinite(value) || !Number.isFinite(depth)) return null;
+    return {
+      value,
+      depth,
+      xAxisIndex: xAxisIndex || 0,
+      yAxisIndex: yAxisIndex || 0
+    };
+  } catch (e) {
+    return null;
+  }
+}
 function dataToPixel(chart, paramId, value, depth) {
   const finder = findSeriesForDepth(chart, paramId, depth);
+  const live = axisPairToPixel(chart, finder.xAxisIndex, finder.yAxisIndex, value, depth);
+  if (live) return live;
   const finders = [
     { xAxisIndex: finder.xAxisIndex, yAxisIndex: finder.yAxisIndex },
     { seriesIndex: finder.seriesIndex },
@@ -3784,14 +3903,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,
@@ -3809,48 +3928,62 @@ class TrendLineManager {
     this.dragSession = null;
     this._panLockedByHover = false;
     this._raf = null;
-    this._zoomRaf = null;
-    this._zoomPending = false;
-    this._zoomEndTimer = null;
-    this._graphicIds = /* @__PURE__ */ Object.create(null);
+    this._seriesIds = /* @__PURE__ */ Object.create(null);
+    this._graphicCleared = /* @__PURE__ */ new WeakSet();
     this._ignoreClickUntil = 0;
+    this._destroyed = false;
   }
   destroy() {
+    this._destroyed = true;
     this._clearClickTimer();
-    this._endDrag();
-    Array.from(this.binds.keys()).forEach((laneId) => this.unbindChart(laneId));
+    try {
+      this._unbindDragWindow();
+    } catch (e) {
+    }
+    this._panLockedByHover = false;
+    Array.from(this.binds.keys()).forEach((laneId) => {
+      try {
+        this.unbindChart(laneId);
+      } catch (e) {
+      }
+    });
     if (this._raf) {
       cancelAnimationFrame(this._raf);
       this._raf = null;
     }
-    if (this._zoomRaf) {
-      cancelAnimationFrame(this._zoomRaf);
-      this._zoomRaf = null;
-    }
-    if (this._zoomEndTimer) {
-      clearTimeout(this._zoomEndTimer);
-      this._zoomEndTimer = null;
-    }
     this.store = /* @__PURE__ */ Object.create(null);
-    this._graphicIds = /* @__PURE__ */ Object.create(null);
+    this._seriesIds = /* @__PURE__ */ Object.create(null);
+    this.binds.clear();
+    this.host = null;
+  }
+  _alive() {
+    return !this._destroyed && !!this.host;
   }
   /** 从模板 line.trendSegments 回显；已有 store 的曲线不覆盖，避免编辑中被模板刷新冲掉。8.21 */
   hydrateFromTemplate(template) {
+    if (!this._alive()) return;
+    const hasEcho = Array.isArray(this.host.lineListData) && this.host.lineListData.length;
     const lanes = template && template.lanes || [];
+    const alive = /* @__PURE__ */ new Set();
     lanes.forEach((lane) => {
       (lane.lines || []).forEach((line) => {
         if (!lane.laneId || !line.paramId) return;
         const key = makeTrendKey(lane.laneId, line.paramId);
+        alive.add(key);
         if (this.store[key]) return;
-        if (line.trendSegments && line.trendSegments.length) {
-          this.store[key] = { segments: this._prepareEchoSegments(line.paramId, line.trendSegments) };
-        } else {
+        if (!hasEcho || !line.trendSegments || !line.trendSegments.length) {
           this.store[key] = { segments: [] };
+          return;
         }
+        this.store[key] = { segments: this._prepareEchoSegments(line.paramId, line.trendSegments) };
       });
     });
+    Object.keys(this.store).forEach((key) => {
+      if (!alive.has(key)) delete this.store[key];
+    });
   }
   getChart(laneId) {
+    if (!this._alive()) return null;
     const ref = this.host.getChartRefByLaneId(laneId);
     const chart = ref && ref.chart;
     if (!chart || chart.isDisposed()) return null;
@@ -3858,6 +3991,7 @@ class TrendLineManager {
   }
   /** isDraw 可编辑，或已有控制点（只读回显）的曲线。8.21 */
   listDrawableTargets() {
+    if (!this._alive()) return [];
     const lanes = this.host.currentTemplate && this.host.currentTemplate.lanes || [];
     const list = [];
     lanes.forEach((lane) => {
@@ -3919,42 +4053,62 @@ class TrendLineManager {
   /** 捕获阶段监听 mousedown，保证拖控制点比图表其它逻辑先拿到。8.21 */
   bindChart(laneId, chart) {
     this.unbindChart(laneId);
-    if (!chart || chart.isDisposed()) return;
-    const onMouseDown = (e) => this.onMouseDown(e, laneId);
+    if (!this._alive() || !chart || chart.isDisposed()) return;
     const onZrDown = (e) => this.onZrMouseDown(e, laneId);
     const onZrMove = (e) => this.onZrHover(e, laneId);
     const onDblClick = (e) => this.handleDblClick(e, laneId);
-    const dom = chart.getDom();
-    if (dom) dom.addEventListener("mousedown", onMouseDown, true);
     const zr = chart.getZr();
     zr.on("mousedown", onZrDown);
     zr.on("mousemove", onZrMove);
     zr.on("dblclick", onDblClick);
-    const onZoom = () => this.scheduleZoomRender();
+    const onZoom = () => {
+      if (this.host && this.host._isPanning) return;
+      if (this.host && typeof this.host.startChartZoom === "function") {
+        this.host.startChartZoom();
+      }
+    };
     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.binds.set(laneId, { chart, onZrDown, onZrMove, onDblClick, onZoom, dom: chart.getDom() });
     this.updateCursor(laneId);
   }
   unbindChart(laneId) {
     const bind = this.binds.get(laneId);
     if (!bind) return;
+    const session = this.dragSession;
+    if (session && (session.chart === bind.chart || session.target && session.target.laneId === laneId)) {
+      this._unbindDragWindow();
+    }
     if (bind.dom && bind.onMouseDown) {
       bind.dom.removeEventListener("mousedown", bind.onMouseDown, true);
     }
     if (bind.dom && bind.onZoom) {
       bind.dom.removeEventListener("wheel", bind.onZoom);
     }
-    if (bind.chart && !bind.chart.isDisposed()) {
-      const zr = bind.chart.getZr();
-      if (bind.onZrDown) zr.off("mousedown", bind.onZrDown);
-      if (bind.onZrMove) zr.off("mousemove", bind.onZrMove);
-      if (bind.onDblClick) zr.off("dblclick", bind.onDblClick);
-      if (bind.onZoom) {
-        zr.off("mousewheel", bind.onZoom);
-        if (typeof bind.chart.off === "function") bind.chart.off("datazoom", bind.onZoom);
+    const chart = bind.chart;
+    try {
+      if (chart && typeof chart.getZr === "function") {
+        const zr = chart.getZr();
+        if (zr) {
+          if (bind.onZrDown) zr.off("mousedown", bind.onZrDown);
+          if (bind.onZrMove) zr.off("mousemove", bind.onZrMove);
+          if (bind.onDblClick) zr.off("dblclick", bind.onDblClick);
+          if (bind.onZoom) zr.off("mousewheel", bind.onZoom);
+        }
+      }
+      if (chart && bind.onZoom && typeof chart.off === "function") {
+        chart.off("datazoom", bind.onZoom);
       }
+    } catch (e) {
+    }
+    delete this._seriesIds[laneId];
+    if (bind) {
+      bind.chart = null;
+      bind.dom = null;
+      bind.onZrDown = null;
+      bind.onZrMove = null;
+      bind.onDblClick = null;
+      bind.onZoom = null;
+      bind.onMouseDown = null;
     }
     this.binds.delete(laneId);
   }
@@ -3975,374 +4129,355 @@ class TrendLineManager {
   /** 图表重绘后对齐叠加层；拖拽中跳过，避免和 _onDragMove 抢 setOption。8.21 */
   // 只排一帧，不再连刷两次 renderAll（会闪）。8.24
   scheduleRender() {
-    if (this.dragSession) return;
+    if (!this._alive() || this.dragSession) return;
     if (this._raf) return;
     this._raf = requestAnimationFrame(() => {
       this._raf = null;
+      if (!this._alive()) return;
       this.renderAll();
     });
   }
-  /** 缩放过程用 ZR 就地改像素，结束后再整层重画，避免 replaceMerge 把线冲掉。8.22 */
+  // 没有控制点就不跟缩放重画，省一轮 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;
+  }
+  // 趋势线已是笛卡尔 series，dataZoom 带着走；这些入口留给旧调用方，不再像素跟帧。8.25
   scheduleZoomRender() {
-    if (this.dragSession) return;
-    this._zoomPending = true;
-    if (this._zoomEndTimer) clearTimeout(this._zoomEndTimer);
-    this._zoomEndTimer = setTimeout(() => {
-      this._zoomPending = false;
-      if (this._zoomRaf) {
-        cancelAnimationFrame(this._zoomRaf);
-        this._zoomRaf = null;
-      }
-      this.scheduleRender();
-    }, 140);
-    if (this._zoomRaf) return;
-    const tick = () => {
-      if (this.dragSession) {
-        this._zoomRaf = null;
-        return;
-      }
-      this._patchAllPositions();
-      if (this._zoomPending) {
-        this._zoomRaf = requestAnimationFrame(tick);
-      } else {
-        this._zoomRaf = null;
-      }
-    };
-    this._zoomRaf = requestAnimationFrame(tick);
   }
-  /** 缩放帧：优先 ZR setShape，元素被冲掉时才回退 renderLane。8.22 */
+  beginPanFollow() {
+  }
+  tickPanFollow() {
+  }
+  endPanFollow() {
+  }
+  endFollowView() {
+  }
   _patchAllPositions() {
-    const lanes = this.host.currentTemplate && this.host.currentTemplate.lanes || [];
-    lanes.forEach((lane) => this._patchLanePositions(lane.laneId));
   }
-  _patchLanePositions(laneId) {
-    const chart = this.getChart(laneId);
-    if (!chart) return;
-    const targets = this.listDrawableTargets().filter((t) => t.laneId === laneId);
-    const hasKnots = targets.some((t) => (t.segments || []).some((s) => (s.knots || []).length));
-    if (!hasKnots) return;
-    const patches = [];
-    targets.forEach((target) => {
-      patches.push(...this._buildPatches(chart, target));
-    });
-    if (!patches.length) return;
-    if (!this._applyPatchesViaZr(chart, patches) && !this._zoomPending) {
-      this.renderLane(laneId);
+  _isTrendSeriesOpt(series) {
+    if (!series) return false;
+    const name = Array.isArray(series.name) ? series.name[0] : series.name;
+    if (name === "trend") return true;
+    const id = String(series.id || "");
+    return id.indexOf("trend_") === 0;
+  }
+  _findCurveSeriesInOption(option, paramId) {
+    const list = option && option.series || [];
+    for (let i = 0; i < list.length; i++) {
+      const s = list[i];
+      if (!s || this._isTrendSeriesOpt(s)) continue;
+      const type = Array.isArray(s.type) ? s.type[0] : s.type;
+      if (type && type !== "line") continue;
+      const name = Array.isArray(s.name) ? s.name[0] : s.name;
+      if (name === "helper" || name === "log-grid" || name === "推荐值") continue;
+      if (String(s.paramId) === String(paramId)) return s;
     }
+    return null;
   }
-  _buildPatches(chart, target) {
-    const patches = [];
-    const { paramId, key, segments, line } = target;
-    const canMirror = this._canMirror(line, segments);
-    segments.forEach((seg) => {
-      const knots = seg.knots || [];
-      for (let i = 0; i < knots.length - 1; i++) {
-        const p1 = knots[i];
-        const p2 = knots[i + 1];
-        const px1 = this._knotPixel(chart, target, p1);
-        const px2 = this._knotPixel(chart, target, p2);
-        if (!px1 || !px2) continue;
-        patches.push({
-          id: `trend_line_${key}_${seg.id}_${i}`,
-          shape: { x1: px1[0], y1: px1[1], x2: px2[0], y2: px2[1] }
-        });
-        if (canMirror) {
-          const mx1 = this._knotPixel(chart, target, p1, "mirror");
-          const mx2 = this._knotPixel(chart, target, p2, "mirror");
-          if (mx1 && mx2) {
-            patches.push({
-              id: `trend_mirror_${key}_${seg.id}_${i}`,
-              shape: { x1: mx1[0], y1: mx1[1], x2: mx2[0], y2: mx2[1] }
-            });
-          }
-        }
+  _firstKnotDepth(target) {
+    const segs = target && target.segments || [];
+    for (let i = 0; i < segs.length; i++) {
+      const knot = (segs[i].knots || [])[0];
+      if (knot && Number.isFinite(Number(knot.depth))) return Number(knot.depth);
+    }
+    return 0;
+  }
+  _curveAxisOf(chart, target) {
+    const info = findSeriesForDepth(chart, target.paramId, this._firstKnotDepth(target));
+    return {
+      xAxisIndex: info && info.xAxisIndex != null ? info.xAxisIndex : 0,
+      yAxisIndex: info && info.yAxisIndex != null ? info.yAxisIndex : 0
+    };
+  }
+  _buildOneTrendSeries(id, data, lineStyle, pointStyle, xAxisIndex, yAxisIndex) {
+    return {
+      id,
+      name: "trend",
+      type: "line",
+      data,
+      xAxisIndex,
+      yAxisIndex,
+      clip: true,
+      animation: false,
+      silent: true,
+      large: false,
+      z: TREND_LINE_Z,
+      zlevel: 0,
+      symbol: "circle",
+      symbolSize: 8,
+      showSymbol: true,
+      hoverAnimation: false,
+      legendHoverLink: false,
+      connectNulls: false,
+      tooltip: { show: false },
+      emphasis: { disabled: true },
+      lineStyle: {
+        color: lineStyle.stroke,
+        width: lineStyle.lineWidth,
+        type: lineStyle.lineDash || "solid"
+      },
+      itemStyle: {
+        color: pointStyle.fill,
+        borderColor: pointStyle.stroke,
+        borderWidth: pointStyle.lineWidth
       }
-      knots.forEach((knot, i) => {
-        const px = this._knotPixel(chart, target, knot);
-        if (px) {
-          patches.push({
-            id: `trend_point_${key}_${seg.id}_${i}`,
-            shape: { cx: px[0], cy: px[1], r: 4 }
-          });
-        }
-        if (canMirror) {
-          const mx = this._knotPixel(chart, target, knot, "mirror");
-          if (mx) {
-            patches.push({
-              id: `trend_mirror_point_${key}_${seg.id}_${i}`,
-              shape: { cx: mx[0], cy: mx[1], r: 4 }
-            });
-          }
-        }
-      });
-    });
-    return patches;
+    };
   }
-  _findGraphicZrEl(chart, id) {
-    let found = null;
-    const zr = chart.getZr();
-    if (!zr || !zr.storage || typeof zr.storage.traverse !== "function") return null;
-    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;
+  _knotPoint(x, depth) {
+    return { value: [x, depth], symbol: "circle", symbolSize: 8 };
+  }
+  _segSeriesData(knots, role) {
+    const raw = [];
+    for (let i = 0; i < (knots || []).length; i++) {
+      const knot = knots[i];
+      const x = this._knotDrawX(knot, role);
+      const depth = Number(knot && knot.depth);
+      if (x == null || !Number.isFinite(depth)) continue;
+      raw.push([x, depth]);
+    }
+    if (raw.length < 2) {
+      return raw.map((p) => this._knotPoint(p[0], p[1]));
+    }
+    const data = [];
+    for (let i = 0; i < raw.length - 1; i++) {
+      const a = raw[i];
+      const b = raw[i + 1];
+      data.push(this._knotPoint(a[0], a[1]));
+      const span = Math.abs(b[1] - a[1]);
+      const n = Math.min(160, Math.max(0, Math.floor(span / 4)));
+      for (let k = 1; k < n; k++) {
+        const t = k / n;
+        data.push({
+          value: [a[0] + (b[0] - a[0]) * t, a[1] + (b[1] - a[1]) * t],
+          symbol: "none"
+        });
       }
+    }
+    const last = raw[raw.length - 1];
+    data.push(this._knotPoint(last[0], last[1]));
+    return data;
+  }
+  /** 曲线仍 weakFilter；趋势线点太稀，滤掉窗外控制点后穿过视窗的线会断。8.25 */
+  applyDataZoomSkipTrend(option) {
+    if (!option) return;
+    const raw = option.dataZoom;
+    if (!raw) return;
+    const list = Array.isArray(raw) ? raw : [raw];
+    const indexes = [];
+    const series = option.series || [];
+    for (let i = 0; i < series.length; i++) {
+      if (!this._isTrendSeriesOpt(series[i])) indexes.push(i);
+    }
+    if (!indexes.length) return;
+    list.forEach((dz) => {
+      if (dz) dz.seriesIndex = indexes;
     });
-    return found;
   }
-  _graphicPixel(el) {
-    const cx = el.shape && el.shape.cx || 0;
-    const cy = el.shape && el.shape.cy || 0;
-    return [cx + (el.x || 0), cy + (el.y || 0)];
+  dataZoomSeriesIndex(chart) {
+    if (!chart || chart.isDisposed()) return null;
+    try {
+      const list = chart.getModel().getSeries() || [];
+      const indexes = [];
+      for (let i = 0; i < list.length; i++) {
+        const sm = list[i];
+        const opt = sm && sm.option || {};
+        const name = Array.isArray(sm.name) ? sm.name[0] : sm.name;
+        if (this._isTrendSeriesOpt({ name, id: opt.id })) continue;
+        if (sm.seriesIndex != null) indexes.push(sm.seriesIndex);
+      }
+      return indexes.length ? indexes : null;
+    } catch (e) {
+      return null;
+    }
   }
-  _applyKnotPixel(chart, target, knot, role, offsetX, offsetY) {
-    const data = this._pixelToTrend(chart, target, offsetX, offsetY, true);
-    if (!data) return false;
-    const range = this._drawValueRange(target, chart, data.depth);
-    let depth = snapDepthToEdge(data.depth, range.depthMin, range.depthMax, DEPTH_EDGE_SNAP);
-    if (data.value == null) return false;
-    const clickX = Math.max(range.valueMin, Math.min(range.valueMax, data.value));
-    const all = this._allKnots(target.key);
-    const idx = all.indexOf(knot);
-    if (idx > 0) depth = Math.max(depth, all[idx - 1].depth);
-    if (idx >= 0 && idx < all.length - 1) depth = Math.min(depth, all[idx + 1].depth);
-    knot.depth = parseFloat(depth.toFixed(3));
-    this._applyPointerValue(chart, target, knot, knot.depth, clickX, role);
-    return true;
+  /** 笛卡尔 [曲线值, 井深]；对数道 X 已是 lg。和曲线共用轴，dataZoom 同一帧带走。8.25 */
+  _buildTrendSeries(target, xAxisIndex, yAxisIndex) {
+    const list = [];
+    const { key, segments, line } = target;
+    const canMirror = this._canMirror(line, segments);
+    const doubleLine = this._useGammaStyle(line, segments);
+    const mainLineStyle = doubleLine ? TREND_DOUBLE_LINE_STYLE : TREND_LINE_STYLE;
+    const mainPointStyle = doubleLine ? TREND_DOUBLE_POINT_STYLE : TREND_POINT_STYLE;
+    (segments || []).forEach((seg) => {
+      const knots = seg.knots || [];
+      if (!knots.length) return;
+      list.push(
+        this._buildOneTrendSeries(
+          `trend_${key}_${seg.id}`,
+          this._segSeriesData(knots, "main"),
+          mainLineStyle,
+          mainPointStyle,
+          xAxisIndex,
+          yAxisIndex
+        )
+      );
+      if (!canMirror) return;
+      const mirror = this._segSeriesData(knots, "mirror");
+      if (!mirror.length) return;
+      list.push(
+        this._buildOneTrendSeries(
+          `trend_mirror_${key}_${seg.id}`,
+          mirror,
+          TREND_MIRROR_LINE_STYLE,
+          TREND_MIRROR_POINT_STYLE,
+          xAxisIndex,
+          yAxisIndex
+        )
+      );
+    });
+    return list;
   }
-  /** 控制点交给 ZR 拖，不再和 dataZoom 抢 DOM mousedown。8.22 */
-  _bindPointInteractions(chart, laneId) {
-    const targets = this.listDrawableTargets().filter((t) => t.laneId === laneId && t.editable);
+  /** 刷 option 时给该道补上趋势 series，所有有控制点的泳道都会走。8.25 */
+  appendSeriesToOption(option, lane) {
+    if (!option || !lane) return option;
+    if (!Array.isArray(option.series)) option.series = [];
+    option.series = option.series.filter((s) => !this._isTrendSeriesOpt(s));
+    const targets = this.listDrawableTargets().filter((t) => t.laneId === lane.laneId);
+    const added = [];
     targets.forEach((target) => {
-      const canMirror = this._canMirror(target.line, target.segments);
-      (target.segments || []).forEach((seg) => {
-        (seg.knots || []).forEach((knot, i) => {
-          this._bindOnePointEl(
-            chart,
-            target,
-            knot,
-            `trend_point_${target.key}_${seg.id}_${i}`,
-            "main"
-          );
-          if (canMirror && knot.mirrorValue != null && Number.isFinite(Number(knot.mirrorValue))) {
-            this._bindOnePointEl(
-              chart,
-              target,
-              knot,
-              `trend_mirror_point_${target.key}_${seg.id}_${i}`,
-              "mirror"
-            );
-          }
-        });
-      });
+      const curve = this._findCurveSeriesInOption(option, target.paramId);
+      if (!curve) return;
+      const xAxisIndex = curve.xAxisIndex == null ? 0 : Number(curve.xAxisIndex);
+      const yAxisIndex = curve.yAxisIndex == null ? 0 : Number(curve.yAxisIndex);
+      added.push(...this._buildTrendSeries(target, xAxisIndex, yAxisIndex));
     });
+    option.series.push(...added);
+    this._seriesIds[lane.laneId] = added.map((s) => s.id);
+    this.applyDataZoomSkipTrend(option);
+    return option;
   }
-  _bindOnePointEl(chart, target, knot, id, role) {
-    const el = this._findGraphicZrEl(chart, id);
-    if (!el) return;
-    el.silent = false;
-    el.draggable = true;
-    el.cursor = "grab";
-    if (el.off && el.__trendDragBound) {
-      el.off("mousedown", el.__trendOnDown);
-      el.off("drag", el.__trendOnDrag);
-      el.off("dragend", el.__trendOnEnd);
-    }
-    const onDown = (e) => {
-      this._clearClickTimer();
-      this.activeKey = target.key;
-      this.dragSession = { chart, target, knot, role, graphic: true };
-      this._setPanLocked(true);
-      if (e && typeof e.stop === "function") e.stop();
-      if (e && e.event) {
-        e.event.preventDefault();
-        e.event.stopPropagation();
-      }
-    };
-    const onDrag = () => {
-      if (!this.dragSession) {
-        this.dragSession = { chart, target, knot, role, graphic: true };
-        this._setPanLocked(true);
-      }
-      const [x, y] = this._graphicPixel(el);
-      if (!this._applyKnotPixel(chart, target, knot, role, x, y)) return;
-      el.x = 0;
-      el.y = 0;
-      this._patchLanePositions(target.laneId);
-    };
-    const onEnd = () => {
-      if (!this.dragSession) return;
-      const sessionTarget = this.dragSession.target;
-      this.dragSession = null;
-      this._setPanLocked(false, true);
-      this._ignoreClickUntil = Date.now() + 300;
-      this._emitChange(sessionTarget, { redraw: false });
-    };
-    el.__trendOnDown = onDown;
-    el.__trendOnDrag = onDrag;
-    el.__trendOnEnd = onEnd;
-    el.__trendDragBound = true;
-    el.on("mousedown", onDown);
-    el.on("drag", onDrag);
-    el.on("dragend", onEnd);
-  }
-  _applyPatchesViaZr(chart, patches) {
-    if (!patches.length) return false;
-    let applied = 0;
-    patches.forEach(({ id, shape }) => {
-      const el = this._findGraphicZrEl(chart, id);
-      if (!el || typeof el.setShape !== "function") return;
-      el.setShape(shape);
-      applied += 1;
-    });
-    if (applied > 0 && chart.getZr() && typeof chart.getZr().refreshImmediately === "function") {
-      chart.getZr().refreshImmediately();
+  _clearLeftoverGraphic(chart) {
+    if (!chart || chart.isDisposed() || this._graphicCleared.has(chart)) return;
+    this._graphicCleared.add(chart);
+    try {
+      chart.setOption({ graphic: [] }, { replaceMerge: ["graphic"], silent: true, lazyUpdate: false });
+    } catch (e) {
     }
-    return applied > 0;
-  }
-  // 只 merge 新图形，不动已有线。8.24
-  _addGraphicElements(chart, elements) {
-    if (!elements.length) return;
-    chart.setOption(
-      {
-        graphic: elements.map((el) => ({ ...el, $action: "merge" }))
-      },
-      { silent: true, lazyUpdate: false }
-    );
-  }
-  // 按 id 删除，不 replaceMerge 整层 graphic。8.24
-  _removeGraphicIds(chart, ids) {
-    if (!ids.length) return;
-    chart.setOption(
-      {
-        graphic: ids.map((id) => ({ id, $action: "remove" }))
-      },
-      { silent: true, lazyUpdate: false }
-    );
   }
   renderAll(forceReplace = false) {
     const lanes = this.host.currentTemplate && this.host.currentTemplate.lanes || [];
     lanes.forEach((lane) => this.renderLane(lane.laneId, forceReplace));
   }
-  /** 已有线只改 ZR 形状；新点/新线段单独 merge 进去，绝不整层 graphic 替换。8.24 */
+  /** 用笛卡尔 series 画趋势线；平移/缩放交给 dataZoom，不跟像素。8.25 */
   renderLane(laneId, forceReplace = false) {
+    if (!this._alive()) return;
     const chart = this.getChart(laneId);
     if (!chart) return;
+    this._clearLeftoverGraphic(chart);
     const targets = this.listDrawableTargets().filter((t) => t.laneId === laneId);
-    const elements = [];
+    const next = [];
     targets.forEach((target) => {
-      elements.push(...this._buildElements(chart, target));
+      const axis = this._curveAxisOf(chart, target);
+      next.push(...this._buildTrendSeries(target, axis.xAxisIndex, axis.yAxisIndex));
     });
-    const hasKnots = targets.some((t) => (t.segments || []).some((s) => (s.knots || []).length));
-    if (hasKnots && !elements.length) return;
-    const nextIds = elements.map((el) => el.id);
-    const prevIds = this._graphicIds[laneId] || [];
-    const prevSet = new Set(prevIds);
+    const nextIds = next.map((s) => s.id);
     const nextSet = new Set(nextIds);
-    const added = elements.filter((el) => !prevSet.has(el.id));
-    const kept = elements.filter((el) => prevSet.has(el.id));
-    const removedIds = prevIds.filter((id) => !nextSet.has(id));
-    if (forceReplace) {
-      this._removeGraphicIds(chart, prevIds);
-      this._addGraphicElements(chart, elements);
-    } else {
-      if (kept.length) {
-        this._applyPatchesViaZr(
-          chart,
-          kept.map((el) => ({ id: el.id, shape: el.shape }))
-        );
+    const liveIds = this._chartTrendSeriesIds(chart);
+    const prevIds = [.../* @__PURE__ */ new Set([...this._seriesIds[laneId] || [], ...liveIds])];
+    const replace = !!(forceReplace && !this.dragSession);
+    const patch = next.map((s) => ({
+      ...s,
+      data: s.data || [],
+      $action: replace ? "replace" : "merge"
+    }));
+    prevIds.forEach((id) => {
+      if (!nextSet.has(id)) patch.push({ id, $action: "remove" });
+    });
+    if (patch.length) {
+      try {
+        chart.setOption({ series: patch }, { silent: true, lazyUpdate: false });
+      } catch (e) {
       }
-      if (removedIds.length) this._removeGraphicIds(chart, removedIds);
-      if (added.length) this._addGraphicElements(chart, added);
     }
-    this._graphicIds[laneId] = nextIds;
-    this._bindPointInteractions(chart, laneId);
-    this.updateCursor(laneId);
-  }
-  _buildElements(chart, target) {
-    const elements = [];
-    const { paramId, key, editable, segments, line } = target;
-    const canMirror = this._canMirror(line, segments);
-    const doubleLine = this._useGammaStyle(line, segments);
-    const mainLineStyle = doubleLine ? TREND_DOUBLE_LINE_STYLE : TREND_LINE_STYLE;
-    const mainPointStyle = doubleLine ? TREND_DOUBLE_POINT_STYLE : TREND_POINT_STYLE;
-    segments.forEach((seg) => {
-      const knots = seg.knots || [];
-      for (let i = 0; i < knots.length - 1; i++) {
-        const p1 = knots[i];
-        const p2 = knots[i + 1];
-        const px1 = this._knotPixel(chart, target, p1);
-        const px2 = this._knotPixel(chart, target, p2);
-        if (!px1 || !px2) continue;
-        elements.push({
-          type: "line",
-          id: `trend_line_${key}_${seg.id}_${i}`,
-          shape: { x1: px1[0], y1: px1[1], x2: px2[0], y2: px2[1] },
-          style: { ...mainLineStyle },
-          z: TREND_LINE_Z,
-          silent: true
-        });
-        if (canMirror) {
-          const mx1 = this._knotPixel(chart, target, p1, "mirror");
-          const mx2 = this._knotPixel(chart, target, p2, "mirror");
-          if (mx1 && mx2) {
-            elements.push({
-              type: "line",
-              id: `trend_mirror_${key}_${seg.id}_${i}`,
-              shape: { x1: mx1[0], y1: mx1[1], x2: mx2[0], y2: mx2[1] },
-              style: { ...TREND_MIRROR_LINE_STYLE },
-              z: TREND_LINE_Z - 1,
-              silent: true
-            });
+    this._seriesIds[laneId] = nextIds;
+    if (!this.dragSession) this._syncCachedOption(laneId);
+    if (this.dragSession) {
+      this.updateCursor(laneId);
+      return;
+    }
+    const idsChanged = nextIds.length !== prevIds.length || nextIds.some((id, i) => id !== prevIds[i]);
+    if (idsChanged) {
+      const skip = this.dataZoomSeriesIndex(chart);
+      if (skip && skip.length) {
+        try {
+          const dz = chart.getModel().getComponent("dataZoom", 0);
+          const opt = dz && dz.option;
+          const next2 = { seriesIndex: skip };
+          if (opt) {
+            if (opt.start != null) next2.start = opt.start;
+            if (opt.end != null) next2.end = opt.end;
+            if (opt.startValue != null) next2.startValue = opt.startValue;
+            if (opt.endValue != null) next2.endValue = opt.endValue;
           }
+          chart.setOption({ dataZoom: [next2] }, { silent: true, lazyUpdate: true });
+        } catch (e) {
         }
       }
-      knots.forEach((knot, i) => {
-        const px = this._knotPixel(chart, target, knot);
-        if (!px) return;
-        elements.push({
-          type: "circle",
-          id: `trend_point_${key}_${seg.id}_${i}`,
-          shape: { cx: px[0], cy: px[1], r: 4 },
-          style: { ...mainPointStyle },
-          z: TREND_POINT_Z,
-          zlevel: 10,
-          silent: !editable,
-          draggable: !!editable,
-          cursor: editable ? "grab" : "default"
-        });
-        if (canMirror) {
-          const mx = this._knotPixel(chart, target, knot, "mirror");
-          if (mx) {
-            elements.push({
-              type: "circle",
-              id: `trend_mirror_point_${key}_${seg.id}_${i}`,
-              shape: { cx: mx[0], cy: mx[1], r: 4 },
-              style: { ...TREND_MIRROR_POINT_STYLE },
-              z: TREND_POINT_Z,
-              zlevel: 10,
-              silent: !editable,
-              draggable: !!editable,
-              cursor: editable ? "grab" : "default"
-            });
-          }
-        }
-      });
-    });
-    return elements;
+    }
+    this.updateCursor(laneId);
+  }
+  /** 把当前 store 写回 allOptions，避免随后 notMerge 用旧趋势 series 把点盖回去。8.25 */
+  _syncCachedOption(laneId) {
+    const host = this.host;
+    if (!host || typeof host.getOptionsByLineId !== "function") return null;
+    const option = host.getOptionsByLineId(laneId);
+    if (!option || !Array.isArray(option.series)) return null;
+    const lanes = host.currentTemplate && host.currentTemplate.lanes || [];
+    const lane = lanes.find((l) => l.laneId === laneId);
+    if (!lane) return null;
+    this.appendSeriesToOption(option, lane);
+    return option;
+  }
+  /** 删点后走整份 option 替换，ECharts 才会丢掉缩短后的旧 data。8.25 */
+  _flushLane(laneId) {
+    const option = this._syncCachedOption(laneId);
+    if (option && this.host && typeof this.host.flushLaneChartOption === "function") {
+      option.__kdTrendSynced = true;
+      try {
+        this.host.flushLaneChartOption(laneId, option);
+      } finally {
+        delete option.__kdTrendSynced;
+      }
+      this.updateCursor(laneId);
+      return;
+    }
+    this.renderLane(laneId, true);
+  }
+  _chartTrendSeriesIds(chart) {
+    if (!chart || chart.isDisposed()) return [];
+    try {
+      const list = chart.getModel().getSeries() || [];
+      const ids = [];
+      for (let i = 0; i < list.length; i++) {
+        const sm = list[i];
+        const opt = sm && sm.option || {};
+        const name = Array.isArray(sm.name) ? sm.name[0] : sm.name;
+        const id = opt.id || sm.id;
+        if (this._isTrendSeriesOpt({ name, id }) && id) ids.push(id);
+      }
+      return ids;
+    } catch (e) {
+      return [];
+    }
   }
   _findKnotAtPointer(chart, target, offsetX, offsetY, radius = TREND_HIT_RADIUS) {
     let best = null;
     let bestDist = radius;
     const canMirror = this._canMirror(target.line, target.segments);
     for (const seg of target.segments || []) {
-      for (const knot of seg.knots || []) {
+      const knots = seg.knots || [];
+      for (let i = 0; i < knots.length; i++) {
+        const knot = knots[i];
         const px = this._knotPixel(chart, target, knot);
         if (px) {
           const dist = Math.hypot(px[0] - offsetX, px[1] - offsetY);
           if (dist <= bestDist) {
-            best = { knot, seg, role: "main" };
+            best = { knot, seg, knotIndex: i, role: "main" };
             bestDist = dist;
           }
         }
@@ -4351,7 +4486,7 @@ class TrendLineManager {
         if (!mx) continue;
         const mirrorDist = Math.hypot(mx[0] - offsetX, mx[1] - offsetY);
         if (mirrorDist <= bestDist) {
-          best = { knot, seg, role: "mirror" };
+          best = { knot, seg, knotIndex: i, role: "mirror" };
           bestDist = mirrorDist;
         }
       }
@@ -4360,6 +4495,11 @@ class TrendLineManager {
   }
   /** 单击空白处加点；延迟执行以便和双击断段区分。命中已有点则不加点。返回 true 表示已消费本次点击。8.21 */
   handleClick(e, laneId) {
+    if (!this._alive()) return false;
+    if (this.dragSession) {
+      this._endDrag(true);
+      return true;
+    }
     const target = this.getTargetByLane(laneId);
     if (!target || !target.editable) return false;
     if (Date.now() < this._ignoreClickUntil) return true;
@@ -4372,6 +4512,7 @@ class TrendLineManager {
     this._clearClickTimer();
     this.clickTimer = setTimeout(() => {
       this.clickTimer = null;
+      if (!this._alive()) return;
       this._addPoint(chart, target, offsetX, offsetY);
     }, TREND_CLICK_DELAY_MS);
     return true;
@@ -4393,7 +4534,7 @@ class TrendLineManager {
     }
     return true;
   }
-  /** 右键命中控制点时弹出「删除控制点」；先结束可能误触发的拖拽并重绘，避免线段被 replaceMerge 丢掉。8.21 */
+  /** 右键命中控制点时弹出「删除控制点」。打开菜单时不要 setOption，否则会吞掉菜单点击。8.21 */
   handleContextMenu(e, laneId) {
     const target = this.getTargetByLane(laneId);
     if (!target || !target.editable) return false;
@@ -4407,14 +4548,26 @@ class TrendLineManager {
     this.host.showTrendKnotContextMenu(e, {
       key: target.key,
       knot: hit.knot,
+      segId: hit.seg && hit.seg.id,
+      knotIndex: hit.knotIndex,
+      depth: hit.knot.depth,
+      value: hit.knot.value,
+      plotValue: hit.knot.plotValue,
       laneId
     });
-    this.renderLane(laneId);
     return true;
   }
   /** 指针靠近控制点时先停地应力平移，按下时才来得及拖点。8.22 */
   onZrHover(e, laneId) {
-    if (this.dragSession) return;
+    if (!this._alive()) return;
+    if (this.dragSession) {
+      e.__ecRoamConsumed = true;
+      if (typeof e.stop === "function") e.stop();
+      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) {
@@ -4434,38 +4587,32 @@ class TrendLineManager {
       this.host.setInsideDataZoomPanEnabled(!locked);
     }
   }
-  /** zr 里拦住 dataZoom 的按下，否则图会跟着点一起拖。8.22 */
+  /** 左键拖点与右键删点同一套命中（zr offset + _findKnotAtPointer）。8.25 */
   onZrMouseDown(e, laneId) {
+    if (!this._alive()) return;
     if (e.which != null && e.which !== 1 && e.event && e.event.button !== 0) return;
+    if (this.dragSession) {
+      e.__ecRoamConsumed = true;
+      if (typeof e.stop === "function") e.stop();
+      this._endDrag(true);
+      return;
+    }
     const target = this.getTargetByLane(laneId);
     const chart = this.getChart(laneId);
-    if (!target || !target.editable || !chart || this.dragSession) return;
+    if (!target || !target.editable || !chart) return;
     const { offsetX, offsetY } = eventOffsetInChart(chart, e);
-    if (!this._findKnotAtPointer(chart, target, offsetX, offsetY)) return;
+    const hit = this._findKnotAtPointer(chart, target, offsetX, offsetY);
+    if (!hit) return;
+    e.__ecRoamConsumed = true;
     if (typeof e.stop === "function") e.stop();
     e.cancelBubble = true;
     if (e.event) {
       e.event.preventDefault();
       e.event.stopPropagation();
     }
-  }
-  /** 仅左键拖拽控制点。右键 mousedown 会先于 contextmenu，绝不能当拖拽处理。8.21 */
-  onMouseDown(nativeEvent, laneId) {
-    if (nativeEvent.button !== 0) return;
-    const target = this.getTargetByLane(laneId);
-    if (!target || !target.editable || this.dragSession) return;
-    const chart = this.getChart(laneId);
-    if (!chart) return;
-    const { offsetX, offsetY } = eventOffsetInChart(chart, nativeEvent);
-    const hit = this._findKnotAtPointer(chart, target, offsetX, offsetY);
-    if (!hit) return;
-    nativeEvent.stopPropagation();
-    nativeEvent.stopImmediatePropagation();
-    nativeEvent.preventDefault();
     this._clearClickTimer();
     this.activeKey = target.key;
-    this._setPanLocked(true);
-    this._startDrag(chart, target, hit.knot, nativeEvent, hit.role);
+    this._startDrag(chart, target, hit.knot, e, hit.role);
   }
   /** 沿深度增大方向追加控制点；曲线值限制在该线 min/max 内。8.21 */
   _addPoint(chart, target, offsetX, offsetY) {
@@ -4561,6 +4708,7 @@ class TrendLineManager {
   }
   /** 清空全部趋势线控制点并重绘。8.22 */
   resetAllTrendLines() {
+    if (this.dragSession) this._endDrag(false);
     const prev = this.listDrawableTargets().filter(
       (t) => (t.segments || []).some((s) => (s.knots || []).length)
     );
@@ -4574,25 +4722,39 @@ class TrendLineManager {
         segments: []
       });
     });
-    this.renderAll(true);
+    this._flushTrendLanes(prev);
   }
   /** 清空指定曲线的控制点；不传 key 则清当前编辑曲线。8.21 */
   resetTrendLine(key) {
     const target = key ? this.listDrawableTargets().find((t) => t.key === key) : this.getActiveTarget() || this.listDrawableTargets().find((t) => t.editable);
     if (!target) return;
+    if (this.dragSession) this._endDrag(false);
     this.store[target.key] = { segments: [] };
-    this.renderLane(target.laneId, true);
+    this._flushLane(target.laneId);
     this._emitChange(target, { redraw: false });
   }
+  /** 把 store 已空的泳道整份 option 刷进图，线段才会从画面上消失。8.25 */
+  _flushTrendLanes(prev) {
+    const laneIds = /* @__PURE__ */ new Set();
+    (prev || []).forEach((t) => t.laneId && laneIds.add(t.laneId));
+    Object.keys(this._seriesIds).forEach((id) => laneIds.add(id));
+    this.binds.forEach((_, laneId) => {
+      const chart = this.getChart(laneId);
+      if (chart && this._chartTrendSeriesIds(chart).length) laneIds.add(laneId);
+    });
+    if (!laneIds.size) {
+      this.renderAll(true);
+      return;
+    }
+    laneIds.forEach((laneId) => this._flushLane(laneId));
+  }
   /** 删除一个控制点。段内只剩 0～1 个点时整段丢掉（画不出线）。8.21 */
   deleteKnot(payload) {
-    if (!payload || !payload.key || !payload.knot) return;
+    if (!payload || !payload.key) return;
     const bucket = this.store[payload.key];
     if (!bucket) return;
     bucket.segments = bucket.segments.map((seg) => {
-      const idx = seg.knots.findIndex(
-        (k) => k === payload.knot || Math.abs(k.depth - payload.knot.depth) < 0.05 && Math.abs(k.value - payload.knot.value) < 0.01
-      );
+      const idx = this._findKnotIndex(seg, payload);
       if (idx < 0) return seg;
       const knots = seg.knots.filter((_, i) => i !== idx);
       if (knots.length <= 1) return { ...seg, knots: [] };
@@ -4600,9 +4762,32 @@ class TrendLineManager {
     }).filter((s) => s.knots.length > 0);
     const target = this.listDrawableTargets().find((t) => t.key === payload.key);
     const laneId = target && target.laneId || payload.laneId;
-    if (laneId) this.renderLane(laneId, true);
+    if (laneId) this._flushLane(laneId);
     if (target) this._emitChange(target, { redraw: false });
   }
+  _findKnotIndex(seg, payload) {
+    const knots = seg && seg.knots || [];
+    if (!knots.length || !payload) return -1;
+    if (payload.knot) {
+      const byRef = knots.indexOf(payload.knot);
+      if (byRef >= 0) return byRef;
+    }
+    if (payload.segId && seg.id !== payload.segId) return -1;
+    if (Number.isInteger(payload.knotIndex) && payload.knotIndex >= 0 && payload.knotIndex < knots.length) {
+      return payload.knotIndex;
+    }
+    const depth = payload.knot != null ? payload.knot.depth : payload.depth;
+    const value = payload.knot != null ? payload.knot.value : payload.value;
+    const plotValue = payload.knot != null ? payload.knot.plotValue : payload.plotValue;
+    return knots.findIndex((k) => {
+      if (depth == null || Math.abs(Number(k.depth) - Number(depth)) >= 0.05) return false;
+      if (value != null && Math.abs(Number(k.value) - Number(value)) < 0.01) return true;
+      if (plotValue != null && k.plotValue != null && Math.abs(Number(k.plotValue) - Number(plotValue)) < 0.01) {
+        return true;
+      }
+      return value == null;
+    });
+  }
   /** 返回 geosteering trendLinePoint 格式的线段数组；8137 带上 isDouble / calcType。8.22 */
   getTrendLineData(mainId = "demo") {
     const grouped = {};
@@ -4626,12 +4811,14 @@ class TrendLineManager {
     }
     const segs = this._prepareEchoSegments(paramId, segments);
     this.store[key] = { segments: segs };
-    if (found.line) found.line.trendSegments = segs;
     this.renderLane(found.laneId);
   }
   /** 把 geosteering 线段数组灌进对应曲线并画出叠加层。8.21 */
   setTrendLineList(lineList, overwrite = true) {
-    if (!Array.isArray(lineList) || !lineList.length) return;
+    if (!Array.isArray(lineList) || !lineList.length) {
+      this.resetAllTrendLines();
+      return;
+    }
     const grouped = fromTrendLineSavePayload(lineList);
     Object.entries(grouped).forEach(([paramId, segments]) => {
       this.setTrendLineData(paramId, segments, overwrite);
@@ -4667,33 +4854,58 @@ class TrendLineManager {
     const last = target.segments[target.segments.length - 1];
     return !!(last && !last._closed && last.knots && last.knots.length);
   }
-  /** 拖拽开始：在 window 上听 mousemove/mouseup，避免鼠标移出图表丢事件。8.21 */
+  /** 拖拽开始：按下不刷图，避免 setOption 把这次按住掐掉。8.25 */
   _startDrag(chart, target, knot, nativeEvent, role = "main") {
+    this._unbindDragWindow();
     const onMove = (ev) => this._onDragMove(ev);
-    const onUp = () => this._endDrag(true);
+    const onUp = (ev) => {
+      if (ev && ev.button != null && ev.button !== 0) return;
+      this._endDrag(true);
+    };
+    const startStamp = nativeEvent && nativeEvent.timeStamp;
+    const onClickEnd = (ev) => {
+      if (ev && ev.button != null && ev.button !== 0) return;
+      if (startStamp != null && ev.timeStamp === startStamp) return;
+      this._endDrag(true);
+    };
+    const { offsetX, offsetY } = eventOffsetInChart(chart, nativeEvent);
+    const px = this._knotPixel(chart, target, knot, role);
     this.dragSession = {
       chart,
       target,
       knot,
       role,
       onMove,
-      onUp
+      onUp,
+      onClickEnd,
+      grabDX: px ? px[0] - offsetX : 0,
+      grabDY: px ? px[1] - offsetY : 0
     };
-    if (this.host && typeof this.host.setInsideDataZoomPanEnabled === "function") {
-      this.host.setInsideDataZoomPanEnabled(false);
-    }
     window.addEventListener("mousemove", onMove);
     window.addEventListener("mouseup", onUp);
+    window.addEventListener("mousedown", onClickEnd, true);
     this.updateCursor(target.laneId);
-    this._onDragMove(nativeEvent);
   }
-  /** 拖拽时夹在相邻点之间，不能越过前后控制点。8.21 */
+  _unbindDragWindow() {
+    const session = this.dragSession;
+    if (!session) return;
+    window.removeEventListener("mousemove", session.onMove);
+    window.removeEventListener("mouseup", session.onUp);
+    if (session.onClickEnd) {
+      window.removeEventListener("mousedown", session.onClickEnd, true);
+    }
+    this.dragSession = null;
+  }
+  /** 拖拽时点跟着鼠标走；夹在相邻点之间，不能越过前后控制点。8.21 */
   _onDragMove(nativeEvent) {
+    if (!this._alive()) return;
     const session = this.dragSession;
     if (!session) return;
     const { chart, target, knot, role } = session;
-    const { offsetX, offsetY } = eventOffsetInChart(chart, nativeEvent);
-    const data = this._pixelToTrend(chart, target, offsetX, offsetY, true);
+    const pos = eventOffsetInChart(chart, nativeEvent);
+    const offsetX = pos.offsetX + (session.grabDX || 0);
+    const offsetY = pos.offsetY + (session.grabDY || 0);
+    const data = this._pixelToDragTrend(chart, target, offsetX, offsetY);
     if (!data) return;
     const range = this._drawValueRange(target, chart, data.depth);
     let depth = snapDepthToEdge(data.depth, range.depthMin, range.depthMax, DEPTH_EDGE_SNAP);
@@ -4707,19 +4919,33 @@ class TrendLineManager {
     this._applyPointerValue(chart, target, knot, knot.depth, clickX, role);
     this.renderLane(target.laneId);
   }
+  /** 拖点用轴 scale 反算，和画点同一套，避免点落在鼠标旁边。8.25 */
+  _pixelToDragTrend(chart, target, offsetX, offsetY) {
+    const finder = findSeriesForDepth(chart, target.paramId, this._firstKnotDepth(target));
+    const fromAxis = axisPairFromPixel(
+      chart,
+      finder.xAxisIndex,
+      finder.yAxisIndex,
+      offsetX,
+      offsetY
+    );
+    if (fromAxis) return fromAxis;
+    return this._pixelToTrend(chart, target, offsetX, offsetY, true);
+  }
   /** emit=false 只结束拖拽不抛事件（右键菜单用）。8.21 */
   _endDrag(emit) {
     const session = this.dragSession;
     if (!session) return;
-    window.removeEventListener("mousemove", session.onMove);
-    window.removeEventListener("mouseup", session.onUp);
-    this.dragSession = null;
+    this._unbindDragWindow();
+    if (!this._alive()) return;
     this._panLockedByHover = false;
     if (this.host && typeof this.host.setInsideDataZoomPanEnabled === "function") {
       this.host.setInsideDataZoomPanEnabled(true);
     }
     this._ignoreClickUntil = Date.now() + 300;
     this.updateCursor(session.target.laneId);
+    this.renderLane(session.target.laneId, true);
+    this._syncCachedOption(session.target.laneId);
     if (emit) this._emitChange(session.target, { redraw: false });
   }
   _clearClickTimer() {
@@ -4731,6 +4957,7 @@ class TrendLineManager {
   /** 抛 trend-change（拖拽过程中不抛，只在松开时抛）；不写回响应式模板。8.22 */
   // redraw=false：本地已画过，避免再 scheduleRender 把线闪掉。8.24
   _emitChange(target, { redraw = true } = {}) {
+    if (!this._alive() || !target) return;
     const segments = cloneSegments(this.store[target.key] && this.store[target.key].segments || []);
     this.host.$emit("trend-change", {
       paramId: target.paramId,
@@ -4742,8 +4969,12 @@ class TrendLineManager {
   /** 等 Vue / 图表 setOption 完成后再画叠加层。8.22 */
   // 只 nextTick 一次，不再叠 rAF 连刷。8.24
   _scheduleRenderAfterVue() {
-    if (this.host && typeof this.host.$nextTick === "function") {
-      this.host.$nextTick(() => this.scheduleRender());
+    if (!this._alive()) return;
+    if (typeof this.host.$nextTick === "function") {
+      this.host.$nextTick(() => {
+        if (!this._alive()) return;
+        this.scheduleRender();
+      });
     } else {
       this.scheduleRender();
     }
@@ -4860,6 +5091,15 @@ class TrendLineManager {
     return pixelToData(chart, target.paramId, offsetX, offsetY, loose);
   }
   _trendToPixel(chart, target, value, depth) {
+    const finder = findSeriesForDepth(chart, target.paramId, depth);
+    const live = axisPairToPixel(
+      chart,
+      finder.xAxisIndex,
+      finder.yAxisIndex,
+      value,
+      depth
+    );
+    if (live) return live;
     const lane = this._laneById(target.laneId);
     if (isLaneLogScale(lane)) {
       return logTrendDataToPixel(chart, target.paramId, value, depth);
@@ -5087,11 +5327,16 @@ const _sfc_main$6 = {
       type: Boolean,
       default: true
     },
-    // 当前选中的泳道ID（用于在头部显示红色边框）
+    // 当前选中的泳道ID（最后一次点选，兼容旧 emit）
     activeLaneId: {
       type: [String, Number],
       default: null
     },
+    // 地应力可同时选中多道。8.25
+    activeLaneIds: {
+      type: Array,
+      default: () => []
+    },
     // 是否为地应力模式（只有为 true 时才启用泳道选中功能）
     isGeomechanical: {
       type: Boolean,
@@ -5164,6 +5409,10 @@ const _sfc_main$6 = {
       clearTimeout(this.resizeTimer);
       this.resizeTimer = null;
     }
+    if (this._curveConfigCloseTimer) {
+      clearTimeout(this._curveConfigCloseTimer);
+      this._curveConfigCloseTimer = 0;
+    }
     if (this.resizeObserver) {
       this.resizeObserver.disconnect();
       this.resizeObserver = null;
@@ -5192,6 +5441,7 @@ const _sfc_main$6 = {
         return;
       }
       this.$nextTick(() => {
+        if (this._isUnmounted) return;
         const containerRef = this.$refs.containerRef;
         if (!containerRef) {
           return;
@@ -5571,10 +5821,11 @@ const _sfc_main$6 = {
     isLaneTrendDraw(lane) {
       return !!(lane && (lane.lines || []).some((line) => isLineDrawable(line)));
     },
-    // 获取泳道头部样式：地应力选中道，或 isDraw 所在道，红色边框
+    // 获取泳道头部样式：地应力已选中的道都画红框。8.25
     getLaneHeaderStyle(lane) {
       const base = this.headerStyle;
-      const isActive = this.isGeomechanical && this.activeLaneId != null && lane && lane.laneId === this.activeLaneId || this.isLaneTrendDraw(lane);
+      const ids = this.activeLaneIds || [];
+      const isActive = this.isGeomechanical ? !!(lane && ids.some((id) => id === lane.laneId)) : this.isLaneTrendDraw(lane);
       if (!isActive) return base;
       return {
         ...base,
@@ -5587,7 +5838,10 @@ const _sfc_main$6 = {
     },
     closeCurveConfigDialog() {
       this.curveConfigClosing = true;
-      setTimeout(() => {
+      if (this._curveConfigCloseTimer) clearTimeout(this._curveConfigCloseTimer);
+      this._curveConfigCloseTimer = setTimeout(() => {
+        this._curveConfigCloseTimer = 0;
+        if (this._isUnmounted) return;
         this.curveConfigVisible = false;
         this.curveConfigClosing = false;
       }, 300);
@@ -6595,7 +6849,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["modelValue", "onClose"])
   ], 544);
 }
-const KdLaneContainerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-9d96e270"]]);
+const KdLaneContainerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-814fbe51"]]);
 const SLIDER_GROUP_ID = "depthSliderGroup";
 function pad2(n) {
   return n < 10 ? "0" + n : "" + n;
@@ -7456,8 +7710,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 +8173,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,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAH+ElEQVRo3u1ZTWxU1xX+zpuxsRvbWLEBx6mFIcEOTWkChYZ00abdgNRKDVJRi1pVTvHYRCy6qsKilbLMoot0YRV7jGRVipSGLpAapV1UqRsSKKi0iAK1cRxIY4gJGNvEP2PPvPN1ce/7sz1vxsbTRJWvNPZ77/68c+4595zvOw9Ya2ttrZWySb6Ow4ePbpaE2/aZC0hOpNPdv17uvGS+DsfR5rqqzMtfb/mYpAhA8yKxF7aREO8ZCTF7RX/fRBjqQ2SNxXNNn3c9M5/E21eabgBYPcUAoK5qFt95+jogQtDal4SRx5ee9o+AntD0nYGEGHXJhc5CowhsV9AvQpC4+2mlvH2laUWWjlWMANSTmOaBEZlUK7kg2OHoXEb6fQUFBAGSYq2DxR7gr8iVunCsYkYAaye1LwRACAhS4Pullc9orhRxHNBIbcaSIg5A164jECrtYuKpJyICKmnfvWK9irCY0riL3T2NKMjIOSMhAoE4pGpo9wEhCQ25oQZC0z++YubZGzyAXvGKCUAIoSoiDmi2WBjspBFbBFS1ziNKqj1DDDbIuiTsCkHgEIAKEQdUNxxMCFVKaVwRANUeL5ciDhjdxpBrGnPRWNQ7jcG9hiOm9QCliJhdspthn3kvkRKdseFPauWl158rKu8t6JcC+VIKrCkPmv/yKjY09O/3WlpaajNZ5zNGELoGo9ba/yUI/umLL7YmcjwWfpZOH38hfJ9Kdb4EyBOlFZF30+nun69a8Ejk0LChZrrtW9s/IAC8cX6HAHghmsBl/7e/9ME366umJQyOF4LbhdfhZx7OFCwG19Nz5XjrUusNAKunGABUV8xh1+ZbAoBvnN+x5Jhtm+5i64Z7DGN6WpgoQpICkbAOhox4ORsWUNODVhQLsYTjMxV461JrCSCVwWtLgtxQAhdVH9xa+BieY4BK1Eq0KnkYw6rovdWCZH2ASF8QeQRIYmnlPPRrhQ8PIumxnRC8ChRkwFYkglKi1i2RYkY+iQs/1JB5VMUHyZ4itKiSFB+EGQWFHswKzl/g1D7+XH3FyIUccJFFGcBHQwS4RJAgNFjHWMbCegkzJMv9PABaStoiZIHlrQ+64egHgGqCwOLzFXiwUKChMkLWdcR1HSQcMplwA0dfddpCD5XnN5kSomavSZp7n9AwoD9hET2eNj5Tiau3GjB0e4OM3q/B9FxZBkBGRJLliVzVww/NSKkshkIGM/Q44q5+RCTF5yXhNjb1EN659rhcGmmcUMrrFL5Z5jgXe9PHb3pjfnL0aN38ZNmXKdxdIleMj04MOcyCSlNkW7y+M8Nb0T/QMpF1E686jr7am+6eXGrd33Z1jQH4q/2VgGiSsfRIlUIb1gih2IDil99sMHA1wVMXn5IrNxv/lkzg+729gXVK0QoVc2iSL2Njh7oe7aWJjH6yDpz09xd2yuDtTX/KZTMHetN9mVKD4AIskiAIt0A+IUgloWpU8YpMqhAl8d77j8ngaEN/bn7uQF9fvFKp1JF97e3tXyypYgzXcWNs5inkxX5V+qWM0cn1OH2tZYKaaCuklF3vCXGSp9vajjSX1mLWEnGQiwz/N9DBuz89tA05dV4+caLrw2KFmqr6tDmxjmc7Oo4+UxqLGYELWiyIgLQuSAHIjydrZPCTR25ns3PdyxFqvO4eLu260JBz5vtTqSP7SmAxPwnHAw/rjuFzpgQGRhsJoK84F1yQ6+ru4p+7/l6RTWZPtbd3fm/VFVMvGsQgD4aCBmwgoUKG72wUunhzpe40UTuGc197tyLzhdlThq2vLh+DUiQuz6lf3wzm5Sgcm65xh4cHzoXHt3d2/oB0KmJeujec/GcqZ3D+6bPYfXHvK4dTnVUn0t2/XKUEHU64+YZ4Xy58CoL7MxXiqtzo7+/PRU2M4xOb79Sqox6nBD2GQJNe7tdO2gK6gFDMVszg7M53sPPqnl+0d3Q25+bnUoXcu2DtXjWe8all0I6lJ/ZzEefcpIhwaqk5/9l9HdlkDlQXqgpVQlXB0DXU5wAAFPPl8zj35BnsvvrMjzdNbKxva2uLzYlOIawY4ckxA1UhrkIIv5aQf45IiDlLLA71xxNQx8X57WfwUd3I/rKydX88ePBg1YrRvRYB7tX7lmvLMyBQWZYBIQ3xErOIwmDkAykq5yuxfmY9ALx78uTJqZVFRQJUQ8pixzBA+V6doyKZkcrkXMOhQx31+TVbSPVkiSHBs6rZajx7+Ruonqk+li4QRAqVBiK0JF9UND+/NEjAgOKGmnHJZBv2AXgtPGfHH3bmtxWBm00f4f1tgxEF6ybqsevynkwyW9aW7u3+3QNixUDwuDzm1eiMWwY5bWvdCAD8MPJCYXMy69SW5fkls4ljjkbFqr+3EXv+9exUWa78+d4ilCqGtsDVRfWKJdIBfEoqtqZIAFsevoV1Zdn9HR0dj/X09AwDQE9Pz2Q8uu+MRLpHbzVh++COUXGd76Z7f3Nh1ZBHAeARKXhSTTVKbZQsT2b5VOO1BCG/Wgny2Hr9cTw58JUbyCX39i5DqYIWG5+txl+GvhpLof8x0ioDt5sXebB39HPqAJDnU6kjP0qnj79W1JcSCrYNtqLpwy2XEw72p3u6ls228yqWzc4OilS2XbuzJe9nGQFeGZl4pK+YTzrqaK5YoRpHHoW4iT9PTowdiAvphd75uWqpVOfPIHguOz93aCWsYBkl7v9tU02eGh6+0rUIY661tbbWPlftv9DKUDsQUF/KAAAAAElFTkSuQmCC";
 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,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAJgklEQVRo3u1aaVRURxbOj/yYHzknc04E3JClwY1RxyW4EBmXMC5xdIwh4MkEkO5+rxskioqAMJIIykQEFdmCERoaxA0XUIlBwCUmIWJwy5hojGbIDBkzkahRQObcO/dW92PR0BBFWh3eOd+pevXqVd3v3Vu37q3uZ57puXqu/79LluWpTyUxraRDrVaOnTRp0rNPHbHEmNeJnK4iIEDn+FQR++8nA6Eo/Y8YpJdqJUl65akh1vTxQLhLOF/ojuFL/Nk0EwICAn7zxJBgU9PI8hwSPFyS5PVkftlMrOEjV2w84QqM6+VDYeOqeWyanzzWpqnR60cLEpLuypK3FuCm2Hm4I3k6lGROwSMGTzya4wn1x12xgUg1fORCcBXg50F6bR0RnPd4mZhWN01DDiFyqR/uTfOCb4pHEAEXuHPMBVuXltq+2jsKwkPZNHWbrG6abD6kndKoZW/iCeMEvHXUFW4fdUESFBQo91w2455non5MBXXlgyBuxXzUSPJJb2/v56ylpTfIs93anzEFbla44s9HVdAGR1R4i6Dc325+5oI//0L7jQoXLEzxAlmWatgCrERKjo1c4geX9g0HEr4ZNysEmTb1m0fub1Pqyn3NQTd8N9oHSFMlOp2un3UcBDmH+BW+UPvBIBLOGW6Uq/BGuTNyyfckLPxUroIzO0ZDwYZpsPav3ric1k5IsEZA6W/q6wyV+e64OCSwSZJ0UVaLSDSSLiYucj5c+9CVCDnfh/+UukBx+mSMWOIn1gn3V1N8qFYHO9Bm/Dy7+5/KnAWul6kgP2k6kPZr1Gqdh9UcBUcJyxf749XiISSYE9S1xmFnrN4+EgQhra6Y+o5tb4Pmd68WDcHYSF+l7/NW9H4BvSkyr/28YCReP+wEP5Y6ibLOjMJNU5CfqyX9Kx1FHscNY8kk1fWkzaVW36fI/jdnvTsTfyx1ZFJgKh3hOtW3b3gZtZJ8gc2tMyEVaenSgnY02t051IhQiiK+L6E19KGjwA+HnJDLgxkvIUcZGo3GrlNrVKvbaVXTu8dhbN6VPBl/OOQI1z5wFCXjy91DQafT1pOgqicuGqe19Vs9CX+lyJVIOcC/SxyRyFHpgEkxczkyX/REphmSpPdfGz0PiQh8zzjogLWEqvwRwGulMzEd9+FIgj+CRtIHc93qsSDtRcb96ROI0ACobYXU2Fkdaos3WzLjKI0UVOcbloRzYgpwzso89KF6oBxSx8+sRpAdQ3XBUPzXgQGg4LtiBwgJUqMlh8ECU/pS4hu+ETwza8A9px7H5DTCKEMj/J4wOuMaeIdtRO7T7eS8g4KeC9Zr8LviAfjP/fbA4PpnxmEUVejOdRBLpvtGpqBH7m0Yl1sP7rkNMCanwUQsuxGGZzXi77Y0wKvhqfSBdJu713FI0uCI0L9ATTETasH+tPEcrBotbQ8LFoahZ+5N8Mi9g4JYTguxEURsWPZdcNtC5DJvgn9wGAYG6gd1GzGO31aFv441Rf2hpshe4B9UL0iaxBqLtxT5v7q6ECbm3QEPYz2MNzaYNGaox1HZDcimOIw05pZ1F4ZsaYLpbxeCpfEeQWqi/0NchDd+u68/COztjwQwrpvCgsRY2ISLZyZXCWITiFiLxhphpHmNCY2ZiY1PPC3SlXbH0/C5CZ2X/AIC9Q+gaQ573g7zgat7+sFVInR1bz+4sqc/bkvypIhcn2AhAS2dkXIGJhrvIBMbf88aazZFM7GxSed566iwlCatj/kTFqWMg30p40TJWLbIDx8oNFOr1S788hUi9s3ufkoJB9Je5FRjjwVi2bMTykymSGusmZihAUe10VgjDtlyFybFHwNLDkSjlXeWpI8Bnr+1LGGL38QHinp4HyJH0HRxl70gdLmwH17e3RdOGgcCbwPtCiLLPm+EJaCyxsYZW2usAUfcY4qvkdu3dDpFAXbNSeMgIYMix8Wd9sCyPXBiym792BY3uLSrL35NuFzYFxhL3/Jr15PxZBztz9xQiR7KGrvPFBsFMc+1n/J6PdfeXsZriK3ma9P8IEqa/zjJ1NGW0+ExwNZ1E5lYK/SBzNUvixPc9he8frRaXlg/bWMVmyK2dveKKU5cV4Xch/tacGAJ76+Zipd29kWeV5EhL4HXuW7TQ2XN0ct8SfV94OKOPvgVgeuVBhe27zoOki1tF2yyPrRReyV9hh4ZNTgh7VucvK4SX1ueLPIyS6Q4udXTIerJXGdQ5lWwcpkPPtRJljneq63MceHBBb7c3gcZqavEeUV6RwEwuWs1bwFMhE1Uy3Vq6yiU4rEz4rya51VwImsgm2HtQ4divGetj5mJF7b1JkK9QcHpPHsMDfFH3mcexfkKr+Oz+f2b57tgRlqsF6opCOiSnIzN7uMsFf69oDcTBC4JUJE5mJPNW115ykTnih46WVt/+D03mseO5zLPZ0faUiE/62zG3hmtLV0T+Wc8v9UOv6AJvthK4JImPbBpODK5rji9ZU1RYnvrQMrwtnOZ54uLmItdeggkXLhWrt6e6A7n823hXL4dnsuzw/P5dkACwKG0oSazJC/6ILbP5/TsZUND/JpKUt1QjE/gsRVsW+dODkeu7vI0h/ct1kxp+mA4l2cLZ4nY2TxbFkDUP80eAGujZvEXreUk1JLHbG3mWlkO53cSo2dCZbY9jWfbPD6XfH8obQiwCT6y8xU2t0UL/ZuOZtIRdq4tnjGyALZAJZMU9bIMV0iMnmFaCxQDcuQuPCP9CMigs0d/zgD4WZBe08R9y9JdxVhiHGPb8Y68p8JFwf5Nj/yHCq1WO4/JlaQMhtMkxOlcG6jOtcHTRNQEvrfFKkMfKE4eBu/HTcSk6BkQHzFbgIlsprZ9G4fhKUNv0b/5XTGeLVab7w+lDgImFRio7Z4fBPnrsUby176In+fYkCA2IMocKg02yGjT1qqPeEZtAq36KPdKncfuKqf0az2YihdzfOQsPJLhwAKzkAKnBLleojyV3Ytgum+BDbQ8Nz8zv1uR4YRx4XOEo+jWzPr+ozU5nLWXHDMVK9IHkHn1gqqsXlglCJHwDIOp5DbRbjC1NdfpWXmaI25Y6UW/AWjFCdZj8ScXjus4YKWvXPfOsrmQ+zd3KEt3gJNMMEsQEPUWvCDaSlOd0BA/Ft4JmwscBFBeFjNfkno9jifHHBvOUZv++nBlYdACjAz1wTURszAhajomrJiOq8NnY9QSbwzWB4pzf+7L7zxRf0PyCw5+gdN3TiT5VJnBLp/bOrPP9Vw9V8/Vc3X79T8J1TZaWjb6HwAAAABJRU5ErkJggg==";
@@ -9173,27 +9433,106 @@ 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) => {
+          if (!item || !(item.id || item.elements || item.type)) return false;
+          const id = String(item.id || "");
+          return id.indexOf("trend_") !== 0;
+        });
+        if (graphic.length) options.graphic = graphic;
+      } catch (e) {
+      }
+    },
+    // notMerge 时把笛卡尔趋势 series 带回去，避免先消失再画。8.25
+    // 只拷绘制字段，禁止展开 model.option（会带上坐标系等内部引用，图表拆不掉）。8.25
+    _copyTrendSeriesOption(opt, id) {
+      if (!opt) return null;
+      const ls = opt.lineStyle || {};
+      const is = opt.itemStyle || {};
+      return {
+        id: opt.id || id,
+        name: "trend",
+        type: "line",
+        data: Array.isArray(opt.data) ? opt.data.slice() : [],
+        xAxisIndex: opt.xAxisIndex,
+        yAxisIndex: opt.yAxisIndex,
+        clip: opt.clip,
+        animation: false,
+        silent: true,
+        large: false,
+        z: opt.z,
+        zlevel: 0,
+        symbol: opt.symbol,
+        symbolSize: opt.symbolSize,
+        showSymbol: opt.showSymbol,
+        hoverAnimation: false,
+        legendHoverLink: false,
+        connectNulls: false,
+        tooltip: { show: false },
+        emphasis: { disabled: true },
+        lineStyle: {
+          color: ls.color,
+          width: ls.width,
+          type: ls.type
+        },
+        itemStyle: {
+          color: is.color,
+          borderColor: is.borderColor,
+          borderWidth: is.borderWidth
+        }
+      };
+    },
+    _preserveTrendSeries(options) {
+      if (!options || !this.chart || this.chart.isDisposed()) return;
+      if (options.__kdTrendSynced) return;
+      const incoming = Array.isArray(options.series) ? options.series : [];
+      const hasTrend = incoming.some((s) => {
+        if (!s) return false;
+        const name = Array.isArray(s.name) ? s.name[0] : s.name;
+        if (name === "trend") return true;
+        const id = String(s.id || "");
+        return id.indexOf("trend_") === 0;
+      });
+      if (hasTrend) return;
+      try {
+        const list = this.chart.getModel().getSeries() || [];
+        const trends = [];
+        const seen = /* @__PURE__ */ new Set();
+        for (let i = 0; i < list.length; i++) {
+          const sm = list[i];
+          const opt = sm && sm.option || {};
+          const name = Array.isArray(sm.name) ? sm.name[0] : sm.name;
+          const id = String(opt.id || sm.id || "");
+          if (name !== "trend" && id.indexOf("trend_") !== 0) continue;
+          if (!id || seen.has(id)) continue;
+          seen.add(id);
+          const copied = this._copyTrendSeriesOption(opt, id);
+          if (copied) trends.push(copied);
         }
+        if (!trends.length) return;
+        options.series = incoming.concat(trends);
       } catch (e) {
       }
     },
@@ -9246,6 +9585,7 @@ const _sfc_main$3 = {
         const next = this.getOptionsWithTheme(options, skipClone);
         this._applySavedDataZoomToOptions(next, savedDataZoom);
         this._preserveGraphic(next);
+        this._preserveTrendSeries(next);
         this.delegateMethod("setOption", next, {
           notMerge: !!notMerge,
           lazyUpdate: !!lazyUpdate
@@ -9412,6 +9752,7 @@ const _sfc_main$3 = {
               const next = this.getOptionsWithTheme(val);
               this._applySavedDataZoomToOptions(next, savedDataZoom);
               this._preserveGraphic(next);
+              this._preserveTrendSeries(next);
               this.chart.setOption(next, {
                 notMerge: this.skipClone || val !== oldVal
               });
@@ -9507,17 +9848,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-5b44c8a6"]]);
 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 +9909,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;
@@ -9841,6 +10229,7 @@ const _sfc_main$2 = {
       selectedParamId: null,
       // 当前选中的泳道ID（只有该泳道显示缺失点、区块、区块点）
       activeLaneId: null,
+      activeLaneIds: [],
       currentMarkAreaIndex: -1,
       // 每个泳道的选中点对数组，每对包含两个点形成区块，与 markArea 通过 markAreaId 关联
       laneSelectedPointPairs: {},
@@ -9868,16 +10257,36 @@ 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._geoClickTimer = 0;
+    this._laneZrHandlers = /* @__PURE__ */ Object.create(null);
+    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;
+      const { chart, x, y, clientY } = pending;
+      if (!chart || chart.isDisposed()) {
+        this._pendingPointer = null;
+        return;
+      }
+      if (this.isChartBusy()) {
+        this.updateCrosshairLine(chart, y);
+        return;
+      }
       this._pendingPointer = null;
-      const { chart, x, y } = pending;
-      if (!chart || chart.isDisposed()) return;
       this.syncAxisPointerAcrossCharts(chart, x, y);
     };
     this.debounceJudgeEdge = debounce(() => {
@@ -9895,13 +10304,30 @@ 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);
-    if (this.trendLineManager) this.trendLineManager.destroy();
+    window.removeEventListener("mouseup", this._onWindowMouseUp);
+    if (this._zoomIdleTimer) {
+      clearTimeout(this._zoomIdleTimer);
+      this._zoomIdleTimer = 0;
+    }
+    if (this._geoClickTimer) {
+      clearTimeout(this._geoClickTimer);
+      this._geoClickTimer = 0;
+    }
+    Object.keys(this._laneZrHandlers || {}).forEach((laneId) => {
+      this._unbindLaneZrEvents(laneId);
+    });
+    this._laneZrHandlers = /* @__PURE__ */ Object.create(null);
+    if (this.trendLineManager) {
+      this.trendLineManager.destroy();
+      this.trendLineManager = null;
+    }
     if (this._pointerRaf) {
       cancelAnimationFrame(this._pointerRaf);
       this._pointerRaf = 0;
@@ -9919,8 +10345,10 @@ const _sfc_main$2 = {
       this.scheduleConnectAllCharts.cancel();
     }
     this._pendingPointer = null;
+    this.attachChartConnect();
     this.unbindChartPointerSync();
     echarts.disConnect(this.group);
+    this.chartRefMap = /* @__PURE__ */ Object.create(null);
     this.clearEcharts();
     if (this.resizeObserver) {
       this.resizeObserver.disconnect();
@@ -9940,6 +10368,7 @@ const _sfc_main$2 = {
     async laneWidthChange(widthMap) {
       this.laneWidthMap = widthMap || {};
       await this.$nextTick();
+      if (this._isUnmounted) return;
       this.updateLanesChartOption();
     },
     // 曲线上方对数刻度：边控关则只藏尺。8.22对数轴
@@ -9953,7 +10382,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,59 +10418,92 @@ 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"
         });
       }
-      const isDrawLane = this.isLaneTrendDrawById(laneId);
-      if (this.isGeomechanical || isDrawLane) {
-        const isActive = this.activeLaneId === laneId || isDrawLane;
+      if (this.isGeomechanical) {
+        style.boxSizing = "border-box";
+        style.border = this.isLaneSelected(laneId) ? "1px solid #F86C59" : "1px solid transparent";
+      } else if (this.isLaneTrendDrawById(laneId)) {
         style.boxSizing = "border-box";
-        style.border = isActive ? "1px solid #F86C59" : "1px solid transparent";
+        style.border = "1px solid #F86C59";
       }
       return style;
     },
+    // 按引用摘掉 click/dblclick，避免 zr.off(类型) 误拆趋势线 dblclick。8.25
+    _unbindLaneZrEvents(laneId) {
+      const rec = this._laneZrHandlers && this._laneZrHandlers[laneId];
+      if (!rec) return;
+      try {
+        const chart = rec.chart;
+        if (chart && typeof chart.getZr === "function" && !chart.isDisposed()) {
+          const zr = chart.getZr();
+          if (zr) {
+            if (rec.onContext) zr.off("contextmenu", rec.onContext);
+            if (rec.onClick) zr.off("click", rec.onClick);
+            if (rec.onDbl) zr.off("dblclick", rec.onDbl);
+          }
+        }
+      } catch (e) {
+      }
+      rec.chart = null;
+      rec.onContext = null;
+      rec.onClick = null;
+      rec.onDbl = null;
+      delete this._laneZrHandlers[laneId];
+    },
+    _bindLaneZrEvents(laneId, chart) {
+      this._unbindLaneZrEvents(laneId);
+      if (!chart || chart.isDisposed()) return;
+      let zr;
+      try {
+        zr = chart.getZr();
+      } catch (e) {
+        return;
+      }
+      if (!zr) return;
+      const onContext = (e) => this.handleChartRightClick(e, laneId);
+      const onClick = (e) => this.handleChartClick(e, laneId);
+      const onDbl = (e) => this.handleChartDblClick(e, laneId);
+      zr.on("contextmenu", onContext);
+      zr.on("click", onClick);
+      zr.on("dblclick", onDbl);
+      this._laneZrHandlers[laneId] = { chart, onContext, onClick, onDbl };
+    },
     setChartRef(laneId, el) {
       if (el) {
-        if (this.chartRefMap[laneId] && this.chartRefMap[laneId].chart) {
-          this.chartRefMap[laneId].chart.getZr().off("contextmenu");
-          this.chartRefMap[laneId].chart.getZr().off("click");
+        const prev = this.chartRefMap[laneId];
+        if (prev && prev.chart && prev.chart !== el.chart) {
+          this._unbindLaneZrEvents(laneId);
         }
         this.chartRefMap[laneId] = el;
-        el.chart && el.chart.getZr().on("contextmenu", (e) => this.handleChartRightClick(e, laneId));
-        el.chart && el.chart.getZr().on("click", (e) => this.handleChartClick(e, laneId));
+        if (el.chart) this._bindLaneZrEvents(laneId, el.chart);
         if (el.chart && this.trendLineManager) {
           this.trendLineManager.bindChart(laneId, el.chart);
         }
       } else if (this.chartRefMap[laneId]) {
         if (this.trendLineManager) this.trendLineManager.unbindChart(laneId);
-        this.chartRefMap[laneId].chart && this.chartRefMap[laneId].chart.getZr().off("contextmenu");
-        this.chartRefMap[laneId].chart && this.chartRefMap[laneId].chart.getZr().off("click");
+        this._unbindLaneZrEvents(laneId);
         delete this.chartRefMap[laneId];
       }
     },
     handleChartInited(laneId, chart) {
-      if (this.chartRefMap[laneId]) {
-        this.chartRefMap[laneId].chart.getZr().off("contextmenu");
-        this.chartRefMap[laneId].chart.getZr().off("click");
-      }
-      chart.getZr().on("contextmenu", (e) => this.handleChartRightClick(e, laneId));
-      chart.getZr().on("click", (e) => this.handleChartClick(e, laneId));
+      this._bindLaneZrEvents(laneId, chart);
       if (this.trendLineManager) {
         this.trendLineManager.bindChart(laneId, chart);
-        this.applyLineListData();
+        if ((this.lineListData || []).length) this.applyLineListData();
         this.trendLineManager.scheduleRender();
       }
       this.scheduleConnectAllCharts();
@@ -10052,9 +10514,25 @@ const _sfc_main$2 = {
       if (!this.isGeomechanical) return;
       this.getConnectedCharts().forEach((chart) => {
         if (!chart || chart.isDisposed()) return;
-        chart.setOption({
-          dataZoom: [this.buildInsideDataZoom(!!enabled)]
-        });
+        const laneId = this.findLaneIdByChart(chart);
+        const next = this.buildInsideDataZoom(
+          !!enabled,
+          this.dataZoomFilterModeForLane(this.findLaneById(laneId))
+        );
+        try {
+          const dz = chart.getModel().getComponent("dataZoom", 0);
+          const opt = dz && dz.option;
+          if (opt) {
+            if (opt.start != null) next.start = opt.start;
+            if (opt.end != null) next.end = opt.end;
+            if (opt.startValue != null) next.startValue = opt.startValue;
+            if (opt.endValue != null) next.endValue = opt.endValue;
+          }
+          const skip = this.trendLineManager && this.trendLineManager.dataZoomSeriesIndex(chart);
+          if (skip && skip.length) next.seriesIndex = skip;
+        } catch (e) {
+        }
+        chart.setOption({ dataZoom: [next] }, { silent: true, lazyUpdate: false });
       });
     },
     getConnectedCharts() {
@@ -10066,7 +10544,7 @@ const _sfc_main$2 = {
     // 趋势线控制点右键菜单（删除控制点） 8.21
     showTrendKnotContextMenu(e, payload) {
       this.currentContextMenuType = "trendKnot";
-      this.currentPointInfo = payload;
+      this.currentPointInfo = markRaw(payload);
       this.currentContextMenuItems = [{ label: "删除控制点", action: "deleteTrendKnot" }];
       this.calculateContextMenuPosition(e);
       this.contextMenuVisible = true;
@@ -10099,6 +10577,85 @@ const _sfc_main$2 = {
     resetAllTrendLines() {
       if (this.trendLineManager) this.trendLineManager.resetAllTrendLines();
     },
+    isLaneSelected(laneId) {
+      return laneId != null && (this.activeLaneIds || []).some((id) => id === laneId);
+    },
+    addLaneSelection(laneId) {
+      if (laneId == null) return false;
+      this.activeLaneId = laneId;
+      if (this.isLaneSelected(laneId)) return false;
+      this.activeLaneIds = this.activeLaneIds.concat([laneId]);
+      return true;
+    },
+    removeLaneSelection(laneId) {
+      if (!this.isLaneSelected(laneId)) return;
+      this.activeLaneIds = (this.activeLaneIds || []).filter((id) => id !== laneId);
+      if (this.activeLaneId === laneId) {
+        this.activeLaneId = this.activeLaneIds.length ? this.activeLaneIds[this.activeLaneIds.length - 1] : null;
+      }
+    },
+    // 退出编辑：清掉全部选中红框，不挂新监听。8.25
+    clearActiveLane() {
+      this._clearGeoClickTimer();
+      this._geoSelectClickAt = 0;
+      this._geoSelectLaneId = null;
+      this._lastBlankClickTime = null;
+      this._lastBlankClickLaneId = null;
+      const ids = (this.activeLaneIds || []).slice();
+      if (this.selectedPoints.length > 0 && this.selectedLaneId) {
+        if (this.laneSelectedPointPairs[this.selectedLaneId]) {
+          this.laneSelectedPointPairs[this.selectedLaneId].pop();
+        }
+        this.selectedPoints = [];
+        this.selectedLaneId = null;
+        this.selectedParamId = null;
+      }
+      this.activeLaneIds = [];
+      this.activeLaneId = null;
+      if (!ids.length) return;
+      this.updateLanesChartOption().then(() => {
+        if (this._isUnmounted) return;
+        ids.forEach((id) => this.showSelectedPointScatter(id));
+      });
+    },
+    // 切趋势线：只保留当前曲线所在道；单击其它道仍可再选中。8.25
+    selectLaneByParamId(paramId) {
+      if (!this.isGeomechanical) return;
+      if (paramId == null || paramId === "") {
+        this.clearActiveLane();
+        return;
+      }
+      const lanes = this.currentTemplate && this.currentTemplate.lanes || [];
+      let laneId = null;
+      for (let i = 0; i < lanes.length; i++) {
+        const lane = lanes[i];
+        if ((lane.lines || []).some((line) => String(line.paramId) === String(paramId))) {
+          laneId = lane.laneId;
+          break;
+        }
+      }
+      if (!laneId) return;
+      const prevIds = (this.activeLaneIds || []).slice();
+      if (prevIds.length === 1 && prevIds[0] === laneId) {
+        this.activeLaneId = laneId;
+        return;
+      }
+      if (this.selectedPoints.length > 0 && this.selectedLaneId && this.selectedLaneId !== laneId) {
+        if (this.laneSelectedPointPairs[this.selectedLaneId]) {
+          this.laneSelectedPointPairs[this.selectedLaneId].pop();
+        }
+        this.selectedPoints = [];
+        this.selectedLaneId = null;
+        this.selectedParamId = null;
+      }
+      this.activeLaneIds = [laneId];
+      this.activeLaneId = laneId;
+      this.updateLanesChartOption().then(() => {
+        if (this._isUnmounted) return;
+        prevIds.forEach((id) => this.showSelectedPointScatter(id));
+        this.showSelectedPointScatter(laneId);
+      });
+    },
     // 根据 paramId 判断曲线是否可见（isUsed === '1'）
     isLineVisibleByParamId(paramId) {
       const lanes = this.currentTemplate && this.currentTemplate.lanes || [];
@@ -10130,6 +10687,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,14 +10759,22 @@ 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++) {
           const sm = seriesList[s];
           const option = sm.option || {};
           const name = this.unwrapEchartsValue(sm.name);
-          if (name === "helper" || name === "log-grid") continue;
+          if (name === "helper" || name === "log-grid" || name === "trend") continue;
           const type = sm.subType || this.unwrapEchartsValue(option.type);
           if (type && type !== "line") continue;
           const tip = option.tooltip;
@@ -10196,9 +10790,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 +10812,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 +10890,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]);
@@ -10319,6 +10935,7 @@ const _sfc_main$2 = {
       if (!series || !Array.isArray(series.data) || !series.data.length) return false;
       if (this.seriesDisplayName(series) === "helper") return false;
       if (this.seriesDisplayName(series) === "log-grid") return false;
+      if (this.seriesDisplayName(series) === "trend") return false;
       const type = this.seriesTypeName(series);
       if (type && type !== "line") return false;
       if (this.seriesTooltipHidden(series)) return false;
@@ -10380,6 +10997,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++) {
@@ -10406,8 +11090,8 @@ const _sfc_main$2 = {
       el.style.transform = `translate3d(0, ${top}px, 0)`;
       if (!this.crosshairVisible) this.crosshairVisible = true;
     },
-    schedulePointerSync(chart, x, y) {
-      this._pendingPointer = { chart, x, y };
+    schedulePointerSync(chart, x, y, clientY) {
+      this._pendingPointer = { chart, x, y, clientY };
       if (this._pointerRaf) return;
       this._pointerRaf = requestAnimationFrame(this._flushPointerSync);
     },
@@ -10424,51 +11108,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 +11165,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 +11183,81 @@ 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;
+      if (this._chartPanLocked) 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;
+      if (!this._isPanning && this.trendLineManager) this.trendLineManager.endFollowView();
+      this.restorePointerAfterInteract();
+    },
     hideAllLaneTooltips(event) {
       if (this.isLeavingToTooltip(event)) return;
       const next = event && event.relatedTarget;
@@ -10498,8 +11265,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 +11283,7 @@ const _sfc_main$2 = {
           currTrigger: "leave"
         });
       });
+      this.attachChartConnect();
     },
     hideAxisPointerAcrossCharts(event) {
       if (this.isLeavingToTooltip(event)) return;
@@ -10532,9 +11302,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 +11318,27 @@ 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)
+            e.offsetY ?? ((_b = e.event) == null ? void 0 : _b.offsetY),
+            native.clientY
           );
         };
-        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 +11351,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 +11362,7 @@ const _sfc_main$2 = {
             echarts.connect(this.group);
           }
           this.bindChartPointerSync();
+          if (keepDetached) this.detachChartConnect();
         });
       });
     },
@@ -10602,11 +11373,13 @@ const _sfc_main$2 = {
       if (this.trendLineManager) this.trendLineManager.hydrateFromTemplate(template);
       this.applyLineListData();
       await this.$nextTick();
+      if (this._isUnmounted) return;
       this.updateLanesChartOption();
     },
     // 线段变化
     async lineChange() {
       await this.$nextTick();
+      if (this._isUnmounted) return;
       this.updateLanesChartOption();
     },
     // 初始化窗口大小范围以及windowSize默认值
@@ -10687,7 +11460,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 +11478,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 +11497,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 +11513,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) {
@@ -10770,10 +11554,10 @@ const _sfc_main$2 = {
       ref.mergeOptions(option, true, false, true);
     },
     // 判断指定泳道是否应该显示tooltip内容
-    // 地应力模式下：如果没有选中泳道，所有泳道正常显示；如果有选中泳道，只有选中的泳道显示
+    // 地应力：无选中时所有泳道显示；有选中时已选中的多道都显示。8.25
     shouldShowTooltipContent(laneId) {
       if (!this.showTooltip) return false;
-      if (this.isGeomechanical && this.activeLaneId && laneId !== this.activeLaneId) {
+      if (this.isGeomechanical && (this.activeLaneIds || []).length && !this.isLaneSelected(laneId)) {
         return false;
       }
       return true;
@@ -10789,7 +11573,6 @@ const _sfc_main$2 = {
         const chart = chartRef.chart;
         chart.setOption({
           tooltip: {
-            ...chart.getOption().tooltip,
             showContent: this.shouldShowTooltipContent(lane.laneId)
           }
         });
@@ -10820,6 +11603,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 +11623,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 +11684,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,10 +11754,34 @@ 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++) {
+        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 (Number.isFinite(prev)) {
+            const step = Math.abs(v - prev);
+            if (step > 0 && step < minStep) minStep = step;
+          }
+          prev = v;
+        }
       }
+      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);
+    },
+    // 与桌面 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];
@@ -10861,6 +11789,8 @@ const _sfc_main$2 = {
         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;
@@ -10868,24 +11798,66 @@ const _sfc_main$2 = {
           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) {
+    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 +11872,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 +11899,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 +11983,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 +11994,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" || name === "trend" || 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);
@@ -11040,7 +12045,6 @@ const _sfc_main$2 = {
         } catch (e) {
         }
       });
-      if (this.trendLineManager) this.trendLineManager.scheduleZoomRender();
     },
     // 处理键盘按下事件
     handleKeyDown(e) {
@@ -11108,8 +12112,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 +12186,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 +12383,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 +12532,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 +12576,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 +12585,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;
@@ -11705,6 +12629,7 @@ const _sfc_main$2 = {
     },
     // 更新泳道图表选项
     async updateLanesChartOption(transferData) {
+      if (this._isUnmounted) return;
       if (this.isUpdatingChart) {
         this.pendingChartUpdate = true;
         return;
@@ -11731,6 +12656,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 +12666,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 +12683,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 +12700,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 +12737,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 +12750,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 +12764,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 +12788,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 +12871,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 +12904,7 @@ const _sfc_main$2 = {
                       type: lineInfo.lineType
                     },
                     clip: true,
+                    connectNulls: false,
                     z: lineInfo.lineSort
                   };
                   if (lane.lines.length - 1 == index2) {
@@ -12039,12 +12943,11 @@ 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);
                   }
-                  if (lineInfo.isUsed === "1" && this.isGeomechanical && lane.laneId === this.activeLaneId) {
+                  if (lineInfo.isUsed === "1" && this.isGeomechanical && this.isLaneSelected(lane.laneId)) {
                     const boundaryPoints = this.findMissingDataBoundaryPoints(
                       this.plotSeries(groupSeriesData, isLogScale)
                     );
@@ -12098,13 +13001,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 +13059,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,19 +13093,24 @@ 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);
           }
+          if (this.trendLineManager) this.trendLineManager.appendSeriesToOption(option, lane);
           this.updateOptionsByLineId(lane.laneId, option);
         }
       } catch (error) {
         console.error("updateLanesChartOption error:", error);
       } finally {
         this.isUpdatingChart = false;
+        if (this._isUnmounted) {
+          this.pendingChartUpdate = false;
+          return;
+        }
         this.scheduleConnectAllCharts();
         const lanesToRefresh = new Set(
           Object.keys(this.laneSelectedPointPairs || {})
@@ -12211,6 +13118,7 @@ const _sfc_main$2 = {
         if (this.selectedLaneId) lanesToRefresh.add(this.selectedLaneId);
         if (lanesToRefresh.size > 0) {
           this.$nextTick(() => {
+            if (this._isUnmounted) return;
             lanesToRefresh.forEach((lid) => {
               this.showSelectedPointScatter(lid);
             });
@@ -12219,13 +13127,10 @@ const _sfc_main$2 = {
         if (this.pendingChartUpdate) {
           this.pendingChartUpdate = false;
           this.$nextTick(() => {
+            if (this._isUnmounted) return;
             this.updateLanesChartOption(transferData);
           });
         }
-        if (this.trendLineManager) {
-          this.trendLineManager.scheduleZoomRender();
-          this.$nextTick(() => this.trendLineManager.scheduleZoomRender());
-        }
       }
     },
     /**
@@ -12270,6 +13175,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 +13297,7 @@ const _sfc_main$2 = {
             }
           }
         }
+        if (isMissingCurveValue(value)) value = null;
         return [value, +item[axisKey], item.timestamp];
       });
     },
@@ -12308,6 +13316,7 @@ const _sfc_main$2 = {
             }
           }
         }
+        if (isMissingCurveValue(value)) value = null;
         return [value, +item[axisKey], item.timestamp];
       });
     },
@@ -12326,6 +13335,7 @@ const _sfc_main$2 = {
             }
           }
         }
+        if (isMissingCurveValue(value)) value = null;
         return {
           value: [value, +item[axisKey]],
           rowData: item
@@ -12413,85 +13423,172 @@ const _sfc_main$2 = {
       }
       return boundaryPoints;
     },
-    async handleChartClick(e, laneId) {
-      var _a, _b, _c;
-      const chartRef = this.getChartRefByLaneId(laneId);
-      if (!chartRef || !chartRef.chart) return;
-      if (this.trendLineManager && this.trendLineManager.handleClick(e, laneId)) {
-        return;
-      }
-      if (!this.isGeomechanical) return;
-      const wasActiveLane = this.activeLaneId === laneId;
-      if (this.activeLaneId !== laneId) {
-        const prevActiveLaneId = this.activeLaneId;
-        this.activeLaneId = laneId;
-        await this.updateLanesChartOption();
-        if (prevActiveLaneId) {
-          this.showSelectedPointScatter(prevActiveLaneId);
+    // 只把点击附近的点转成像素。全量 convertToPixel 会堵住主线程，双击 500ms 对不上。8.25
+    findClosestGeoLineHit(chart, option, pointInPixel, pixelThreshold, laneId) {
+      var _a;
+      const threshold = pixelThreshold || 10;
+      const px = pointInPixel[0];
+      const py = pointInPixel[1];
+      const seriesList = option && option.series || [];
+      let closest = null;
+      let closestDistance = threshold;
+      for (let i = 0; i < seriesList.length; i++) {
+        const series2 = seriesList[i];
+        if (!series2 || series2.type !== "line") continue;
+        const name = Array.isArray(series2.name) ? series2.name[0] : series2.name;
+        if (name === "helper" || name === "log-grid" || name === "trend") continue;
+        const id = String(series2.id || "");
+        if (id.indexOf("trend_") === 0) continue;
+        let clickData;
+        try {
+          clickData = chart.convertFromPixel({ seriesIndex: i }, [px, py]);
+        } catch (err) {
+          continue;
         }
-      }
-      const chart = chartRef.chart;
-      const option = chart.getOption();
-      const pointInPixel = [
-        e.offsetX || ((_a = e.event) == null ? void 0 : _a.offsetX),
-        e.offsetY || ((_b = e.event) == null ? void 0 : _b.offsetY)
-      ];
-      let clickedPoint = null;
-      let closestPoint = null;
-      let closestDistance = 10;
-      const axisKey = this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType] || (this.formCache.axisType === "time" ? "time" : "depth");
-      for (let i = 0; i < option.series.length; i++) {
-        const series = option.series[i];
-        if (series.name === "helper" || series.name === "log-grid") continue;
-        if (series.type !== "line") continue;
-        const data = series.data || [];
+        if (!clickData || clickData.length < 2) continue;
+        let yTol = Infinity;
+        try {
+          const offset = chart.convertFromPixel({ seriesIndex: i }, [px, py + threshold]);
+          if (offset && offset.length >= 2) {
+            const span = Math.abs(offset[1] - clickData[1]);
+            if (Number.isFinite(span) && span > 0) yTol = span * 1.25;
+          }
+        } catch (err) {
+          yTol = Infinity;
+        }
+        const data = series2.data || [];
         for (let j = 0; j < data.length; j++) {
-          const item = data[j];
-          if (!item) continue;
-          let pointValue;
-          pointValue = Array.isArray(item) ? item : item.value || [];
-          if (!pointValue || !Array.isArray(pointValue) || pointValue.length < 2)
-            continue;
-          const point = chart.convertToPixel({ seriesIndex: i }, pointValue);
+          const item2 = data[j];
+          if (!item2) continue;
+          const pointValue2 = Array.isArray(item2) ? item2 : item2.value || [];
+          if (!pointValue2 || pointValue2.length < 2) continue;
+          if (Number.isFinite(yTol) && Math.abs(pointValue2[1] - clickData[1]) > yTol) continue;
+          const point = chart.convertToPixel({ seriesIndex: i }, pointValue2);
           if (!point) continue;
-          const distance = Math.sqrt(
-            Math.pow(point[0] - pointInPixel[0], 2) + Math.pow(point[1] - pointInPixel[1], 2)
-          );
+          const distance = Math.hypot(point[0] - px, point[1] - py);
           if (distance < closestDistance) {
             closestDistance = distance;
-            const axisValue = pointValue[1];
-            const originalData = this.realTimeData.find(
-              (d) => d[axisKey] == axisValue
-            );
-            const paramId = item.paramId || series.paramId;
-            const lane = (this.currentTemplate && this.currentTemplate.lanes || []).find(
-              (l) => l.laneId === laneId
-            );
-            const originalX = (item.rowData && item.rowData[paramId]) ?? (originalData && originalData[paramId]);
-            option.xAxis && option.xAxis[series.xAxisIndex ?? 0] || {};
-            const useOriginal = originalX != null && Number(originalX) > 0;
-            const drawX = isLaneLogScale(lane) ? toLaneDrawX(
-              useOriginal ? originalX : pointValue[0],
-              lane
-            ) : pointValue[0];
-            closestPoint = {
-              ...item,
-              value: [drawX, pointValue[1], pointValue[2]],
-              seriesIndex: i,
-              dataIndex: j,
-              paramId,
-              lineId: item.lineId || series.lineId,
-              color: series.color,
-              laneId,
-              depth: (originalData == null ? void 0 : originalData.depth) || null,
-              timestamp: ((_c = originalData == null ? void 0 : originalData.timestamp) == null ? void 0 : _c.toString()) || null
-            };
+            closest = { item: item2, series: series2, seriesIndex: i, dataIndex: j, pointValue: pointValue2, distance };
           }
         }
       }
-      if (closestPoint && closestDistance < 10) {
-        clickedPoint = closestPoint;
+      if (!closest) return null;
+      const axisKey = this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType] || (this.formCache.axisType === "time" ? "time" : "depth");
+      const { item, series, seriesIndex, dataIndex, pointValue } = closest;
+      const originalData = item && item.rowData || (this.realTimeData || []).find((d) => d[axisKey] == pointValue[1]);
+      const paramId = item && item.paramId || series.paramId;
+      const lane = (this.currentTemplate && this.currentTemplate.lanes || []).find(
+        (l) => l.laneId === laneId
+      );
+      const originalX = (item.rowData && item.rowData[paramId]) ?? (originalData && originalData[paramId]);
+      option.xAxis && option.xAxis[series.xAxisIndex ?? 0] || {};
+      const useOriginal = originalX != null && Number(originalX) > 0;
+      const drawX = isLaneLogScale(lane) ? toLaneDrawX(
+        useOriginal ? originalX : pointValue[0],
+        lane
+      ) : pointValue[0];
+      return {
+        ...item,
+        value: [drawX, pointValue[1], pointValue[2]],
+        seriesIndex,
+        dataIndex,
+        paramId,
+        lineId: item && item.lineId || series.lineId,
+        color: series.color,
+        laneId,
+        depth: (originalData == null ? void 0 : originalData.depth) || null,
+        timestamp: ((_a = originalData == null ? void 0 : originalData.timestamp) == null ? void 0 : _a.toString()) || null
+      };
+    },
+    _clearGeoClickTimer() {
+      if (this._geoClickTimer) {
+        clearTimeout(this._geoClickTimer);
+        this._geoClickTimer = 0;
+      }
+    },
+    // 地应力：双击已选中泳道，只取消这一道，其它选中保留。8.25
+    handleChartDblClick(e, laneId) {
+      if (this._isUnmounted || !this.isGeomechanical) return;
+      this._clearGeoClickTimer();
+      if (!this.isLaneSelected(laneId)) return;
+      if (this._geoSelectClickAt && this._geoSelectLaneId === laneId && Date.now() - this._geoSelectClickAt < 500) {
+        return;
+      }
+      this.deselectGeoLane(laneId);
+    },
+    async deselectGeoLane(laneId) {
+      const id = laneId != null ? laneId : this.activeLaneId;
+      this._lastBlankClickTime = null;
+      this._lastBlankClickLaneId = null;
+      if (!id || !this.isLaneSelected(id)) return;
+      if (this.selectedPoints.length > 0 && this.selectedLaneId === id) {
+        if (this.laneSelectedPointPairs[this.selectedLaneId]) {
+          this.laneSelectedPointPairs[this.selectedLaneId].pop();
+        }
+        this.selectedPoints = [];
+        this.selectedLaneId = null;
+        this.selectedParamId = null;
+      }
+      this.removeLaneSelection(id);
+      await this.updateLanesChartOption();
+      if (this._isUnmounted) return;
+      this.showSelectedPointScatter(id);
+    },
+    async handleChartClick(e, laneId) {
+      var _a, _b, _c, _d;
+      if (this._isUnmounted) return;
+      const clickAt = Date.now();
+      const chartRef = this.getChartRefByLaneId(laneId);
+      if (!chartRef || !chartRef.chart) return;
+      const wasActiveLane = this.isLaneSelected(laneId);
+      const trendConsumed = this.trendLineManager && this.trendLineManager.handleClick(e, laneId);
+      if (!this.isGeomechanical) return;
+      if (!wasActiveLane) {
+        this._geoSelectClickAt = clickAt;
+        this._geoSelectLaneId = laneId;
+        this.addLaneSelection(laneId);
+        await this.updateLanesChartOption();
+        if (this._isUnmounted) return;
+        this.showSelectedPointScatter(laneId);
+      }
+      if (trendConsumed) return;
+      if (wasActiveLane) {
+        this._clearGeoClickTimer();
+        const offsetX = e.offsetX || ((_a = e.event) == null ? void 0 : _a.offsetX);
+        const offsetY = e.offsetY || ((_b = e.event) == null ? void 0 : _b.offsetY);
+        this._geoClickTimer = setTimeout(() => {
+          this._geoClickTimer = 0;
+          if (this._isUnmounted) return;
+          this.processGeoPointOrBlank(laneId, offsetX, offsetY, clickAt, true);
+        }, 280);
+        return;
       }
+      const pointInPixel = [
+        e.offsetX || ((_c = e.event) == null ? void 0 : _c.offsetX),
+        e.offsetY || ((_d = e.event) == null ? void 0 : _d.offsetY)
+      ];
+      await this.processGeoPointOrBlank(
+        laneId,
+        pointInPixel[0],
+        pointInPixel[1],
+        clickAt,
+        false
+      );
+    },
+    async processGeoPointOrBlank(laneId, offsetX, offsetY, clickAt, wasActiveLane) {
+      if (this._isUnmounted) return;
+      const chartRef = this.getChartRefByLaneId(laneId);
+      if (!chartRef || !chartRef.chart) return;
+      const chart = chartRef.chart;
+      const option = this.readChartOptionRefs(chart);
+      const closestPoint = this.findClosestGeoLineHit(
+        chart,
+        option,
+        [offsetX, offsetY],
+        10,
+        laneId
+      );
+      const clickedPoint = closestPoint || null;
       if (clickedPoint) {
         this._lastBlankClickTime = null;
         this._lastBlankClickLaneId = null;
@@ -12550,18 +13647,19 @@ const _sfc_main$2 = {
           this.showSelectedPointScatter(laneId);
         }
         if (wasActiveLane) {
-          const now = Date.now();
+          const now = clickAt;
           if (this._lastBlankClickLaneId === laneId && this._lastBlankClickTime && now - this._lastBlankClickTime < 500) {
             this._lastBlankClickTime = null;
             this._lastBlankClickLaneId = null;
-            if (this.selectedPoints.length > 0 && this.selectedLaneId) {
+            if (this.selectedPoints.length > 0 && this.selectedLaneId === laneId) {
               this.laneSelectedPointPairs[this.selectedLaneId].pop();
               this.selectedPoints = [];
               this.selectedLaneId = null;
               this.selectedParamId = null;
             }
-            this.activeLaneId = null;
+            this.removeLaneSelection(laneId);
             await this.updateLanesChartOption();
+            if (this._isUnmounted) return;
           } else {
             this._lastBlankClickTime = now;
             this._lastBlankClickLaneId = laneId;
@@ -12572,12 +13670,13 @@ const _sfc_main$2 = {
         }
       }
       await this.$nextTick();
+      if (this._isUnmounted) return;
       this.showSelectedPointScatter(laneId);
     },
     // 收集某泳道所有需要展示 scatter 的点：已完成区块的两个点 + 进行中的第一个点
-    // 仅在地应力模式下的当前激活泳道才收集并显示
+    // 地应力已选中的泳道都收集并显示。8.25
     collectScatterPointsForLane(laneId) {
-      if (!this.isGeomechanical || laneId !== this.activeLaneId) return [];
+      if (!this.isGeomechanical || !this.isLaneSelected(laneId)) return [];
       const points = [];
       const pairs = this.laneSelectedPointPairs[laneId] || [];
       pairs.forEach((pair) => {
@@ -12603,10 +13702,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 +13723,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"
       );
@@ -12706,22 +13805,16 @@ const _sfc_main$2 = {
         return;
       }
       if (!this.isGeomechanical) return;
-      if (this.activeLaneId !== laneId) {
-        const prevActiveLaneId = this.activeLaneId;
-        this.activeLaneId = laneId;
+      if (!this.isLaneSelected(laneId)) {
+        this.addLaneSelection(laneId);
         this.updateLanesChartOption();
-        if (prevActiveLaneId) {
-          this.$nextTick(() => {
-            this.showSelectedPointScatter(prevActiveLaneId);
-          });
-        }
       }
       const chart = chartRef.chart;
       const pointInPixel = [
         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 +13962,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];
@@ -13330,7 +14422,7 @@ const _sfc_main$2 = {
       for (let i = 0; i < currentMarkAreaData.length; i++) {
         const areaItem = currentMarkAreaData[i];
         if (!areaItem.data || areaItem.data.length < 2) continue;
-        if (lineInfo.laneId !== this.activeLaneId && areaItem.type === "markArea")
+        if (!this.isLaneSelected(lineInfo.laneId) && areaItem.type === "markArea")
           continue;
         const hasTimestamp = areaItem.data[0].timestamp;
         const sortedData = hasTimestamp ? [...areaItem.data].sort(
@@ -13589,7 +14681,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 +14718,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 +14734,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);
@@ -13759,7 +14876,7 @@ const _sfc_main$2 = {
                     }
                   }
                   seriesIndex++;
-                  if (lineInfo.isUsed === "1" && this.isGeomechanical && lane.laneId === this.activeLaneId) {
+                  if (lineInfo.isUsed === "1" && this.isGeomechanical && this.isLaneSelected(lane.laneId)) {
                     const boundaryPoints = this.findMissingDataBoundaryPoints(
                       this.plotSeries(seriesData, isLogScale)
                     );
@@ -13842,10 +14959,6 @@ const _sfc_main$2 = {
       } finally {
         this.isUpdatingChart = false;
         this.scheduleConnectAllCharts();
-        if (this.trendLineManager) {
-          this.trendLineManager.scheduleZoomRender();
-          this.$nextTick(() => this.trendLineManager.scheduleZoomRender());
-        }
       }
     },
     // 清空所有图表实例
@@ -13871,6 +14984,7 @@ const _sfc_main$2 = {
         this.markAreaLineData = [];
         this.laneSelectedPointPairs = {};
         this.activeLaneId = null;
+        this.activeLaneIds = [];
         this.lineRange = {};
         this.pendingRequestData = null;
         this.initialRealTimeData = {};
@@ -13901,7 +15015,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;
@@ -14361,7 +15475,8 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
         visibleData: $data.visibleData,
         headerData: $data.headerData,
         lineRange: $data.lineRange,
-        activeLaneId: $data.activeLaneId
+        activeLaneId: $data.activeLaneId,
+        activeLaneIds: $data.activeLaneIds
       }), createSlots({ _: 2 }, [
         renderList($props.headerSlotName, (lane) => {
           return {
@@ -14461,7 +15576,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           };
         })
-      ]), 1040, ["onTemplateChange", "onLineChange", "onLaneWidthChange", "onParamsChange", "visibleData", "headerData", "lineRange", "activeLaneId"])
+      ]), 1040, ["onTemplateChange", "onLineChange", "onLaneWidthChange", "onParamsChange", "visibleData", "headerData", "lineRange", "activeLaneId", "activeLaneIds"])
     ], 512),
     withDirectives(createElementVNode("div", _hoisted_2$2, null, 512), [
       [vShow, $data.crosshairVisible]
@@ -14504,7 +15619,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
             ], 40, _hoisted_3$1)) : (openBlock(), createElementBlock("div", {
               key: 1,
               class: "context-menu-item",
-              onClick: ($event) => $options.handleContextMenuItemClick(item)
+              onClick: withModifiers(($event) => $options.handleContextMenuItemClick(item), ["stop"])
             }, [
               createElementVNode("span", null, toDisplayString(item.label), 1)
             ], 8, _hoisted_5))
@@ -14516,7 +15631,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-9a816c60"]]);
 const _sfc_main$1 = {
   name: "ParameterPanel",
   props: {
@@ -15662,6 +16777,12 @@ const _sfc_main = {
         this.$refs.chartContainer.resetAllTrendLines();
       }
     },
+    // 退出编辑时清掉泳道选中。8.25
+    clearActiveLane() {
+      if (this.$refs.chartContainer && this.$refs.chartContainer.clearActiveLane) {
+        this.$refs.chartContainer.clearActiveLane();
+      }
+    },
     // 新增：更新form数据缓存
     updateForm(content) {
       let key = cloneDeep(content.key);
@@ -16031,7 +17152,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])])) : createCommentVNode("", true)
   ]);
 }
-const FrameLayoutComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-76b2334b"]]);
+const FrameLayoutComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-51f78d28"]]);
 KdLaneContainerComponent.install = function(app) {
   app.component(KdLaneContainerComponent.name, KdLaneContainerComponent);
 };