kd-lane-chart-v3 0.1.5 → 0.1.7

package/dist/esm/index.js

@@ -342,7 +342,7 @@ const _sfc_main$e = {
     document.body.addEventListener("keyup", this.onEscKeyRelease);
   },
   beforeUnmount() {
-    document.removeEventListener("keyup", this.onEscKeyRelease);
+    document.body.removeEventListener("keyup", this.onEscKeyRelease);
   }
 };
 const _hoisted_1$d = {
@@ -371,7 +371,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const VueSimpleContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__scopeId", "data-v-5e769d89"]]);
+const VueSimpleContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__scopeId", "data-v-25d746bb"]]);
 class CustomStrategy {
   constructor(strategy) {
     this.strategy = strategy;
@@ -2607,7 +2607,312 @@ const ACTION_TYPE = {
   UPSERT_LINE: "upsertLine",
   DELETE_LINE: "delLine"
 };
+const LOG_AXIS_MIN_POSITIVE = 0.1;
+const LOG_AXIS_BASE = 10;
+function isLogScaleFlag(val) {
+  return val === true || val === "true" || val === 1 || val === "1";
+}
+function isLaneLogScale(lane) {
+  return !!(lane && isLogScaleFlag(lane.isLogScale));
+}
+function isLogAxisLabelVisible(formCache) {
+  if (!formCache) return true;
+  return formCache.showLogAxis !== false && formCache.showLogAxis !== "false" && formCache.showLogAxis !== 0 && formCache.showLogAxis !== "0";
+}
+function normalizeLogRange(min, max) {
+  let lo = Number(min);
+  let hi = Number(max);
+  if (!Number.isFinite(lo) || lo <= 0) lo = LOG_AXIS_MIN_POSITIVE;
+  if (!Number.isFinite(hi) || hi <= 0) hi = lo * LOG_AXIS_BASE;
+  if (hi <= lo) hi = lo * LOG_AXIS_BASE;
+  return { min: lo, max: hi };
+}
+function toLogDisplayValue(raw, digits = 3) {
+  const n = Number(raw);
+  if (!Number.isFinite(n) || n <= 0) return null;
+  const logv = Math.log10(n);
+  if (!Number.isFinite(logv)) return null;
+  return Number(logv.toFixed(digits));
+}
+function toLogPlotX(raw) {
+  const n = Number(raw);
+  if (!Number.isFinite(n) || n <= 0) return null;
+  const logv = Math.log10(n);
+  return Number.isFinite(logv) ? logv : null;
+}
+function toLaneDrawX(plotX, lane, xAx, digits = 3) {
+  if (!isLaneLogScale(lane)) return plotX;
+  const n = Number(plotX);
+  if (!Number.isFinite(n)) return plotX;
+  return Number(n.toFixed(digits));
+}
+function axisIndexOf$1(val) {
+  const n = Array.isArray(val) ? val[0] : val;
+  return Number(n ?? 0);
+}
+function findLogTrendSeries(chart, paramId) {
+  try {
+    const list = chart.getModel().getSeries() || [];
+    for (let i = 0; i < list.length; i++) {
+      const sm = list[i];
+      const opt = sm && sm.option || {};
+      const type = sm && sm.subType || (Array.isArray(opt.type) ? opt.type[0] : opt.type);
+      if (type !== "line") continue;
+      const name = Array.isArray(sm.name) ? sm.name[0] : sm.name;
+      if (name === "helper" || name === "log-grid") continue;
+      const pid = Array.isArray(opt.paramId) ? opt.paramId[0] : opt.paramId;
+      if (String(pid) === String(paramId)) return opt;
+    }
+  } catch (e) {
+  }
+  return null;
+}
+function pixelToLogTrendData(chart, paramId, offsetX, offsetY, lane, lineRange, digits = 3) {
+  if (!chart || !isLaneLogScale(lane)) return null;
+  const series = findLogTrendSeries(chart, paramId);
+  const xAxisIndex = series ? axisIndexOf$1(series.xAxisIndex) : 0;
+  const yAxisIndex = series ? axisIndexOf$1(series.yAxisIndex) : 0;
+  const plot = resolveLaneLogPlotRange(lane, lineRange);
+  const extent = toLogAxisExtent(plot.min, plot.max);
+  let x0;
+  let x1;
+  let depth;
+  try {
+    x0 = chart.convertToPixel({ xAxisIndex }, extent.min);
+    x1 = chart.convertToPixel({ xAxisIndex }, extent.max);
+  } catch (e) {
+    return null;
+  }
+  try {
+    depth = chart.convertFromPixel({ yAxisIndex }, offsetY);
+  } catch (e) {
+    depth = null;
+  }
+  if (!Number.isFinite(x0) || !Number.isFinite(x1) || x1 === x0) return null;
+  if (!Number.isFinite(depth)) return null;
+  const lg = extent.min + (offsetX - x0) / (x1 - x0) * (extent.max - extent.min);
+  if (!Number.isFinite(lg)) return null;
+  return {
+    value: Number(lg.toFixed(digits)),
+    depth,
+    xAxisIndex,
+    yAxisIndex
+  };
+}
+function seriesLogXAtDepth(chart, paramId, depth, digits = 3) {
+  const series = findLogTrendSeries(chart, paramId);
+  if (!series || !series.data || !Number.isFinite(Number(depth))) return null;
+  let best = null;
+  series.data.forEach((pt) => {
+    const x = Array.isArray(pt) ? Number(pt[0]) : Number(pt && pt.value && pt.value[0]);
+    const y = Array.isArray(pt) ? Number(pt[1]) : Number(pt && pt.value && pt.value[1]);
+    if (!Number.isFinite(x) || !Number.isFinite(y)) return;
+    const dist = Math.abs(y - Number(depth));
+    if (!best || dist < best.dist) best = { x, dist };
+  });
+  if (!best) return null;
+  return Number(best.x.toFixed(digits));
+}
+function logTrendDataToPixel(chart, paramId, lg, depth) {
+  if (!chart) return null;
+  const series = findLogTrendSeries(chart, paramId);
+  const xAxisIndex = series ? axisIndexOf$1(series.xAxisIndex) : 0;
+  const yAxisIndex = series ? axisIndexOf$1(series.yAxisIndex) : 0;
+  try {
+    const px = chart.convertToPixel({ xAxisIndex, yAxisIndex }, [lg, depth]);
+    if (px && Number.isFinite(px[0]) && Number.isFinite(px[1])) return px;
+  } catch (e) {
+  }
+  try {
+    const x = chart.convertToPixel({ xAxisIndex }, lg);
+    const y = chart.convertToPixel({ yAxisIndex }, depth);
+    if (Number.isFinite(x) && Number.isFinite(y)) return [x, y];
+  } catch (e) {
+    return null;
+  }
+  return null;
+}
+function toLogAxisExtent(min, max) {
+  const range = normalizeLogRange(min, max);
+  return {
+    min: Math.log10(range.min),
+    max: Math.log10(range.max)
+  };
+}
+function mapSeriesDataXToLog(data) {
+  return (data || []).map((item) => {
+    if (Array.isArray(item)) {
+      return [toLogPlotX(item[0]), item[1], item[2]];
+    }
+    if (item && Array.isArray(item.value)) {
+      return {
+        ...item,
+        value: [toLogPlotX(item.value[0]), item.value[1]]
+      };
+    }
+    return item;
+  });
+}
+function formatLanePointValue(raw, isLog, digits = 3) {
+  if (raw === null || raw === void 0 || raw === "") return null;
+  return toLogDisplayValue(raw, digits);
+}
+function niceLogDecadeRange(min, max) {
+  const range = normalizeLogRange(min, max);
+  let niceMin = 10 ** Math.floor(Math.log10(range.min) + 1e-9);
+  let niceMax = 10 ** Math.ceil(Math.log10(range.max) - 1e-9);
+  if (!Number.isFinite(niceMin) || niceMin <= 0) niceMin = LOG_AXIS_MIN_POSITIVE;
+  if (!Number.isFinite(niceMax) || niceMax <= niceMin) {
+    niceMax = niceMin * LOG_AXIS_BASE;
+  }
+  return { min: niceMin, max: niceMax };
+}
+function resolveLaneLogPlotRange(lane, lineRange = {}) {
+  let lo = Infinity;
+  let hi = -Infinity;
+  (lane && lane.lines || []).forEach((line) => {
+    if (!line) return;
+    const r = lineRange[line.lineId] || {};
+    const cfgMin = Number(line.min);
+    const cfgMax = Number(line.max);
+    const useMin = Number.isFinite(cfgMin) && cfgMin > 0 ? cfgMin : Number(r.min);
+    const useMax = Number.isFinite(cfgMax) && cfgMax > 0 ? cfgMax : Number(r.max);
+    if (Number.isFinite(useMin) && useMin > 0) lo = Math.min(lo, useMin);
+    if (Number.isFinite(useMax) && useMax > 0) hi = Math.max(hi, useMax);
+  });
+  return niceLogDecadeRange(
+    Number.isFinite(lo) ? lo : LOG_AXIS_MIN_POSITIVE,
+    Number.isFinite(hi) ? hi : LOG_AXIS_MIN_POSITIVE * LOG_AXIS_BASE
+  );
+}
+function buildLogLaneTenLineValues(min, max) {
+  const range = niceLogDecadeRange(min, max);
+  const ratio = range.max / range.min;
+  const values = [];
+  for (let m = 1; m <= 10; m++) {
+    values.push(range.min * ratio ** Math.log10(m));
+  }
+  return values;
+}
+function buildLogLaneTenLineLgValues(min, max) {
+  return buildLogLaneTenLineValues(min, max).map((v) => Math.log10(v)).filter((v) => Number.isFinite(v));
+}
+function buildLogDecadeTickMarks(min, max) {
+  const range = niceLogDecadeRange(min, max);
+  const loExp = Math.round(Math.log10(range.min));
+  const hiExp = Math.round(Math.log10(range.max));
+  const marks = [];
+  for (let e = loExp; e <= hiExp; e++) {
+    const value = 10 ** e;
+    marks.push({
+      value,
+      label: String(e),
+      percent: logValueToPercent(value, range.min, range.max)
+    });
+  }
+  return marks;
+}
+function logValueToPercent(value, min, max) {
+  const range = normalizeLogRange(min, max);
+  const v = Number(value);
+  if (!Number.isFinite(v) || v <= 0) return 0;
+  const clamped = Math.max(range.min, Math.min(range.max, v));
+  const span = Math.log(range.max) - Math.log(range.min);
+  if (span <= 0) return 0;
+  return (Math.log(clamped) - Math.log(range.min)) / span * 100;
+}
+function buildLogXAxisOption({
+  gridIndex = 0,
+  min,
+  max,
+  showSplitLine = true,
+  splitLineColor
+} = {}) {
+  const range = niceLogDecadeRange(min, max);
+  const extent = toLogAxisExtent(range.min, range.max);
+  const lineStyle = {
+    color: splitLineColor,
+    type: "dashed",
+    width: 1
+  };
+  return {
+    gridIndex,
+    show: true,
+    type: "value",
+    min: extent.min,
+    max: extent.max,
+    minorTick: { show: false },
+    minorSplitLine: {
+      show: false,
+      lineStyle
+    },
+    splitLine: {
+      show: showSplitLine,
+      showMaxLine: false,
+      showMinLine: false,
+      lineStyle
+    },
+    axisLabel: { show: false },
+    axisLine: { show: false },
+    axisTick: { show: false }
+  };
+}
 const _sfc_main$9 = {
+  name: "LogAxisRuler",
+  props: {
+    min: {
+      type: [Number, String],
+      default: 0.1
+    },
+    max: {
+      type: [Number, String],
+      default: 100
+    },
+    visible: {
+      type: Boolean,
+      default: true
+    },
+    // top：曲线上方；bottom：表头底沿。8.22对数轴
+    placement: {
+      type: String,
+      default: "top"
+    }
+  },
+  computed: {
+    // 刻度随量程重算，标 lg；边控关显示时整尺隐藏。8.24
+    marks() {
+      return buildLogDecadeTickMarks(this.min, this.max);
+    }
+  },
+  methods: {
+    // 两端刻度贴边，避免 translateX(-50%) 被裁掉。8.22对数轴
+    tickStyle(mark) {
+      if (mark.percent <= 2) {
+        return { left: "2px", transform: "none" };
+      }
+      if (mark.percent >= 98) {
+        return { left: "auto", right: "2px", transform: "none" };
+      }
+      return { left: mark.percent + "%" };
+    }
+  }
+};
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  return $props.visible && $options.marks.length ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: normalizeClass(["kd-log-axis-ruler", { "kd-log-axis-ruler--top": $props.placement === "top" }])
+  }, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList($options.marks, (mark) => {
+      return openBlock(), createElementBlock("span", {
+        key: String(mark.value),
+        class: "kd-log-axis-ruler__tick",
+        style: normalizeStyle($options.tickStyle(mark))
+      }, toDisplayString(mark.label), 5);
+    }), 128))
+  ], 2)) : createCommentVNode("", true);
+}
+const LogAxisRuler = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-17ebb571"]]);
+const _sfc_main$8 = {
   name: "HeaderItem",
   props: {
     lineRange: {
@@ -2654,6 +2959,11 @@ const _sfc_main$9 = {
     headerData: {
       type: Object,
       default: () => ({})
+    },
+    // 泳道开了对数轴时，表头当前值出 lg。8.24
+    isLogScale: {
+      type: [Boolean, String, Number],
+      default: false
     }
   },
   methods: {
@@ -2684,7 +2994,11 @@ const _sfc_main$9 = {
       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;
@@ -2692,7 +3006,7 @@ const _sfc_main$9 = {
       if (!Number.isFinite(max)) return false;
       return max > this.line.max || min < this.line.min;
     },
-    // 显示当前数据最新值
+    // 显示当前数据最新值；对数道出 lg(x)。8.24
     getCurrentData() {
       if (this.formCache.displayType == "float") {
         return "";
@@ -2703,7 +3017,15 @@ const _sfc_main$9 = {
       )) {
         return "--";
       }
-      return this.headerData[this.line.paramId] !== null && this.headerData[this.line.paramId] !== void 0 && this.headerData[this.line.paramId] !== "" ? typeof +this.headerData[this.line.paramId] === "number" ? Number(Number(this.headerData[this.line.paramId]).toFixed(3)) : this.headerData[this.line.paramId] : "--";
+      const raw = this.headerData[this.line.paramId];
+      if (raw === null || raw === void 0 || raw === "" || raw === "null") {
+        return "--";
+      }
+      if (isLogScaleFlag(this.isLogScale)) {
+        const lg = formatLanePointValue(raw);
+        return lg == null ? "--" : lg;
+      }
+      return typeof +raw === "number" ? Number(Number(raw).toFixed(3)) : raw;
     },
     getParamName(line) {
       const nameConfig = this.paramsNameMap[line.paramId];
@@ -2792,7 +3114,7 @@ const _hoisted_1$8 = { class: "kd-lane-chart-container-text-container" };
 const _hoisted_2$7 = { class: "left" };
 const _hoisted_3$6 = { class: "center" };
 const _hoisted_4$6 = { class: "right" };
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["kd-lane-chart-container-header-item", { "kd-lane-chart-container-header-item_warning": $options.isShowWarning() }]),
     style: normalizeStyle($options.headerItemStyle),
@@ -2819,8 +3141,8 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-const HeaderItem = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-3a2fbd9e"]]);
-const _sfc_main$8 = {
+const HeaderItem = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-c4185947"]]);
+const _sfc_main$7 = {
   name: "LegendItem",
   props: {
     lineRange: {
@@ -2867,6 +3189,11 @@ const _sfc_main$8 = {
     headerData: {
       type: Object,
       default: () => ({})
+    },
+    // 泳道开了对数轴时，表头当前值出 lg。8.24
+    isLogScale: {
+      type: [Boolean, String, Number],
+      default: false
     }
   },
   methods: {
@@ -2884,7 +3211,13 @@ const _sfc_main$8 = {
       if (!Object.prototype.hasOwnProperty.call(this.headerData, paramId)) {
         return "--";
       }
-      return this.headerData[paramId] !== null && this.headerData[paramId] !== void 0 && this.headerData[paramId] !== "" ? typeof +this.headerData[paramId] === "number" ? Number(Number(this.headerData[paramId]).toFixed(3)) : this.headerData[paramId] : "--";
+      const raw = this.headerData[paramId];
+      if (raw === null || raw === void 0 || raw === "" || raw === "null") return "--";
+      if (isLogScaleFlag(this.isLogScale)) {
+        const lg = formatLanePointValue(raw);
+        return lg == null ? "--" : lg;
+      }
+      return typeof +raw === "number" ? Number(Number(raw).toFixed(3)) : raw;
     },
     toggleLegend(label) {
       const temp = { ...this.line };
@@ -2945,7 +3278,7 @@ const _hoisted_7$3 = {
   class: "legend-data"
 };
 const _hoisted_8$2 = { class: "scale-right" };
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "kd-lane-chart-container-legend-item",
     style: normalizeStyle($options.legendItemStyle)
@@ -2979,7 +3312,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 4);
 }
-const LegendItem = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-9206b887"]]);
+const LegendItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-9fa6fff3"]]);
 const TREND_LINE_STYLE = {
   stroke: "#FF9800",
   lineWidth: 2,
@@ -3302,481 +3635,232 @@ function applyEchoMirrorMeta(seg, first, knots) {
       seg.lithType = "mudstone";
       seg.mirrorLithType = "sandstone";
     }
-  }
-}
-function mergeMainMirrorKnots(mainLines, mirrorLines) {
-  const mainKnots = linesToKnots(mainLines);
-  if (!mirrorLines || !mirrorLines.length) return mainKnots;
-  const mirrorKnots = linesToKnots(mirrorLines);
-  return mainKnots.map((k, idx) => {
-    const hit = mirrorKnots.find((m) => Math.abs(Number(m.depth) - Number(k.depth)) < 0.05) || mirrorKnots[idx];
-    if (!hit || !Number.isFinite(Number(hit.value))) return k;
-    const next = { ...k, mirrorValue: Number(hit.value) };
-    if (hit.plotValue != null && Number.isFinite(Number(hit.plotValue))) {
-      next.plotMirrorValue = Number(hit.plotValue);
-    }
-    return next;
-  });
-}
-function optionScalar(val) {
-  return Array.isArray(val) ? val[0] : val;
-}
-function seriesTypeName(series) {
-  return optionScalar(series && series.type);
-}
-function seriesParamId(series) {
-  return optionScalar(series && series.paramId);
-}
-function seriesDisplayName(series) {
-  return optionScalar(series && series.name);
-}
-function findSeriesForDepth(chart, paramId, depth) {
-  const option = chart.getOption() || {};
-  const series = option.series || [];
-  const yAxes = option.yAxis || [];
-  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;
-    const info = {
-      seriesIndex: i,
-      xAxisIndex: axisIndexOf$1(s.xAxisIndex),
-      yAxisIndex: axisIndexOf$1(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));
-    if (Number.isFinite(depth) && depth >= min && depth <= max) return info;
-  }
-  return fallback || { seriesIndex: 0, xAxisIndex: 0, yAxisIndex: 0 };
-}
-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 native = (evt == null ? void 0 : evt.event) || evt;
-  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 };
-}
-function isPointerInAnyGrid(chart, offsetX, offsetY) {
-  const option = chart.getOption() || {};
-  const gridCount = option.grid && option.grid.length || 1;
-  for (let i = 0; i < gridCount; i++) {
-    try {
-      if (chart.containPixel({ gridIndex: i }, [offsetX, offsetY])) return true;
-    } catch (e) {
-    }
-  }
-  return false;
-}
-function axisIndexOf$1(val) {
-  const n = Array.isArray(val) ? val[0] : 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);
-  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$1(s.yAxisIndex) === g) || seriesList[0];
-      const finders = [];
-      if (series) {
-        finders.push({
-          xAxisIndex: axisIndexOf$1(series.xAxisIndex),
-          yAxisIndex: axisIndexOf$1(series.yAxisIndex)
-        });
-        const seriesIndex = (option.series || []).indexOf(series);
-        if (seriesIndex >= 0) finders.push({ seriesIndex });
-      }
-      finders.push({ gridIndex: g });
-      for (const finder of finders) {
-        try {
-          const val = chart.convertFromPixel(finder, [offsetX, offsetY]);
-          if (val && Number.isFinite(val[0]) && Number.isFinite(val[1])) {
-            return {
-              value: val[0],
-              depth: val[1],
-              xAxisIndex: finder.xAxisIndex ?? 0,
-              yAxisIndex: finder.yAxisIndex ?? g
-            };
-          }
-        } catch (e) {
-        }
-        if (finder.xAxisIndex == null && finder.yAxisIndex == null) continue;
-        try {
-          const x = chart.convertFromPixel({ xAxisIndex: finder.xAxisIndex ?? 0 }, offsetX);
-          const y = chart.convertFromPixel({ yAxisIndex: finder.yAxisIndex ?? g }, offsetY);
-          if (Number.isFinite(x) && Number.isFinite(y)) {
-            return {
-              value: x,
-              depth: y,
-              xAxisIndex: finder.xAxisIndex ?? 0,
-              yAxisIndex: finder.yAxisIndex ?? g
-            };
-          }
-        } catch (e) {
-        }
-      }
-    } catch (e) {
-    }
-  }
-  return null;
-}
-function dataToPixel(chart, paramId, value, depth) {
-  const finder = findSeriesForDepth(chart, paramId, depth);
-  const finders = [
-    { xAxisIndex: finder.xAxisIndex, yAxisIndex: finder.yAxisIndex },
-    { seriesIndex: finder.seriesIndex },
-    { gridIndex: finder.yAxisIndex ?? 0 }
-  ];
-  for (const f of finders) {
-    try {
-      const px = chart.convertToPixel(f, [value, depth]);
-      if (px && Number.isFinite(px[0]) && Number.isFinite(px[1])) return px;
-    } catch (e) {
-    }
-  }
-  return null;
-}
-function snapDepthToEdge(depth, depthMin, depthMax, tol) {
-  if (!Number.isFinite(depth)) return depth;
-  const lo = Number.isFinite(depthMin) && Number.isFinite(depthMax) ? Math.min(depthMin, depthMax) : depthMin;
-  const hi = Number.isFinite(depthMin) && Number.isFinite(depthMax) ? Math.max(depthMin, depthMax) : depthMax;
-  if (!Number.isFinite(lo) || !Number.isFinite(hi)) return depth;
-  let d = depth;
-  if (Math.abs(d - lo) <= tol) d = lo;
-  if (Math.abs(d - hi) <= tol) d = hi;
-  return Math.max(lo, Math.min(hi, d));
-}
-function getAxisRange(chart, paramId, depth) {
-  const option = chart.getOption() || {};
-  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);
-  return {
-    valueMin: Number.isFinite(xMin) ? xMin : 0,
-    valueMax: Number.isFinite(xMax) ? xMax : 100,
-    depthMin: Number.isFinite(yMin) ? Math.min(yMin, yMax) : 0,
-    depthMax: Number.isFinite(yMax) ? Math.max(yMin, yMax) : 100
-  };
-}
-const LOG_AXIS_MIN_POSITIVE = 0.1;
-const LOG_AXIS_BASE = 10;
-function isLogScaleFlag(val) {
-  return val === true || val === "true" || val === 1 || val === "1";
-}
-function isLaneLogScale(lane) {
-  return !!(lane && isLogScaleFlag(lane.isLogScale));
-}
-function isLogAxisLabelVisible(formCache) {
-  if (!formCache) return true;
-  return formCache.showLogAxis !== false && formCache.showLogAxis !== "false" && formCache.showLogAxis !== 0 && formCache.showLogAxis !== "0";
-}
-function normalizeLogRange(min, max) {
-  let lo = Number(min);
-  let hi = Number(max);
-  if (!Number.isFinite(lo) || lo <= 0) lo = LOG_AXIS_MIN_POSITIVE;
-  if (!Number.isFinite(hi) || hi <= 0) hi = lo * LOG_AXIS_BASE;
-  if (hi <= lo) hi = lo * LOG_AXIS_BASE;
-  return { min: lo, max: hi };
+  }
 }
-function toLogPlotX(raw) {
-  const n = Number(raw);
-  if (!Number.isFinite(n) || n <= 0) return null;
-  const logv = Math.log10(n);
-  return Number.isFinite(logv) ? logv : null;
+function mergeMainMirrorKnots(mainLines, mirrorLines) {
+  const mainKnots = linesToKnots(mainLines);
+  if (!mirrorLines || !mirrorLines.length) return mainKnots;
+  const mirrorKnots = linesToKnots(mirrorLines);
+  return mainKnots.map((k, idx) => {
+    const hit = mirrorKnots.find((m) => Math.abs(Number(m.depth) - Number(k.depth)) < 0.05) || mirrorKnots[idx];
+    if (!hit || !Number.isFinite(Number(hit.value))) return k;
+    const next = { ...k, mirrorValue: Number(hit.value) };
+    if (hit.plotValue != null && Number.isFinite(Number(hit.plotValue))) {
+      next.plotMirrorValue = Number(hit.plotValue);
+    }
+    return next;
+  });
 }
-function toLaneDrawX(plotX, lane, xAx, digits = 3) {
-  if (!isLaneLogScale(lane)) return plotX;
-  const n = Number(plotX);
-  if (!Number.isFinite(n)) return plotX;
-  return Number(n.toFixed(digits));
+function optionScalar(val) {
+  return Array.isArray(val) ? val[0] : val;
 }
-function axisIndexOf(val) {
-  const n = Array.isArray(val) ? val[0] : val;
-  return Number(n ?? 0);
+function seriesTypeName(series) {
+  return optionScalar(series && series.type);
 }
-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;
+function seriesParamId(series) {
+  return optionScalar(series && series.paramId);
 }
-function pixelToLogTrendData(chart, paramId, offsetX, offsetY, lane, lineRange, digits = 3) {
-  if (!chart || !isLaneLogScale(lane)) return null;
-  const series = findLogTrendSeries(chart, paramId);
-  const xAxisIndex = series ? axisIndexOf(series.xAxisIndex) : 0;
-  const yAxisIndex = series ? axisIndexOf(series.yAxisIndex) : 0;
-  const plot = resolveLaneLogPlotRange(lane, lineRange);
-  const extent = toLogAxisExtent(plot.min, plot.max);
-  let x0;
-  let x1;
-  let depth;
+function seriesDisplayName(series) {
+  return optionScalar(series && series.name);
+}
+function chartModel(chart) {
   try {
-    x0 = chart.convertToPixel({ xAxisIndex }, extent.min);
-    x1 = chart.convertToPixel({ xAxisIndex }, extent.max);
+    return chart && !chart.isDisposed() ? chart.getModel() : null;
   } catch (e) {
     return null;
   }
-  try {
-    depth = chart.convertFromPixel({ yAxisIndex }, offsetY);
-  } catch (e) {
-    depth = null;
-  }
-  if (!Number.isFinite(x0) || !Number.isFinite(x1) || x1 === x0) return null;
-  if (!Number.isFinite(depth)) return null;
-  const lg = extent.min + (offsetX - x0) / (x1 - x0) * (extent.max - extent.min);
-  if (!Number.isFinite(lg)) return null;
-  return {
-    value: Number(lg.toFixed(digits)),
-    depth,
-    xAxisIndex,
-    yAxisIndex
-  };
-}
-function seriesLogXAtDepth(chart, paramId, depth, digits = 3) {
-  const series = findLogTrendSeries(chart, paramId);
-  if (!series || !series.data || !Number.isFinite(Number(depth))) return null;
-  let best = null;
-  series.data.forEach((pt) => {
-    const x = Array.isArray(pt) ? Number(pt[0]) : Number(pt && pt.value && pt.value[0]);
-    const y = Array.isArray(pt) ? Number(pt[1]) : Number(pt && pt.value && pt.value[1]);
-    if (!Number.isFinite(x) || !Number.isFinite(y)) return;
-    const dist = Math.abs(y - Number(depth));
-    if (!best || dist < best.dist) best = { x, dist };
-  });
-  if (!best) return null;
-  return Number(best.x.toFixed(digits));
 }
-function logTrendDataToPixel(chart, paramId, lg, depth) {
-  if (!chart) return null;
-  const series = findLogTrendSeries(chart, paramId);
-  const xAxisIndex = series ? axisIndexOf(series.xAxisIndex) : 0;
-  const yAxisIndex = series ? axisIndexOf(series.yAxisIndex) : 0;
+function modelGridCount(model) {
+  if (!model) return 1;
   try {
-    const px = chart.convertToPixel({ xAxisIndex, yAxisIndex }, [lg, depth]);
-    if (px && Number.isFinite(px[0]) && Number.isFinite(px[1])) return px;
+    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 x = chart.convertToPixel({ xAxisIndex }, lg);
-    const y = chart.convertToPixel({ yAxisIndex }, depth);
-    if (Number.isFinite(x) && Number.isFinite(y)) return [x, y];
+    const comp = model.getComponent(mainType, index2);
+    return comp && comp.option || {};
   } catch (e) {
-    return null;
+    return {};
   }
-  return null;
-}
-function toLogAxisExtent(min, max) {
-  const range = normalizeLogRange(min, max);
-  return {
-    min: Math.log10(range.min),
-    max: Math.log10(range.max)
-  };
 }
-function mapSeriesDataXToLog(data) {
-  return (data || []).map((item) => {
-    if (Array.isArray(item)) {
-      return [toLogPlotX(item[0]), item[1], item[2]];
-    }
-    if (item && Array.isArray(item.value)) {
-      return {
-        ...item,
-        value: [toLogPlotX(item.value[0]), item.value[1]]
-      };
+function listLineSeries(model) {
+  if (!model) return [];
+  try {
+    const list = model.getSeries() || [];
+    const out = [];
+    for (let i = 0; i < list.length; i++) {
+      const sm = list[i];
+      const opt = sm && sm.option || {};
+      const type = sm && sm.subType || seriesTypeName(opt);
+      if (type !== "line") continue;
+      const name = optionScalar(sm && sm.name) || seriesDisplayName(opt);
+      if (name === "helper" || name === "log-grid") continue;
+      out.push({
+        seriesIndex: sm.seriesIndex,
+        xAxisIndex: axisIndexOf(opt.xAxisIndex),
+        yAxisIndex: axisIndexOf(opt.yAxisIndex),
+        paramId: seriesParamId(opt),
+        option: opt
+      });
     }
-    return item;
-  });
-}
-function formatLogTick(value) {
-  const n = Number(value);
-  if (n === 0) return "0";
-  if (!Number.isFinite(n) || n <= 0) return "";
-  const exp = Math.log10(n);
-  if (Math.abs(exp - Math.round(exp)) < 1e-6 && (n >= 1e3 || n < 0.01)) {
-    return `1e${Math.round(exp)}`;
-  }
-  if (n >= 1) return String(Number(n.toPrecision(4)));
-  return String(Number(n.toPrecision(3)));
-}
-function niceLogDecadeRange(min, max) {
-  const range = normalizeLogRange(min, max);
-  let niceMin = 10 ** Math.floor(Math.log10(range.min) + 1e-9);
-  let niceMax = 10 ** Math.ceil(Math.log10(range.max) - 1e-9);
-  if (!Number.isFinite(niceMin) || niceMin <= 0) niceMin = LOG_AXIS_MIN_POSITIVE;
-  if (!Number.isFinite(niceMax) || niceMax <= niceMin) {
-    niceMax = niceMin * LOG_AXIS_BASE;
+    return out;
+  } catch (e) {
+    return [];
   }
-  return { min: niceMin, max: niceMax };
-}
-function resolveLaneLogPlotRange(lane, lineRange = {}) {
-  let lo = Infinity;
-  let hi = -Infinity;
-  (lane && lane.lines || []).forEach((line) => {
-    if (!line) return;
-    const r = lineRange[line.lineId] || {};
-    const cfgMin = Number(line.min);
-    const cfgMax = Number(line.max);
-    const useMin = Number.isFinite(cfgMin) && cfgMin > 0 ? cfgMin : Number(r.min);
-    const useMax = Number.isFinite(cfgMax) && cfgMax > 0 ? cfgMax : Number(r.max);
-    if (Number.isFinite(useMin) && useMin > 0) lo = Math.min(lo, useMin);
-    if (Number.isFinite(useMax) && useMax > 0) hi = Math.max(hi, useMax);
-  });
-  return niceLogDecadeRange(
-    Number.isFinite(lo) ? lo : LOG_AXIS_MIN_POSITIVE,
-    Number.isFinite(hi) ? hi : LOG_AXIS_MIN_POSITIVE * LOG_AXIS_BASE
-  );
 }
-function buildLogLaneTenLineValues(min, max) {
-  const range = niceLogDecadeRange(min, max);
-  const ratio = range.max / range.min;
-  const values = [];
-  for (let m = 1; m <= 10; m++) {
-    values.push(range.min * ratio ** Math.log10(m));
+function findSeriesForDepth(chart, paramId, depth) {
+  const model = chartModel(chart);
+  const series = listLineSeries(model);
+  let fallback = null;
+  for (let i = 0; i < series.length; i++) {
+    const s = series[i];
+    if (String(s.paramId) !== String(paramId)) continue;
+    const info = {
+      seriesIndex: s.seriesIndex,
+      xAxisIndex: s.xAxisIndex,
+      yAxisIndex: s.yAxisIndex
+    };
+    fallback = info;
+    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 values;
-}
-function buildLogLaneTenLineLgValues(min, max) {
-  return buildLogLaneTenLineValues(min, max).map((v) => Math.log10(v)).filter((v) => Number.isFinite(v));
+  return fallback || { seriesIndex: 0, xAxisIndex: 0, yAxisIndex: 0 };
 }
-function buildLogDecadeTickMarks(min, max) {
-  const range = niceLogDecadeRange(min, max);
-  const loExp = Math.round(Math.log10(range.min));
-  const hiExp = Math.round(Math.log10(range.max));
-  const marks = [];
-  for (let e = loExp; e <= hiExp; e++) {
-    const value = 10 ** e;
-    marks.push({
-      value,
-      label: formatLogTick(value),
-      percent: logValueToPercent(value, range.min, range.max)
-    });
+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 native = (evt == null ? void 0 : evt.event) || evt;
+  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;
   }
-  return marks;
-}
-function logValueToPercent(value, min, max) {
-  const range = normalizeLogRange(min, max);
-  const v = Number(value);
-  if (!Number.isFinite(v) || v <= 0) return 0;
-  const clamped = Math.max(range.min, Math.min(range.max, v));
-  const span = Math.log(range.max) - Math.log(range.min);
-  if (span <= 0) return 0;
-  return (Math.log(clamped) - Math.log(range.min)) / span * 100;
-}
-function buildLogXAxisOption({
-  gridIndex = 0,
-  min,
-  max,
-  showSplitLine = true,
-  splitLineColor
-} = {}) {
-  const range = niceLogDecadeRange(min, max);
-  const extent = toLogAxisExtent(range.min, range.max);
-  const lineStyle = {
-    color: splitLineColor,
-    type: "dashed",
-    width: 1
-  };
-  return {
-    gridIndex,
-    show: true,
-    type: "value",
-    min: extent.min,
-    max: extent.max,
-    minorTick: { show: false },
-    minorSplitLine: {
-      show: false,
-      lineStyle
-    },
-    splitLine: {
-      show: showSplitLine,
-      showMaxLine: false,
-      showMinLine: false,
-      lineStyle
-    },
-    axisLabel: { show: false },
-    axisLine: { show: false },
-    axisTick: { show: false }
-  };
+  offsetX = Math.max(0, Math.min(offsetX, zr.getWidth()));
+  offsetY = Math.max(0, Math.min(offsetY, zr.getHeight()));
+  return { offsetX, offsetY };
 }
-const _sfc_main$7 = {
-  name: "LogAxisRuler",
-  props: {
-    min: {
-      type: [Number, String],
-      default: 0.1
-    },
-    max: {
-      type: [Number, String],
-      default: 100
-    },
-    visible: {
-      type: Boolean,
-      default: true
-    },
-    // top：曲线上方；bottom：表头底沿。8.22对数轴
-    placement: {
-      type: String,
-      default: "top"
-    }
-  },
-  computed: {
-    // 刻度随量程重算，边控关显示时整尺隐藏。8.22对数轴
-    marks() {
-      return buildLogDecadeTickMarks(this.min, this.max);
+function isPointerInAnyGrid(chart, offsetX, offsetY) {
+  const gridCount = modelGridCount(chartModel(chart));
+  for (let i = 0; i < gridCount; i++) {
+    try {
+      if (chart.containPixel({ gridIndex: i }, [offsetX, offsetY])) return true;
+    } catch (e) {
     }
-  },
-  methods: {
-    // 两端刻度贴边，避免 translateX(-50%) 被裁掉。8.22对数轴
-    tickStyle(mark) {
-      if (mark.percent <= 2) {
-        return { left: "2px", transform: "none" };
+  }
+  return false;
+}
+function axisIndexOf(val) {
+  const n = Array.isArray(val) ? val[0] : val;
+  return Number(n ?? 0);
+}
+function pixelToData(chart, paramId, offsetX, offsetY, loose = false) {
+  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 series = matched.find((s) => s.yAxisIndex === g) || matched[0];
+      const finders = [];
+      if (series) {
+        finders.push({
+          xAxisIndex: series.xAxisIndex,
+          yAxisIndex: series.yAxisIndex
+        });
+        if (series.seriesIndex >= 0) finders.push({ seriesIndex: series.seriesIndex });
       }
-      if (mark.percent >= 98) {
-        return { left: "auto", right: "2px", transform: "none" };
+      finders.push({ gridIndex: g });
+      for (const finder of finders) {
+        try {
+          const val = chart.convertFromPixel(finder, [offsetX, offsetY]);
+          if (val && Number.isFinite(val[0]) && Number.isFinite(val[1])) {
+            return {
+              value: val[0],
+              depth: val[1],
+              xAxisIndex: finder.xAxisIndex ?? 0,
+              yAxisIndex: finder.yAxisIndex ?? g
+            };
+          }
+        } catch (e) {
+        }
+        if (finder.xAxisIndex == null && finder.yAxisIndex == null) continue;
+        try {
+          const x = chart.convertFromPixel({ xAxisIndex: finder.xAxisIndex ?? 0 }, offsetX);
+          const y = chart.convertFromPixel({ yAxisIndex: finder.yAxisIndex ?? g }, offsetY);
+          if (Number.isFinite(x) && Number.isFinite(y)) {
+            return {
+              value: x,
+              depth: y,
+              xAxisIndex: finder.xAxisIndex ?? 0,
+              yAxisIndex: finder.yAxisIndex ?? g
+            };
+          }
+        } catch (e) {
+        }
       }
-      return { left: mark.percent + "%" };
+    } catch (e) {
     }
   }
-};
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return $props.visible && $options.marks.length ? (openBlock(), createElementBlock("div", {
-    key: 0,
-    class: normalizeClass(["kd-log-axis-ruler", { "kd-log-axis-ruler--top": $props.placement === "top" }])
-  }, [
-    (openBlock(true), createElementBlock(Fragment, null, renderList($options.marks, (mark) => {
-      return openBlock(), createElementBlock("span", {
-        key: String(mark.value),
-        class: "kd-log-axis-ruler__tick",
-        style: normalizeStyle($options.tickStyle(mark))
-      }, toDisplayString(mark.label), 5);
-    }), 128))
-  ], 2)) : createCommentVNode("", true);
+  return null;
+}
+function dataToPixel(chart, paramId, value, depth) {
+  const finder = findSeriesForDepth(chart, paramId, depth);
+  const finders = [
+    { xAxisIndex: finder.xAxisIndex, yAxisIndex: finder.yAxisIndex },
+    { seriesIndex: finder.seriesIndex },
+    { gridIndex: finder.yAxisIndex ?? 0 }
+  ];
+  for (const f of finders) {
+    try {
+      const px = chart.convertToPixel(f, [value, depth]);
+      if (px && Number.isFinite(px[0]) && Number.isFinite(px[1])) return px;
+    } catch (e) {
+    }
+  }
+  return null;
+}
+function snapDepthToEdge(depth, depthMin, depthMax, tol) {
+  if (!Number.isFinite(depth)) return depth;
+  const lo = Number.isFinite(depthMin) && Number.isFinite(depthMax) ? Math.min(depthMin, depthMax) : depthMin;
+  const hi = Number.isFinite(depthMin) && Number.isFinite(depthMax) ? Math.max(depthMin, depthMax) : depthMax;
+  if (!Number.isFinite(lo) || !Number.isFinite(hi)) return depth;
+  let d = depth;
+  if (Math.abs(d - lo) <= tol) d = lo;
+  if (Math.abs(d - hi) <= tol) d = hi;
+  return Math.max(lo, Math.min(hi, d));
+}
+function getAxisRange(chart, paramId, depth) {
+  const model = chartModel(chart);
+  const finder = findSeriesForDepth(chart, paramId, depth);
+  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,
+    depthMin: Number.isFinite(yMin) ? Math.min(yMin, yMax) : 0,
+    depthMax: Number.isFinite(yMax) ? Math.max(yMin, yMax) : 100
+  };
 }
-const LogAxisRuler = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-d5ed1748"]]);
 class TrendLineManager {
   constructor(host) {
     this.host = host;
@@ -3791,15 +3875,27 @@ class TrendLineManager {
     this._zoomPending = false;
     this._zoomEndTimer = null;
     this._graphicIds = /* @__PURE__ */ Object.create(null);
+    this._zrElCache = /* @__PURE__ */ new WeakMap();
     this._ignoreClickUntil = 0;
   }
   destroy() {
     this._clearClickTimer();
     this._endDrag();
     Array.from(this.binds.keys()).forEach((laneId) => this.unbindChart(laneId));
-    if (this._raf) cancelAnimationFrame(this._raf);
-    if (this._zoomRaf) cancelAnimationFrame(this._zoomRaf);
-    if (this._zoomEndTimer) clearTimeout(this._zoomEndTimer);
+    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);
   }
   /** 从模板 line.trendSegments 回显；已有 store 的曲线不覆盖，避免编辑中被模板刷新冲掉。8.21 */
   hydrateFromTemplate(template) {
@@ -3897,10 +3993,13 @@ class TrendLineManager {
     zr.on("mousedown", onZrDown);
     zr.on("mousemove", onZrMove);
     zr.on("dblclick", onDblClick);
-    const onZoom = () => this.scheduleZoomRender();
+    const onZoom = () => {
+      if (this.host && typeof this.host.startChartZoom === "function") {
+        this.host.startChartZoom();
+      }
+      this.scheduleZoomRender();
+    };
     if (typeof chart.on === "function") chart.on("datazoom", onZoom);
-    chart.getZr().on("mousewheel", onZoom);
-    if (dom) dom.addEventListener("wheel", onZoom, { passive: true });
     this.binds.set(laneId, { chart, onMouseDown, onZrDown, onZrMove, onDblClick, onZoom, dom });
     this.updateCursor(laneId);
   }
@@ -3949,9 +4048,18 @@ class TrendLineManager {
       this.renderAll();
     });
   }
+  // 没有控制点就不跟缩放重画，省一轮 graphic。8.25
+  hasAnyKnots() {
+    const store = this.store;
+    for (const key in store) {
+      const segs = store[key] && store[key].segments;
+      if (segs && segs.some((s) => s.knots && s.knots.length)) return true;
+    }
+    return false;
+  }
   /** 缩放过程用 ZR 就地改像素，结束后再整层重画，避免 replaceMerge 把线冲掉。8.22 */
   scheduleZoomRender() {
-    if (this.dragSession) return;
+    if (this.dragSession || !this.hasAnyKnots()) return;
     this._zoomPending = true;
     if (this._zoomEndTimer) clearTimeout(this._zoomEndTimer);
     this._zoomEndTimer = setTimeout(() => {
@@ -4045,18 +4153,35 @@ class TrendLineManager {
     });
     return patches;
   }
-  _findGraphicZrEl(chart, id) {
-    let found = null;
+  _invalidateZrElCache(chart) {
+    if (chart && this._zrElCache) this._zrElCache.delete(chart);
+  }
+  _indexGraphicZrEls(chart, map) {
     const zr = chart.getZr();
-    if (!zr || !zr.storage || typeof zr.storage.traverse !== "function") return null;
+    if (!zr || !zr.storage || typeof zr.storage.traverse !== "function") return;
     zr.storage.traverse((el) => {
-      if (found) return;
       const elId = el.id ?? el.anid ?? el.name ?? el.__ecGraphicId;
-      if (elId === id || String(elId) === String(id) || String(elId).endsWith(id)) {
-        found = el;
-      }
+      if (elId == null) return;
+      map.set(String(elId), el);
     });
-    return found;
+  }
+  _findGraphicZrEl(chart, id) {
+    if (!chart || id == null) return null;
+    let map = this._zrElCache.get(chart);
+    if (!map) {
+      map = /* @__PURE__ */ new Map();
+      this._zrElCache.set(chart, map);
+      this._indexGraphicZrEls(chart, map);
+    }
+    const key = String(id);
+    if (map.has(key)) return map.get(key);
+    map.clear();
+    this._indexGraphicZrEls(chart, map);
+    if (map.has(key)) return map.get(key);
+    for (const [elId, el] of map) {
+      if (elId.endsWith(key)) return el;
+    }
+    return null;
   }
   _graphicPixel(el) {
     const cx = el.shape && el.shape.cx || 0;
@@ -4163,14 +4288,14 @@ class TrendLineManager {
       el.setShape(shape);
       applied += 1;
     });
-    if (applied > 0 && chart.getZr() && typeof chart.getZr().refreshImmediately === "function") {
-      chart.getZr().refreshImmediately();
-    }
+    const zr = chart.getZr && chart.getZr();
+    if (applied > 0 && zr && typeof zr.refresh === "function") zr.refresh();
     return applied > 0;
   }
   // 只 merge 新图形，不动已有线。8.24
   _addGraphicElements(chart, elements) {
     if (!elements.length) return;
+    this._invalidateZrElCache(chart);
     chart.setOption(
       {
         graphic: elements.map((el) => ({ ...el, $action: "merge" }))
@@ -4181,6 +4306,7 @@ class TrendLineManager {
   // 按 id 删除，不 replaceMerge 整层 graphic。8.24
   _removeGraphicIds(chart, ids) {
     if (!ids.length) return;
+    this._invalidateZrElCache(chart);
     chart.setOption(
       {
         graphic: ids.map((id) => ({ id, $action: "remove" }))
@@ -4382,6 +4508,9 @@ class TrendLineManager {
   /** 指针靠近控制点时先停地应力平移，按下时才来得及拖点。8.22 */
   onZrHover(e, laneId) {
     if (this.dragSession) return;
+    if (this.host && typeof this.host.isChartBusy === "function" && this.host.isChartBusy()) {
+      return;
+    }
     const chart = this.getChart(laneId);
     const target = this.getTargetByLane(laneId);
     if (!chart || !target || !target.editable) {
@@ -5133,12 +5262,16 @@ const _sfc_main$6 = {
     }
     if (this.resizeObserver) {
       this.resizeObserver.disconnect();
+      this.resizeObserver = null;
     }
     if (this.resizeObserverContainer) {
       this.resizeObserverContainer.disconnect();
+      this.resizeObserverContainer = null;
     }
   },
   methods: {
+    isLaneLogScale,
+    // 模板里判断对数道。8.24
     initStrategy() {
       if (!this.config || !this.config.caseId) {
         return;
@@ -5183,6 +5316,10 @@ const _sfc_main$6 = {
       });
     },
     setupResizeObserver() {
+      if (this.resizeObserver) {
+        this.resizeObserver.disconnect();
+        this.resizeObserver = null;
+      }
       const container = this.$refs.targetDom;
       if (container) {
         this.resizeObserver = new ResizeObserver(() => {
@@ -6324,16 +6461,18 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
                         line,
                         paramsNameMap: $options.paramsNameMap
                       }, { ref_for: true }, _ctx.$props, {
+                        "is-log-scale": $options.isLaneLogScale(lane),
                         onContextmenu: withModifiers(($event) => $options.showContextMenu($event, line), ["prevent"]),
                         onUpdateLine: $options.upsertLine
-                      }), null, 16, ["line", "paramsNameMap", "onContextmenu", "onUpdateLine"])) : (openBlock(), createBlock(_component_LegendItem, mergeProps({
+                      }), null, 16, ["line", "paramsNameMap", "is-log-scale", "onContextmenu", "onUpdateLine"])) : (openBlock(), createBlock(_component_LegendItem, mergeProps({
                         key: 1,
                         line,
                         paramsNameMap: $options.paramsNameMap
                       }, { ref_for: true }, _ctx.$props, {
+                        "is-log-scale": $options.isLaneLogScale(lane),
                         onContextmenu: withModifiers(($event) => $options.showContextMenu($event, line), ["prevent"]),
                         onUpdateLine: $options.upsertLine
-                      }), null, 16, ["line", "paramsNameMap", "onContextmenu", "onUpdateLine"]))
+                      }), null, 16, ["line", "paramsNameMap", "is-log-scale", "onContextmenu", "onUpdateLine"]))
                     ], 2);
                   }), 128))
                 ]),
@@ -6440,16 +6579,18 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
                             line,
                             paramsNameMap: $options.paramsNameMap
                           }, { ref_for: true }, _ctx.$props, {
+                            "is-log-scale": $options.isLaneLogScale(lane),
                             onContextmenu: withModifiers(($event) => $options.showContextMenu($event, line), ["prevent"]),
                             onUpdateLine: $options.upsertLine
-                          }), null, 16, ["line", "paramsNameMap", "onContextmenu", "onUpdateLine"])) : (openBlock(), createBlock(_component_LegendItem, mergeProps({
+                          }), null, 16, ["line", "paramsNameMap", "is-log-scale", "onContextmenu", "onUpdateLine"])) : (openBlock(), createBlock(_component_LegendItem, mergeProps({
                             key: 1,
                             line,
                             paramsNameMap: $options.paramsNameMap
                           }, { ref_for: true }, _ctx.$props, {
+                            "is-log-scale": $options.isLaneLogScale(lane),
                             onContextmenu: withModifiers(($event) => $options.showContextMenu($event, line), ["prevent"]),
                             onUpdateLine: $options.upsertLine
-                          }), null, 16, ["line", "paramsNameMap", "onContextmenu", "onUpdateLine"]))
+                          }), null, 16, ["line", "paramsNameMap", "is-log-scale", "onContextmenu", "onUpdateLine"]))
                         ], 2);
                       }), 128))
                     ]),
@@ -6550,7 +6691,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-afde8956"]]);
+const KdLaneContainerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-9d96e270"]]);
 const SLIDER_GROUP_ID = "depthSliderGroup";
 function pad2(n) {
   return n < 10 ? "0" + n : "" + n;
@@ -6683,10 +6824,12 @@ const _sfc_main$5 = {
                 yName: curveConfig.yName,
                 xCode,
                 yCode,
-                data: this.cachedCurveData.map((item) => ({
-                  time: item[xCode] || item.timestamp,
-                  value: item[yCode] || 0
-                }))
+                data: markRaw(
+                  this.cachedCurveData.map((item) => ({
+                    time: item[xCode] || item.timestamp,
+                    value: item[yCode] || 0
+                  }))
+                )
               };
             })
           };
@@ -6732,24 +6875,28 @@ const _sfc_main$5 = {
         await this.$nextTick();
         if (newVal.type === "replace") {
           this.cachedCurveData = [];
-          let processedData = newVal && newVal.data ? Array.isArray(newVal.data) ? [...newVal.data] : [newVal.data] : [];
+          let processedData = newVal && newVal.data ? Array.isArray(newVal.data) ? newVal.data : [newVal.data] : [];
           if (this.formCache.axisType == "time") {
             const axisKey = ((_c = (_b = (_a = this.getCurrentModeConfig()) == null ? void 0 : _a.datas) == null ? void 0 : _b[0]) == null ? void 0 : _c.xCode) || "timestamp";
-            processedData = processedData.map((item) => ({
-              ...item,
-              [axisKey]: this.toMillisecondTimestamp(item[axisKey] || item.timestamp)
-            }));
-            this.cachedCurveData = processedData;
+            const firstT = processedData[0] && processedData[0][axisKey];
+            if (!(typeof firstT === "number" && firstT > 1e11)) {
+              processedData = processedData.map((item) => ({
+                ...item,
+                [axisKey]: this.toMillisecondTimestamp(item[axisKey] || item.timestamp)
+              }));
+            }
+            this.cachedCurveData = markRaw(processedData);
           } else {
             const axisKey = ((_f = (_e = (_d = this.getCurrentModeConfig()) == null ? void 0 : _d.datas) == null ? void 0 : _e[0]) == null ? void 0 : _f.xCode) || "depth";
-            if (processedData[0] && processedData[0].timestamp) {
+            const firstTs = processedData[0] && processedData[0].timestamp;
+            if (firstTs && !(typeof firstTs === "number" && firstTs > 1e11)) {
               processedData = processedData.map((item) => ({
                 ...item,
                 timestamp: this.toMillisecondTimestamp(item.timestamp)
               }));
-              this.cachedCurveData = this.deduplicateByUniqueKey(this.cachedCurveData, processedData, "timestamp");
+              this.cachedCurveData = markRaw(this.deduplicateByUniqueKey([], processedData, "timestamp"));
             } else {
-              this.cachedCurveData = this.deduplicateByUniqueKey(this.cachedCurveData, processedData, axisKey);
+              this.cachedCurveData = markRaw(this.deduplicateByUniqueKey([], processedData, axisKey));
             }
           }
           if (this.cachedCurveData.length > 0) {
@@ -6804,11 +6951,11 @@ const _sfc_main$5 = {
               ...item,
               [axisKey]: this.toMillisecondTimestamp(item[axisKey] || item.timestamp)
             }));
-            this.cachedCurveData = this.deduplicateByUniqueKey(
+            this.cachedCurveData = markRaw(this.deduplicateByUniqueKey(
               this.cachedCurveData,
               data,
               axisKey
-            );
+            ));
           } else {
             data = data.map((item) => ({
               ...item,
@@ -6816,9 +6963,9 @@ const _sfc_main$5 = {
             }));
             if (direction === "top") {
               const tempData = [...data, ...this.cachedCurveData];
-              this.cachedCurveData = this.deduplicateByUniqueKey([], tempData, "timestamp");
+              this.cachedCurveData = markRaw(this.deduplicateByUniqueKey([], tempData, "timestamp"));
             } else {
-              this.cachedCurveData = this.deduplicateByUniqueKey(this.cachedCurveData, data, "timestamp");
+              this.cachedCurveData = markRaw(this.deduplicateByUniqueKey(this.cachedCurveData, data, "timestamp"));
             }
           }
           if (this.cachedCurveData.length > 0) {
@@ -6829,8 +6976,7 @@ const _sfc_main$5 = {
           this.renderChart();
         }
       },
-      immediate: true,
-      deep: true
+      immediate: true
     },
     depthTimeChartData: {
       deep: true,
@@ -7406,8 +7552,14 @@ const _sfc_main$5 = {
     ensureVisible() {
       const rows = this.resolvedRows;
       if (!rows.length) return;
-      const option = this.chart.getOption();
-      const dz = option.dataZoom && option.dataZoom[0] ? option.dataZoom[0] : null;
+      const dz = (() => {
+        try {
+          const m = this.chart.getModel().getComponent("dataZoom", 0);
+          return m && m.option;
+        } catch (e) {
+          return null;
+        }
+      })();
       if (!dz) return;
       const total = rows.length;
       const start = dz.start ?? 0;
@@ -7863,7 +8015,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     ], 512)
   ], 512);
 }
-const DepthTimeChart = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-75a3a4e4"]]);
+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==";
@@ -9123,27 +9275,31 @@ const _sfc_main$3 = {
     _saveDataZoomState() {
       if (!this.chart || this.chart.isDisposed()) return null;
       try {
-        const option = this.chart.getOption();
-        if (option && option.dataZoom && option.dataZoom.length > 0) {
-          return option.dataZoom.map((dz) => ({
-            start: dz.start,
-            end: dz.end,
-            startValue: dz.startValue,
-            endValue: dz.endValue
-          }));
-        }
+        const model = this.chart.getModel();
+        const list = model.queryComponents({ mainType: "dataZoom" }) || [];
+        if (!list.length) return null;
+        return list.map((m) => {
+          const opt = m.option || {};
+          return {
+            start: opt.start,
+            end: opt.end,
+            startValue: opt.startValue,
+            endValue: opt.endValue
+          };
+        });
       } catch (e) {
+        return null;
       }
-      return null;
     },
     // notMerge 刷 option 时把当前趋势线 graphic 带回去，避免先消失再画。8.24
     _preserveGraphic(options) {
       if (!options || options.graphic || !this.chart || this.chart.isDisposed()) return;
       try {
-        const current = this.chart.getOption();
-        if (current && current.graphic && current.graphic.length) {
-          options.graphic = current.graphic;
-        }
+        const model = this.chart.getModel();
+        const list = model.queryComponents({ mainType: "graphic" }) || [];
+        if (!list.length) return;
+        const graphic = list.map((m) => m.option).filter((item) => item && (item.id || item.elements || item.type));
+        if (graphic.length) options.graphic = graphic;
       } catch (e) {
       }
     },
@@ -9196,7 +9352,10 @@ const _sfc_main$3 = {
         const next = this.getOptionsWithTheme(options, skipClone);
         this._applySavedDataZoomToOptions(next, savedDataZoom);
         this._preserveGraphic(next);
-        this.delegateMethod("setOption", next, notMerge, lazyUpdate);
+        this.delegateMethod("setOption", next, {
+          notMerge: !!notMerge,
+          lazyUpdate: !!lazyUpdate
+        });
         this.$nextTick(() => {
           this._skipWatcher = false;
         });
@@ -9359,7 +9518,9 @@ const _sfc_main$3 = {
               const next = this.getOptionsWithTheme(val);
               this._applySavedDataZoomToOptions(next, savedDataZoom);
               this._preserveGraphic(next);
-              this.chart.setOption(next, val !== oldVal);
+              this.chart.setOption(next, {
+                notMerge: this.skipClone || val !== oldVal
+              });
               if (this.group) {
                 this.chart.group = this.group;
               }
@@ -9371,8 +9532,15 @@ const _sfc_main$3 = {
     },
     destroy() {
       this._unbindNativeDragGuard();
+      if (this.__unwatchOptions) {
+        this.__unwatchOptions();
+        this.__unwatchOptions = null;
+      }
       if (this.autoresize) {
         removeListener(this.$el, this.__resizeHandler);
+        if (this.__resizeHandler && this.__resizeHandler.cancel) {
+          this.__resizeHandler.cancel();
+        }
       }
       this.dispose();
       this.chart = null;
@@ -9445,17 +9613,35 @@ const _hoisted_1$3 = { class: "echarts" };
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$3);
 }
-const resizeEcharts = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-0df7a705"]]);
+const resizeEcharts = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-c1cce4a1"]]);
 const DRAW_POINT_MIN = 600;
 const DRAW_POINT_MAX = 1800;
 function getSeriesDrawThreshold(laneHeightPx) {
   const h = Number(laneHeightPx) || 400;
   return Math.max(DRAW_POINT_MIN, Math.min(DRAW_POINT_MAX, Math.round(h * 2)));
 }
+function isMissingCurveValue(raw) {
+  if (raw === null || raw === void 0 || raw === "" || raw === "null") {
+    return true;
+  }
+  const n = Number(raw);
+  return !Number.isFinite(n);
+}
+function pointX(pt) {
+  if (Array.isArray(pt)) return pt[0];
+  if (pt && Array.isArray(pt.value)) return pt.value[0];
+  return null;
+}
+function pointYRaw(pt) {
+  if (Array.isArray(pt)) return pt[1];
+  if (pt && Array.isArray(pt.value)) return pt.value[1];
+  return null;
+}
 function getPointXY(pt) {
-  if (Array.isArray(pt)) return [Number(pt[0]), Number(pt[1])];
-  if (pt && Array.isArray(pt.value)) return [Number(pt.value[0]), Number(pt.value[1])];
-  return [NaN, NaN];
+  const x = pointX(pt);
+  const y = pointYRaw(pt);
+  if (isMissingCurveValue(x)) return [NaN, Number(y)];
+  return [Number(x), Number(y)];
 }
 function lttb(data, threshold) {
   const n = data && data.length || 0;
@@ -9488,8 +9674,37 @@ function lttb(data, threshold) {
   return sampled;
 }
 function downsampleSeriesForDraw(data, threshold) {
-  if (!data || data.length <= threshold) return data || [];
-  return lttb(data, threshold);
+  if (!data || !data.length) return data || [];
+  if (data.length <= threshold) return data;
+  const segments = [];
+  let cur = [];
+  for (let i = 0; i < data.length; i++) {
+    if (isMissingCurveValue(pointX(data[i]))) {
+      if (cur.length) {
+        segments.push(cur);
+        cur = [];
+      }
+    } else {
+      cur.push(data[i]);
+    }
+  }
+  if (cur.length) segments.push(cur);
+  if (segments.length === 1 && segments[0].length === data.length) {
+    return lttb(data, threshold);
+  }
+  if (!segments.length) return data;
+  const totalValid = segments.reduce((n, s) => n + s.length, 0);
+  const out = [];
+  for (let s = 0; s < segments.length; s++) {
+    const seg = segments[s];
+    const share = Math.max(2, Math.round(seg.length / totalValid * threshold));
+    const sampled = seg.length <= share ? seg : lttb(seg, Math.min(share, seg.length));
+    if (out.length) {
+      out.push([null, pointYRaw(sampled[0])]);
+    }
+    for (let i = 0; i < sampled.length; i++) out.push(sampled[i]);
+  }
+  return out;
 }
 function lowerBound(rows, key, target) {
   let lo = 0;
@@ -9806,16 +10021,34 @@ const _sfc_main$2 = {
     this._pointerMetaGen = 0;
     this._lastTipKey = /* @__PURE__ */ new WeakMap();
     this._lastAxisPx = /* @__PURE__ */ new WeakMap();
+    this._laneHasValidPoint = /* @__PURE__ */ Object.create(null);
     this._pendingPointer = null;
     this._pointerRaf = 0;
     this._lastHeaderDataIndex = -1;
+    this._tooltipLaneId = null;
+    this._lastTooltipAxisLabel = "";
+    this._isPanning = false;
+    this._isZooming = false;
+    this._zoomIdleTimer = 0;
+    this._connectDetached = false;
+    this._savedConnectGroups = null;
+    this._tipHtmlBucket = "";
+    this._tipHtmlMap = /* @__PURE__ */ Object.create(null);
+    this._onWindowMouseUp = () => this.endChartPan();
     this._flushPointerSync = () => {
       this._pointerRaf = 0;
       const pending = this._pendingPointer;
       if (!pending || !this.pointerInChartArea) return;
-      this._pendingPointer = null;
       const { chart, x, y } = pending;
-      if (!chart || chart.isDisposed()) return;
+      if (!chart || chart.isDisposed()) {
+        this._pendingPointer = null;
+        return;
+      }
+      if (this.isChartBusy()) {
+        this.updateCrosshairLine(chart, y);
+        return;
+      }
+      this._pendingPointer = null;
       this.syncAxisPointerAcrossCharts(chart, x, y);
     };
     this.debounceJudgeEdge = debounce(() => {
@@ -9833,25 +10066,47 @@ const _sfc_main$2 = {
     ) && this.currentToolBarConfig.showDateTime == true;
     window.addEventListener("keydown", this.handleKeyDown);
     window.addEventListener("keyup", this.handleKeyUp);
+    window.addEventListener("mouseup", this._onWindowMouseUp);
     this.showTooltip = this.formCache.displayType == "float";
   },
   beforeUnmount() {
+    this._isUnmounted = true;
     window.removeEventListener("keydown", this.handleKeyDown);
     window.removeEventListener("keyup", this.handleKeyUp);
+    window.removeEventListener("mouseup", this._onWindowMouseUp);
+    if (this._zoomIdleTimer) {
+      clearTimeout(this._zoomIdleTimer);
+      this._zoomIdleTimer = 0;
+    }
     if (this.trendLineManager) this.trendLineManager.destroy();
     if (this._pointerRaf) {
       cancelAnimationFrame(this._pointerRaf);
       this._pointerRaf = 0;
     }
+    if (this._connectRaf) {
+      cancelAnimationFrame(this._connectRaf);
+      this._connectRaf = 0;
+    }
+    cancelAnimationFrame(this.animationId);
+    this.animationId = null;
+    if (this.debounceJudgeEdge && this.debounceJudgeEdge.cancel) {
+      this.debounceJudgeEdge.cancel();
+    }
+    if (this.scheduleConnectAllCharts && this.scheduleConnectAllCharts.cancel) {
+      this.scheduleConnectAllCharts.cancel();
+    }
     this._pendingPointer = null;
+    this.attachChartConnect();
     this.unbindChartPointerSync();
     echarts.disConnect(this.group);
     this.clearEcharts();
     if (this.resizeObserver) {
       this.resizeObserver.disconnect();
+      this.resizeObserver = null;
     }
     if (this.resizeTimeout) {
       clearTimeout(this.resizeTimeout);
+      this.resizeTimeout = null;
     }
   },
   methods: {
@@ -9872,7 +10127,11 @@ const _sfc_main$2 = {
     getLaneLogPlotRange(lane) {
       return resolveLaneLogPlotRange(lane, this.lineRange);
     },
-    // 整道 10 条竖线，样式跟普通泳道 splitLine 同一套。8.22对数轴
+    // 对数开关变化时重建该道图表，series 才能换成 lg 数据。8.24
+    chartLaneKey(lane) {
+      return `${lane && lane.laneId}-${isLaneLogScale(lane) ? "log" : "lin"}`;
+    },
+    // 对数竖格：整道 10 条同一虚线，和线性纸格一致。8.25
     getLogPaperGridSeries(lane, xAxisIndex, yAxisIndex) {
       const range = this.getLaneLogPlotRange(lane);
       const color = getCssVariable("--kd-lane-container-item-line-color");
@@ -9908,19 +10167,18 @@ const _sfc_main$2 = {
     },
     getLaneChartContentStyle(laneId) {
       const width = this.laneWidthMap && this.laneWidthMap[laneId];
-      const gap = this.currentHeaderStyle.itemGap || 0;
       const style = {};
       if (width && Number(width) > 0) {
         Object.assign(style, {
           width: `${width}px`,
-          padding: `0 ${gap}px`,
+          padding: "0",
           height: "100%"
         });
       } else {
         Object.assign(style, {
           width: "100%",
           height: "100%",
-          padding: `0 ${gap}px`,
+          padding: "0",
           flex: "1"
         });
       }
@@ -9971,8 +10229,14 @@ const _sfc_main$2 = {
       if (!this.isGeomechanical) return;
       this.getConnectedCharts().forEach((chart) => {
         if (!chart || chart.isDisposed()) return;
+        const laneId = this.findLaneIdByChart(chart);
         chart.setOption({
-          dataZoom: [this.buildInsideDataZoom(!!enabled)]
+          dataZoom: [
+            this.buildInsideDataZoom(
+              !!enabled,
+              this.dataZoomFilterModeForLane(this.findLaneById(laneId))
+            )
+          ]
         });
       });
     },
@@ -10049,6 +10313,35 @@ const _sfc_main$2 = {
       }
       return 1;
     },
+    // 只读 option 引用，禁止 getOption() 深拷贝整图 series。8.25
+    readChartOptionRefs(chart) {
+      const empty = { grid: [], yAxis: [], xAxis: [], series: [] };
+      if (!chart || chart.isDisposed()) return empty;
+      try {
+        const model = chart.getModel();
+        const collect = (mainType) => {
+          const list = model.queryComponents({ mainType }) || [];
+          const out = [];
+          for (let i = 0; i < list.length; i++) {
+            out.push(list[i].option || {});
+          }
+          return out;
+        };
+        const seriesModels = model.getSeries() || [];
+        const series = [];
+        for (let i = 0; i < seriesModels.length; i++) {
+          series.push(seriesModels[i].option || {});
+        }
+        return {
+          grid: collect("grid"),
+          yAxis: collect("yAxis"),
+          xAxis: collect("xAxis"),
+          series
+        };
+      } catch (e) {
+        return empty;
+      }
+    },
     readGridBounds(chart, gridIndex, width) {
       try {
         const gridModel = chart.getModel().getComponent("grid", gridIndex);
@@ -10092,7 +10385,15 @@ const _sfc_main$2 = {
         bottom: chart.getHeight && chart.getHeight() || 0
       };
     },
+    seriesDataHasValidX(data) {
+      if (!data || !data.length) return false;
+      for (let i = 0; i < data.length; i++) {
+        if (this.isValidTooltipX(this.pointXY(data[i]).x)) return true;
+      }
+      return false;
+    },
     collectTooltipSeries(chart, seriesByGrid) {
+      let hasAnyValidPlotPoint = false;
       try {
         const seriesList = chart.getModel().getSeries();
         for (let s = 0; s < seriesList.length; s++) {
@@ -10115,9 +10416,13 @@ const _sfc_main$2 = {
             seriesIndex: sm.seriesIndex,
             data
           });
+          if (!hasAnyValidPlotPoint) {
+            hasAnyValidPlotPoint = this.seriesDataHasValidX(data);
+          }
         }
       } catch (e) {
       }
+      return hasAnyValidPlotPoint;
     },
     ensurePointerMeta(chart) {
       const width = chart.getWidth && chart.getWidth() || 0;
@@ -10133,14 +10438,18 @@ const _sfc_main$2 = {
         bounds[i] = this.readGridBounds(chart, i, width);
         seriesByGrid[i] = [];
       }
-      this.collectTooltipSeries(chart, seriesByGrid);
+      const hasAnyValidPlotPoint = this.collectTooltipSeries(
+        chart,
+        seriesByGrid
+      );
       meta = {
         gen: this._pointerMetaGen,
         width,
         height,
         gridCount,
         bounds,
-        seriesByGrid
+        seriesByGrid,
+        hasAnyValidPlotPoint
       };
       this._pointerMeta.set(chart, meta);
       return meta;
@@ -10207,18 +10516,32 @@ const _sfc_main$2 = {
       const item = Array.isArray(tip) ? tip[0] : tip;
       return !!(item && item.show === false);
     },
-    // 对数轴曲线 X 用 lg(x)；轴是线性 lg 量程，允许负数。8.22对数轴
+    // 对数轴曲线 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]);
@@ -10297,7 +10620,74 @@ const _sfc_main$2 = {
           };
         }
       }
-      return best;
+      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();
@@ -10343,51 +10733,56 @@ const _sfc_main$2 = {
       this.showSyncedLaneTooltips(hit.yValue, offsetY, hit.gridIndex);
     },
     showSyncedLaneTooltips(yValue, fallbackY, gridIndex) {
-      const charts = this.getConnectedCharts();
+      if (this.isChartBusy() || this._showingTips) return;
+      this._showingTips = true;
       const needTip = this.showTooltip;
       const needHeader = this.formCache.displayType === "header";
-      for (let c = 0; c < charts.length; c++) {
-        const chart = charts[c];
-        if (!chart || chart.isDisposed()) continue;
-        const meta = this.ensurePointerMeta(chart);
-        const targetGridIndex = this.clampGridIndex(meta.gridCount, gridIndex);
-        const pos = this.getPixelFromYValue(chart, yValue, targetGridIndex);
-        const x = pos && Number.isFinite(pos[0]) ? pos[0] : (meta.width || 80) / 2;
-        const y = pos && Number.isFinite(pos[1]) ? pos[1] : fallbackY;
-        const axisKey = `${targetGridIndex}:${y | 0}`;
-        const group = chart.group;
-        chart.group = null;
-        if (this._lastAxisPx.get(chart) !== axisKey) {
-          this._lastAxisPx.set(chart, axisKey);
-          chart.dispatchAction({
-            type: "updateAxisPointer",
-            currTrigger: "mousemove",
-            x,
-            y,
-            axesInfo: [
-              {
-                axisDim: "y",
-                axisIndex: targetGridIndex,
-                value: yValue
-              }
-            ]
-          });
-        }
-        if (needTip || needHeader) {
-          const nearest = this.findNearestTooltipPoint(
-            chart,
-            yValue,
-            targetGridIndex
-          );
-          if (needHeader && nearest && nearest.rowData && nearest.dataIndex !== this._lastHeaderDataIndex) {
-            this._lastHeaderDataIndex = nearest.dataIndex;
-            this.headerData = nearest.rowData;
+      const row = this.findRowByAxisValue(yValue);
+      this._lastTooltipAxisLabel = this.formatAxisPointerYLabel(yValue, row);
+      if (needHeader && row && row !== this.headerData) {
+        this.headerData = markRaw(row);
+      }
+      const charts = this.getConnectedCharts();
+      this.detachChartConnect();
+      try {
+        for (let c = 0; c < charts.length; c++) {
+          const chart = charts[c];
+          if (!chart || chart.isDisposed()) continue;
+          const laneId = this.findLaneIdByChart(chart);
+          this._tooltipLaneId = laneId;
+          const lane = this.findLaneById(laneId);
+          const meta = this.ensurePointerMeta(chart);
+          const targetGridIndex = this.clampGridIndex(meta.gridCount, gridIndex);
+          const pos = this.getPixelFromYValue(chart, yValue, targetGridIndex);
+          const x = pos && Number.isFinite(pos[0]) ? pos[0] : (meta.width || 80) / 2;
+          const y = pos && Number.isFinite(pos[1]) ? pos[1] : fallbackY;
+          const axisKey = `${targetGridIndex}:${y | 0}`;
+          const pinAxis = () => {
+            chart.dispatchAction({
+              type: "updateAxisPointer",
+              currTrigger: "mousemove",
+              x,
+              y,
+              axesInfo: [
+                {
+                  axisDim: "y",
+                  axisIndex: targetGridIndex,
+                  value: yValue
+                }
+              ]
+            });
+          };
+          if (this._lastAxisPx.get(chart) !== axisKey) {
+            this._lastAxisPx.set(chart, axisKey);
+            pinAxis();
           }
-          if (needTip) {
-            const tipKey = nearest ? `${nearest.seriesIndex}:${nearest.dataIndex}` : "";
+          const canShowTip = needTip && lane && lane.lines && lane.lines.length > 0 && this.laneHasAnyValidPlotPoint(chart, laneId);
+          if (canShowTip) {
+            const tipKey = `${axisKey}:${Number(yValue).toFixed(2)}`;
             if (this._lastTipKey.get(chart) !== tipKey) {
-              this._lastTipKey.set(chart, tipKey);
+              const nearest = this.findHelperTooltipAnchor(chart, yValue, targetGridIndex) || this.findNearestTooltipPoint(chart, yValue, targetGridIndex);
               if (nearest) {
+                this._lastTipKey.set(chart, tipKey);
                 chart.dispatchAction({
                   type: "showTip",
                   seriesIndex: nearest.seriesIndex,
@@ -10395,13 +10790,16 @@ const _sfc_main$2 = {
                   x,
                   y
                 });
-              } else {
-                chart.dispatchAction({ type: "hideTip" });
               }
             }
+          } else if (this._lastTipKey.get(chart) != null) {
+            this._lastTipKey.delete(chart);
+            chart.dispatchAction({ type: "hideTip" });
           }
+          pinAxis();
         }
-        chart.group = group;
+      } finally {
+        this._showingTips = false;
       }
     },
     isLeavingToTooltip(event) {
@@ -10410,6 +10808,79 @@ const _sfc_main$2 = {
       if (next.nodeType !== 1) return false;
       return !!(next.classList && next.classList.contains("echarts-tooltip") || next.closest && next.closest(".echarts-tooltip"));
     },
+    isChartBusy() {
+      return !!(this._isPanning || this._isZooming);
+    },
+    detachChartConnect() {
+      if (this._connectDetached) return;
+      const charts = this.getConnectedCharts();
+      this._savedConnectGroups = [];
+      for (let i = 0; i < charts.length; i++) {
+        const chart = charts[i];
+        if (!chart || chart.isDisposed()) continue;
+        this._savedConnectGroups.push({ chart, group: chart.group });
+        chart.group = null;
+      }
+      this._connectDetached = true;
+    },
+    attachChartConnect() {
+      if (!this._connectDetached) return;
+      const saved = this._savedConnectGroups || [];
+      for (let i = 0; i < saved.length; i++) {
+        const item = saved[i];
+        if (!item || !item.chart || item.chart.isDisposed()) continue;
+        item.chart.group = item.group;
+      }
+      this._savedConnectGroups = null;
+      this._connectDetached = false;
+    },
+    hideLaneTooltipsForPan() {
+      this._lastTipKey = /* @__PURE__ */ new WeakMap();
+      this._lastAxisPx = /* @__PURE__ */ new WeakMap();
+      this.getConnectedCharts().forEach((chart) => {
+        if (!chart || chart.isDisposed()) return;
+        chart.dispatchAction({ type: "hideTip" });
+        chart.dispatchAction({
+          type: "updateAxisPointer",
+          currTrigger: "leave"
+        });
+      });
+    },
+    restorePointerAfterInteract() {
+      if (this.isChartBusy()) return;
+      const pending = this._pendingPointer;
+      if (!pending || !this.pointerInChartArea) return;
+      const { chart, x, y } = pending;
+      if (!chart || chart.isDisposed()) return;
+      this.syncAxisPointerAcrossCharts(chart, x, y);
+    },
+    startChartPan() {
+      if (!this.isGeomechanical || this._isPanning) return;
+      this._isPanning = true;
+      this.attachChartConnect();
+      this.hideLaneTooltipsForPan();
+    },
+    endChartPan() {
+      if (!this._isPanning) return;
+      this._isPanning = false;
+      this.restorePointerAfterInteract();
+    },
+    startChartZoom() {
+      if (!this.isGeomechanical) return;
+      this.attachChartConnect();
+      if (!this._isZooming) {
+        this._isZooming = true;
+        if (!this._isPanning) this.hideLaneTooltipsForPan();
+      }
+      if (this._zoomIdleTimer) clearTimeout(this._zoomIdleTimer);
+      this._zoomIdleTimer = setTimeout(() => this.endChartZoom(), 160);
+    },
+    endChartZoom() {
+      this._zoomIdleTimer = 0;
+      if (!this._isZooming) return;
+      this._isZooming = false;
+      this.restorePointerAfterInteract();
+    },
     hideAllLaneTooltips(event) {
       if (this.isLeavingToTooltip(event)) return;
       const next = event && event.relatedTarget;
@@ -10417,8 +10888,10 @@ const _sfc_main$2 = {
       if (wrap && next && wrap.contains(next)) return;
       this.pointerInChartArea = false;
       this._lastTooltipY = null;
+      this._lastTooltipAxisLabel = "";
       this._lastTooltipGridIndex = 0;
       this._lastHeaderDataIndex = -1;
+      this._tooltipLaneId = null;
       this._lastTipKey = /* @__PURE__ */ new WeakMap();
       this._lastAxisPx = /* @__PURE__ */ new WeakMap();
       this.crosshairVisible = false;
@@ -10433,6 +10906,7 @@ const _sfc_main$2 = {
           currTrigger: "leave"
         });
       });
+      this.attachChartConnect();
     },
     hideAxisPointerAcrossCharts(event) {
       if (this.isLeavingToTooltip(event)) return;
@@ -10451,9 +10925,10 @@ const _sfc_main$2 = {
       this._pendingPointer = null;
       if (!this._pointerSyncHandlers || this._pointerSyncHandlers.length === 0)
         return;
-      this._pointerSyncHandlers.forEach(({ zr, onMove, onOut }) => {
+      this._pointerSyncHandlers.forEach(({ zr, onMove, onDown, onOut }) => {
         if (zr) {
           zr.off("mousemove", onMove);
+          if (onDown) zr.off("mousedown", onDown);
           if (onOut) zr.off("globalout", onOut);
         }
       });
@@ -10466,39 +10941,41 @@ const _sfc_main$2 = {
         const chart = item == null ? void 0 : item.chart;
         if (!chart || chart.isDisposed()) return;
         const zr = chart.getZr();
+        const onDown = (e) => {
+          const native = e.event || e;
+          if (native.button != null && native.button !== 0) return;
+          this.startChartPan();
+        };
         const onMove = (e) => {
           var _a, _b;
+          const native = e.event || e;
+          if (this.isGeomechanical && native.buttons === 1 && !this._isPanning) {
+            this.startChartPan();
+          }
           this.schedulePointerSync(
             chart,
             e.offsetX ?? ((_a = e.event) == null ? void 0 : _a.offsetX),
             e.offsetY ?? ((_b = e.event) == null ? void 0 : _b.offsetY)
           );
         };
-        const onOut = () => {
-          if (!this.pointerInChartArea || !this.showTooltip) return;
-          if (this._lastTooltipY == null) return;
-          this.$nextTick(() => {
-            if (!this.pointerInChartArea || this._lastTooltipY == null) return;
-            this._lastTipKey = /* @__PURE__ */ new WeakMap();
-            this._lastAxisPx = /* @__PURE__ */ new WeakMap();
-            this.showSyncedLaneTooltips(
-              this._lastTooltipY,
-              this._lastTooltipOffsetY,
-              this._lastTooltipGridIndex
-            );
-          });
-        };
+        zr.on("mousedown", onDown);
         zr.on("mousemove", onMove);
-        zr.on("globalout", onOut);
-        this._pointerSyncHandlers.push({ zr, onMove, onOut });
+        this._pointerSyncHandlers.push({ zr, onMove, onDown });
       });
     },
     // 联动所有泳道图表的十字准线与 tooltip（贯穿整个泳道区域）
     connectAllCharts() {
       this.$nextTick(() => {
-        requestAnimationFrame(() => {
+        if (this._isUnmounted) return;
+        if (this._connectRaf) cancelAnimationFrame(this._connectRaf);
+        this._connectRaf = requestAnimationFrame(() => {
+          this._connectRaf = 0;
+          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;
           });
@@ -10507,6 +10984,7 @@ const _sfc_main$2 = {
             echarts.connect(this.group);
           }
           this.bindChartPointerSync();
+          if (keepDetached) this.detachChartConnect();
         });
       });
     },
@@ -10602,7 +11080,12 @@ const _sfc_main$2 = {
     getXAxisRangeByHeader(lineInfo, validData = []) {
       let headerMin = 0;
       let headerMax = 1;
-      const numericValues = (validData || []).map((item) => Number(item[0])).filter((v) => !Number.isNaN(v) && v !== null && v !== void 0);
+      const numericValues = (validData || []).reduce((acc, item) => {
+        const raw = Array.isArray(item) ? item[0] : item && item.value ? item.value[0] : item;
+        if (isMissingCurveValue(raw)) return acc;
+        acc.push(Number(raw));
+        return acc;
+      }, []);
       if (lineInfo && Object.prototype.hasOwnProperty.call(lineInfo, "min")) {
         headerMin = Number(lineInfo.min);
       } else if (numericValues.length > 0) {
@@ -10615,10 +11098,10 @@ const _sfc_main$2 = {
       }
       const min = headerMin;
       const max = headerMax;
-      this.lineRange[lineInfo.lineId] = {
-        min,
-        max
-      };
+      const prev = this.lineRange[lineInfo.lineId];
+      if (!prev || prev.min !== min || prev.max !== max) {
+        this.lineRange[lineInfo.lineId] = { min, max };
+      }
       return { min, max };
     },
     // 判断滚动是否到达边界
@@ -10634,7 +11117,7 @@ const _sfc_main$2 = {
           currentData: this.visibleData[0],
           direction: "top"
         };
-        if (now - this.latestTopInfo.timestamp > oneMinute || JSON.stringify(data) !== JSON.stringify(this.latestTopInfo.data)) {
+        if (now - this.latestTopInfo.timestamp > oneMinute || !this.isSameScrollEdgePayload(data, this.latestTopInfo.data)) {
           this.latestTopInfo = { data, timestamp: now };
           this.$emit("chart-scroll", data);
         }
@@ -10650,13 +11133,19 @@ const _sfc_main$2 = {
           currentData: this.visibleData[this.visibleData.length - 1],
           direction: "bottom"
         };
-        if (now - this.latestBottomInfo.timestamp > oneMinute || JSON.stringify(data) !== JSON.stringify(this.latestBottomInfo.data)) {
+        if (now - this.latestBottomInfo.timestamp > oneMinute || !this.isSameScrollEdgePayload(data, this.latestBottomInfo.data)) {
           this.latestBottomInfo = { data, timestamp: now };
           this.$emit("chart-scroll", data);
         }
       }
     },
-    // 更新所有泳道的图表选项
+    // 触顶/触底只比轴值，不要 JSON.stringify 整行。8.25
+    isSameScrollEdgePayload(next, prev) {
+      if (!next || !prev) return false;
+      if (next.direction !== prev.direction) return false;
+      const key = this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType] || this.formCache.axisType;
+      return next.currentData && prev.currentData && next.currentData[key] === prev.currentData[key];
+    },
     updateOptionsByLineId(lineId, option) {
       let index2 = this.allOptions.findIndex((lane) => lane.lineId == lineId);
       if (Object.prototype.hasOwnProperty.call(option, "xAxis") && option.xAxis.length === 0) {
@@ -10675,6 +11164,14 @@ const _sfc_main$2 = {
         });
       }
       this._pointerMetaGen++;
+      this.flushLaneChartOption(lineId, cachedOption);
+    },
+    // skip-clone 浅监听可能不刷 series；对数切换时把 lg 数据直接打进图。8.24
+    flushLaneChartOption(lineId, option) {
+      const ref = this.getChartRefByLaneId(lineId);
+      if (!ref || typeof ref.mergeOptions !== "function") return;
+      if (!ref.chart || ref.chart.isDisposed()) return;
+      ref.mergeOptions(option, true, false, true);
     },
     // 判断指定泳道是否应该显示tooltip内容
     // 地应力模式下：如果没有选中泳道，所有泳道正常显示；如果有选中泳道，只有选中的泳道显示
@@ -10696,7 +11193,6 @@ const _sfc_main$2 = {
         const chart = chartRef.chart;
         chart.setOption({
           tooltip: {
-            ...chart.getOption().tooltip,
             showContent: this.shouldShowTooltipContent(lane.laneId)
           }
         });
@@ -10726,6 +11222,77 @@ const _sfc_main$2 = {
       if (!Number.isFinite(min)) return { min: 0, max: 0 };
       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++) {
+        if (Number.isFinite(Number(rows[i][axisKey]))) return true;
+      }
+      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;
@@ -10737,6 +11304,64 @@ const _sfc_main$2 = {
       }
       return { extents, totalRange };
     },
+    // 成图纸格：横竖同一虚线；竖向 5 等分，横向间距跟小格同宽（方格）。8.25
+    getPaperXSplitCount() {
+      return 5;
+    },
+    getChartPlotHeightPx() {
+      const charts = typeof this.getConnectedCharts === "function" ? this.getConnectedCharts() : [];
+      for (let i = 0; i < charts.length; i++) {
+        const chart = charts[i];
+        if (!chart || chart.isDisposed()) continue;
+        const h = chart.getHeight && chart.getHeight();
+        if (h > 40) return h;
+      }
+      const wrap = this.$refs.chartAreaWrap;
+      if (wrap && wrap.clientHeight > 40) return wrap.clientHeight;
+      return 400;
+    },
+    getTypicalCurveLaneWidthPx() {
+      const map = this.laneWidthMap || {};
+      const lanes = this.currentTemplate && this.currentTemplate.lanes || [];
+      const widths = [];
+      for (let i = 0; i < lanes.length; i++) {
+        const lane = lanes[i];
+        if (!lane || !lane.lines || !lane.lines.length) continue;
+        const w = Number(map[lane.laneId]);
+        if (Number.isFinite(w) && w > 60) widths.push(w);
+      }
+      if (!widths.length) return 200;
+      widths.sort((a, b) => a - b);
+      return widths[Math.floor(widths.length / 2)];
+    },
+    getYGridSplitCount() {
+      const xSplits = this.getPaperXSplitCount();
+      const h = this.getChartPlotHeightPx();
+      const w = this.getTypicalCurveLaneWidthPx();
+      const cell = Math.max(6, w / xSplits);
+      return Math.max(8, Math.min(48, Math.round(h / cell)));
+    },
+    // 井深与横向虚线共用：按列高固定条数，缩放后仍铺满且一一对应。8.25
+    getDepthLabelSplitCount(heightPx) {
+      const h = Math.max(80, Number(heightPx) || this.getChartPlotHeightPx());
+      return Math.max(8, Math.min(24, Math.floor(h / 18)));
+    },
+    getPaperGridAxisStyle(show = true, splitNumber = 5) {
+      const color = getCssVariable("--kd-lane-container-item-line-color");
+      const visible = !!show;
+      return {
+        splitNumber,
+        minorTick: { show: false },
+        minorSplitLine: { show: false },
+        splitLine: {
+          show: visible,
+          showMinLine: false,
+          showMaxLine: false,
+          interval: 0,
+          lineStyle: { color, type: "dashed", width: 1 }
+        }
+      };
+    },
     computeUnifiedAxisInterval(groups, axisKey) {
       let total = 0;
       let min = Infinity;
@@ -10749,10 +11374,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];
@@ -10760,6 +11409,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;
@@ -10767,24 +11418,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;
@@ -10799,11 +11492,16 @@ const _sfc_main$2 = {
         itemStyle: { opacity: 1 }
       };
       series.select = { disabled: true };
+      series.connectNulls = false;
       const area = series.areaStyle;
       const filled = area && Number(area.opacity) > 0;
-      if (pointCount >= 2e3 && !filled) {
+      const hasGap = Array.isArray(series.data) && series.data.some((pt) => {
+        const x = Array.isArray(pt) ? pt[0] : pt && pt.value && pt.value[0];
+        return isMissingCurveValue(x);
+      });
+      if (pointCount >= 400 && !filled && !hasGap) {
         series.large = true;
-        series.largeThreshold = 2e3;
+        series.largeThreshold = 400;
         series.symbol = "none";
       }
       return series;
@@ -10812,16 +11510,39 @@ const _sfc_main$2 = {
       const h = this.$refs.chartContainer && this.$refs.chartContainer.getLaneHeightPx && this.$refs.chartContainer.getLaneHeightPx() || 400;
       return getSeriesDrawThreshold(h);
     },
-    /** 地应力全量进图不抽稀；其它模式只抽稀进图点。8.24 */
+    /** 地应力也只画窗口抽稀点；数值仍从原始行取。8.24 */
     plotSeriesForDraw(data, isLogScale) {
       const plotted = this.plotSeries(data, isLogScale);
-      if (this.isGeomechanical) return plotted;
       return downsampleSeriesForDraw(plotted, this.getSeriesDrawThreshold());
     },
+    /** 该道进图点：开了对数就用 lg 后的 X。8.24 */
+    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;
@@ -10882,7 +11603,7 @@ const _sfc_main$2 = {
         const ref = this.getChartRefByLaneId(lanes[i].laneId);
         const chart = ref && ref.chart;
         if (!chart || chart.isDisposed()) continue;
-        const gridCount = this.readChartGridCount(chart.getOption() || {});
+        const gridCount = this.readGridCount(chart);
         if (!gridCount || gridCount !== groups.length) {
           if (!this.isUpdatingChart) this.updateLanesChartOption();
           return;
@@ -10893,19 +11614,27 @@ const _sfc_main$2 = {
         const ref = this.getChartRefByLaneId(lane.laneId);
         const chart = ref && ref.chart;
         if (!chart || chart.isDisposed()) return;
-        const option = chart.getOption() || {};
+        let seriesList = [];
+        try {
+          seriesList = chart.getModel().getSeries() || [];
+        } catch (e) {
+          return;
+        }
         const isLog = isLaneLogScale(lane);
         const yAxis = groups.map((g) => ({ min: g.min, max: g.max }));
-        const series = (option.series || []).map((s) => {
-          const gi = this.clampGridIndex(groups.length, this.seriesYAxisIndex(s));
+        const series = seriesList.map((sm) => {
+          const opt = sm && sm.option || {};
+          const gi = this.clampGridIndex(groups.length, this.seriesYAxisIndex(opt));
           const group = groups[gi];
-          const name = Array.isArray(s.name) ? s.name[0] : s.name;
+          const name = this.unwrapEchartsValue(sm && sm.name);
           if (name === "helper") {
-            const x = s.data && s.data[0] && s.data[0][0];
+            const data2 = opt.data;
+            const x = data2 && data2[0] && data2[0][0];
             return { data: [[x, group.min], [x, group.max]] };
           }
-          if (name === "log-grid" || s.type !== "line") return {};
-          const paramId = Array.isArray(s.paramId) ? s.paramId[0] : s.paramId;
+          const type = sm.subType || this.unwrapEchartsValue(opt.type);
+          if (name === "log-grid" || type !== "line") return {};
+          const paramId = this.unwrapEchartsValue(opt.paramId);
           if (paramId == null) return {};
           const cacheKey = `${gi}:${paramId}:${isLog ? 1 : 0}`;
           let data = groupSeriesCache.get(cacheKey);
@@ -10916,7 +11645,10 @@ const _sfc_main$2 = {
               axisKey,
               paramCodeMap
             );
-            data = downsampleSeriesForDraw(this.plotSeries(raw, isLog), threshold);
+            data = downsampleSeriesForDraw(
+              this.plotSeries(raw, isLog),
+              threshold
+            );
             groupSeriesCache.set(cacheKey, data);
           }
           return { data };
@@ -11001,8 +11733,10 @@ const _sfc_main$2 = {
     },
     // 处理鼠标滚轮事件
     handleWheel(e) {
-      if (this.trendLineManager) this.trendLineManager.scheduleZoomRender();
-      if (this.isGeomechanical) return;
+      if (this.isGeomechanical) {
+        this.startChartZoom();
+        return;
+      }
       e.preventDefault();
       const dataLength = this.realTimeData && this.realTimeData.length || 0;
       this.wheelDelta = Math.sign(e.deltaY);
@@ -11073,7 +11807,7 @@ const _sfc_main$2 = {
       let markLineYValues = [];
       const firstChart = this.getConnectedCharts()[0];
       if (firstChart) {
-        const chartOption = firstChart.getOption();
+        const chartOption = this.readChartOptionRefs(firstChart);
         if (chartOption && chartOption.series) {
           chartOption.series.forEach((series) => {
             if (series.markLine && series.markLine.data) {
@@ -11270,28 +12004,29 @@ const _sfc_main$2 = {
       const newItems = newData.filter(
         (item) => !existingKeys.has(item[axisKey])
       );
-      this.realTimeData = [...this.realTimeData, ...newItems];
+      const merged = [...this.realTimeData, ...newItems];
       if (axisType === "depth") {
-        if (this.realTimeData[0] && this.realTimeData[0].timestamp) {
-          this.realTimeData.sort((a, b) => {
+        if (merged[0] && merged[0].timestamp) {
+          merged.sort((a, b) => {
             const timestampA = this.toMillisecondTimestamp(a.timestamp);
             const timestampB = this.toMillisecondTimestamp(b.timestamp);
             return timestampA - timestampB;
           });
         } else {
-          this.realTimeData.sort((a, b) => {
+          merged.sort((a, b) => {
             const valA = Number(a[axisKey]);
             const valB = Number(b[axisKey]);
             return valA - valB;
           });
         }
       } else {
-        this.realTimeData.sort((a, b) => {
+        merged.sort((a, b) => {
           const valA = Number(a[axisKey]);
           const valB = Number(b[axisKey]);
           return valA - valB;
         });
       }
+      this.realTimeData = markRaw(merged);
       let targetStartValue = Number(startValue);
       if (axisType !== "depth") {
         const str = String(targetStartValue);
@@ -11418,16 +12153,8 @@ const _sfc_main$2 = {
             type: "value",
             inverse: true,
             boundaryGap: false,
-            scale: true,
-            splitLine: {
-              show: true,
-              showMinLine: false,
-              showMaxLine: false,
-              lineStyle: {
-                color: getCssVariable("--kd-lane-container-item-line-color"),
-                type: "dashed"
-              }
-            },
+            scale: false,
+            ...this.getPaperGridAxisStyle(true, this.getYGridSplitCount()),
             axisLine: {
               show: false,
               onZero: false
@@ -11470,24 +12197,7 @@ const _sfc_main$2 = {
               backgroundColor: `${getCssVariable("--kd-lane-container-border-color")}99`,
               color: `${getCssVariable("--default-text-color")}`,
               show: true,
-              formatter: (params) => {
-                var _a;
-                try {
-                  if (this.formCache.displayType == "header") {
-                    const firstItem = this.getFirstDataIndexItem(
-                      params && params.seriesData
-                    );
-                    this.headerData = ((_a = firstItem == null ? void 0 : firstItem.data) == null ? void 0 : _a.rowData) || this.findRowByAxisValue(params && params.value) || {};
-                  }
-                  if (params == null || params.value == null) return "";
-                  if (this.formCache.axisType == "time") {
-                    return this.timestampToYMDHMS(params.value);
-                  }
-                  return String(params.value);
-                } catch (e) {
-                  return "";
-                }
-              }
+              formatter: () => this._lastTooltipAxisLabel || ""
             }
           },
           confine: true,
@@ -11496,65 +12206,7 @@ const _sfc_main$2 = {
           textStyle: {
             color: getCssVariable("--default-text-color")
           },
-          formatter: (series) => {
-            if (!series || !Array.isArray(series)) return "";
-            const uniqueMap = /* @__PURE__ */ new Map();
-            for (let i = 0; i < series.length; i++) {
-              const current = series[i];
-              if (!current || current.seriesName === "helper") continue;
-              const existingItem = uniqueMap.get(current.seriesName);
-              if (!existingItem) {
-                uniqueMap.set(current.seriesName, current);
-                continue;
-              }
-              const existingValue = Array.isArray(existingItem.value) ? existingItem.value[0] : existingItem.value;
-              const currentValue = Array.isArray(current.value) ? current.value[0] : current.value;
-              const existingHasValue = existingValue !== void 0 && existingValue !== null && existingValue !== "";
-              const currentHasValue = currentValue !== void 0 && currentValue !== null && currentValue !== "";
-              if (!existingHasValue && currentHasValue) {
-                continue;
-              }
-              if (existingHasValue && !currentHasValue) {
-                uniqueMap.set(current.seriesName, current);
-              } else if (existingHasValue && currentHasValue) {
-                if (Number(currentValue) > Number(existingValue)) {
-                  uniqueMap.set(current.seriesName, current);
-                }
-              } else {
-                uniqueMap.set(current.seriesName, current);
-              }
-            }
-            const uniqueSeries = [];
-            uniqueMap.forEach((item) => uniqueSeries.push(item));
-            if (this.tooltipFormatter && typeof this.tooltipFormatter === "function") {
-              let mousePositionData = null;
-              if (uniqueSeries.length > 0) {
-                const firstItem = this.getFirstDataIndexItem(uniqueSeries);
-                const tip = firstItem || uniqueSeries[0];
-                const axisVal = Array.isArray(tip && tip.value) ? tip.value[1] : tip && tip.axisValue;
-                mousePositionData = firstItem && firstItem.data && firstItem.data.rowData || this.findRowByAxisValue(
-                  Number.isFinite(Number(axisVal)) ? axisVal : this._lastTooltipY
-                ) || {};
-              } else if (this._lastTooltipY != null) {
-                mousePositionData = this.findRowByAxisValue(this._lastTooltipY) || {};
-              }
-              return this.tooltipFormatter({
-                series: uniqueSeries,
-                mousePositionData
-              });
-            }
-            let html = "<div>";
-            for (let i = 0; i < uniqueSeries.length; i++) {
-              const params = uniqueSeries[i];
-              const { seriesName, value, color } = params;
-              let xValue = value;
-              if (Array.isArray(value)) xValue = value[0];
-              const text = xValue == void 0 || xValue == null ? `${seriesName}:--` : `${seriesName}:${typeof +xValue === "number" ? Number(Number(xValue).toFixed(3)) : xValue}`;
-              html += `<div style="display:flex;align-items:center"><div style="height:10px;width:10px;font-size:10px;border-radius:8px;background-color:${color}"></div><span style="margin-left:8px;font-size:12px">${text}</span></div>`;
-            }
-            html += "</div>";
-            return html;
-          }
+          formatter: () => this.renderLaneTooltipHtml(this._tooltipLaneId)
         }
       };
       return option;
@@ -11624,6 +12276,7 @@ const _sfc_main$2 = {
         dataIndexMap.set(String(realTimeData[i][axisKey]), realTimeData[i]);
       }
       try {
+        this._laneHasValidPoint = /* @__PURE__ */ Object.create(null);
         for (let laneIndex = 0; laneIndex < lanes.length; laneIndex++) {
           const lane = lanes[laneIndex];
           const axisTypeList = this.currentToolBarConfig.axisTypeList || {
@@ -11633,11 +12286,15 @@ const _sfc_main$2 = {
           const isDepthLane = Object.prototype.hasOwnProperty.call(axisTypeList, "depth") && axisTypeList.depth == lane.laneKey;
           const isTimeLane = Object.prototype.hasOwnProperty.call(axisTypeList, "time") && axisTypeList.time == lane.laneKey;
           const option = this.getDefaultLaneChartOption();
+          if (isDepthLane || isTimeLane) {
+            if (option.dataZoom && option.dataZoom[0]) {
+              option.dataZoom[0].filterMode = "none";
+            }
+          }
           let hasValidLineData = false;
           const seriesDataCache = {};
           if (lane && lane.lines && lane.lines.length > 0) {
             for (const lineInfo of lane.lines) {
-              if (lineInfo.isUsed !== "1") continue;
               const seriesData = this.generateSeriesDataCached(
                 realTimeData,
                 lineInfo,
@@ -11646,9 +12303,7 @@ const _sfc_main$2 = {
               );
               seriesDataCache[lineInfo.lineId] = { full: seriesData };
               if (!hasValidLineData) {
-                hasValidLineData = seriesData.some(
-                  (point) => point[0] !== null && point[0] !== void 0 && point[0] !== ""
-                );
+                hasValidLineData = this.seriesDataHasValidX(seriesData);
               }
               if (lineInfo.recommendParamId) {
                 const recommendLineInfo = {
@@ -11665,13 +12320,14 @@ const _sfc_main$2 = {
                   full: recommendSeriesData
                 };
                 if (!hasValidLineData) {
-                  hasValidLineData = recommendSeriesData.some(
-                    (point) => point[0] !== null && point[0] !== void 0 && point[0] !== ""
+                  hasValidLineData = this.seriesDataHasValidX(
+                    recommendSeriesData
                   );
                 }
               }
             }
           }
+          this._laneHasValidPoint[lane.laneId] = hasValidLineData;
           if (dataGroups.length > 0) {
             option.yAxis = [];
             option.series = [];
@@ -11701,9 +12357,12 @@ const _sfc_main$2 = {
                 right: 2,
                 height: `${groupHeight}%`,
                 show: false,
-                containLabel: true
+                containLabel: !!(isDepthLane || isTimeLane)
+                // 井深列给刻度留宽，和桌面版一致。8.25
               });
               currentTop += groupHeight;
+              const groupPlotH = this.getChartPlotHeightPx() * (groupHeight / 100);
+              const ySplitCount = this.isGeomechanical ? this.getDepthLabelSplitCount(groupPlotH) : this.getYGridSplitCount();
               option.yAxis.push({
                 gridIndex,
                 type: "value",
@@ -11711,17 +12370,11 @@ const _sfc_main$2 = {
                 max: groupMax,
                 inverse: true,
                 boundaryGap: false,
-                splitLine: {
-                  show: true,
-                  showMinLine: false,
-                  showMaxLine: false,
-                  lineStyle: {
-                    color: getCssVariable(
-                      "--kd-lane-container-item-line-color"
-                    ),
-                    type: "dashed"
-                  }
-                },
+                scale: false,
+                ...this.getPaperGridAxisStyle(
+                  !isDepthLane && !isTimeLane,
+                  ySplitCount
+                ),
                 axisLine: { show: false, onZero: false },
                 axisTick: { show: false },
                 axisLabel: {
@@ -11731,13 +12384,16 @@ const _sfc_main$2 = {
                 },
                 axisPointer: { show: hasValidLineData }
               });
-              if (dataGroups.length > 1) {
-                option.yAxis[gridIndex].interval = unifiedInterval;
+              if (this.isGeomechanical) {
+                option.yAxis[gridIndex].splitNumber = ySplitCount;
+                option.yAxis[gridIndex].minInterval = 1;
+                option.yAxis[gridIndex].alignTicks = true;
+              } else if (isDepthLane || isTimeLane) {
+                option.yAxis[gridIndex].interval = this.computeDepthTimeAxisInterval(dataGroups, axisKey);
               } else {
-                option.yAxis[gridIndex].splitNumber = 15;
+                option.yAxis[gridIndex].interval = unifiedInterval;
               }
               if (isDepthLane || isTimeLane) {
-                const clientWidth = this.laneWidthMap && this.laneWidthMap[lane.laneId];
                 option.xAxis.push({
                   gridIndex,
                   type: "value",
@@ -11752,52 +12408,33 @@ const _sfc_main$2 = {
                   type: "line",
                   xAxisIndex: option.xAxis.length - 1,
                   yAxisIndex: gridIndex,
+                  name: "helper",
                   nameIndex: groupIndex,
-                  data: []
+                  data: [
+                    [0, groupMin],
+                    [0, groupMax]
+                  ],
+                  symbol: "none",
+                  silent: true,
+                  tooltip: { show: false },
+                  lineStyle: { opacity: 0 }
                 });
                 Object.assign(option.yAxis[gridIndex], {
                   splitLine: { show: false },
+                  minorSplitLine: { show: false },
                   axisPointer: { show: false },
                   alignTicks: true,
                   boundaryGap: false,
-                  axisLabel: {
-                    show: true,
-                    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;
@@ -11854,28 +12491,22 @@ 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 }
                     }
                   );
-                  const seriesSource = lineInfo.isUsed === "1" ? this.plotSeriesForDraw(groupSeriesData, isLogScale) : [];
+                  const seriesSource = lineInfo.isUsed === "1" ? this.toDrawSeriesData(lane, groupSeriesData) : [];
                   const baseSeries = {
                     laneId: lineInfo.paramId,
                     paramId: lineInfo.paramId,
@@ -11893,6 +12524,7 @@ const _sfc_main$2 = {
                       type: lineInfo.lineType
                     },
                     clip: true,
+                    connectNulls: false,
                     z: lineInfo.lineSort
                   };
                   if (lane.lines.length - 1 == index2) {
@@ -11931,8 +12563,7 @@ const _sfc_main$2 = {
                     max,
                     isLogScale
                   );
-                  this.applyGeoLineDrawOption(baseSeries, seriesSource.length);
-                  option.series.push(baseSeries);
+                  this.pushGeoLineSeries(option, baseSeries, seriesSource);
                   if (rangeAreaSeries) {
                     option.series.push(rangeAreaSeries);
                   }
@@ -11975,7 +12606,7 @@ const _sfc_main$2 = {
                       axisKey,
                       paramCodeMap
                     );
-                    const recommendSource = lineInfo.recommendIsUsed === "1" || lineInfo.recommendIsUsed == 1 ? this.plotSeriesForDraw(recommendGroupSeriesData, isLogScale) : [];
+                    const recommendSource = lineInfo.recommendIsUsed === "1" || lineInfo.recommendIsUsed == 1 ? this.toDrawSeriesData(lane, recommendGroupSeriesData) : [];
                     const recommendSeries = {
                       laneId: lineInfo.recommendParamId,
                       data: recommendSource,
@@ -11990,13 +12621,10 @@ const _sfc_main$2 = {
                         type: "dashed"
                       },
                       clip: true,
+                      connectNulls: false,
                       z: lineInfo.lineSort
                     };
-                    this.applyGeoLineDrawOption(
-                      recommendSeries,
-                      recommendSource.length
-                    );
-                    option.series.push(recommendSeries);
+                    this.pushGeoLineSeries(option, recommendSeries, recommendSource);
                   }
                   const effectScatterPoint = this.latestLineDataByParamCode[lineInfo.paramId];
                   if (effectScatterPoint && lineInfo.latestDataTips) {
@@ -12051,25 +12679,27 @@ const _sfc_main$2 = {
                 }).filter(
                   (v) => v !== void 0 && v !== null && !Number.isNaN(v)
                 );
+                let helperX = 0;
                 if (rangeMins.length > 0) {
-                  const min = Math.max(...rangeMins);
-                  const helperX = isLogScale ? Math.log10(this.getLaneLogPlotRange(lane).min) : min;
-                  option.series.unshift({
-                    name: "helper",
-                    type: "line",
-                    xAxisIndex: option.xAxis.length - 1,
-                    yAxisIndex: gridIndex,
-                    data: [
-                      [helperX, groupMin],
-                      [helperX, groupMax]
-                    ],
-                    lineStyle: { opacity: 0 },
-                    symbol: "none",
-                    silent: true,
-                    // 禁用鼠标事件
-                    tooltip: { show: false }
-                  });
+                  helperX = isLogScale ? Math.log10(this.getLaneLogPlotRange(lane).min) : Math.max(...rangeMins);
+                } else if (isLogScale) {
+                  helperX = Math.log10(this.getLaneLogPlotRange(lane).min);
                 }
+                if (!Number.isFinite(helperX)) helperX = 0;
+                option.series.unshift({
+                  name: "helper",
+                  type: "line",
+                  xAxisIndex: option.xAxis.length - 1,
+                  yAxisIndex: gridIndex,
+                  data: [
+                    [helperX, groupMin],
+                    [helperX, groupMax]
+                  ],
+                  lineStyle: { opacity: 0 },
+                  symbol: "none",
+                  silent: true,
+                  tooltip: { show: true }
+                });
                 if (isLogScale) {
                   option.series.unshift(
                     this.getLogPaperGridSeries(
@@ -12083,12 +12713,12 @@ const _sfc_main$2 = {
             }
           }
           if (option.tooltip && lane && lane.lines && lane.lines.length) {
-            option.tooltip.showContent = this.shouldShowTooltipContent(
-              lane.laneId
-            );
+            const laneId = lane.laneId;
+            option.tooltip.showContent = this.shouldShowTooltipContent(laneId);
             option.tooltip.triggerOn = "none";
             option.tooltip.enterable = false;
             option.tooltip.extraCssText = "pointer-events: none !important;";
+            option.tooltip.formatter = () => this.renderLaneTooltipHtml(laneId);
           }
           this.updateOptionsByLineId(lane.laneId, option);
         }
@@ -12162,6 +12792,108 @@ const _sfc_main$2 = {
       output.push(data[dataLength - 1]);
       return output;
     },
+    formatTooltipXValue(raw) {
+      if (this.isMissingTooltipValue(raw)) return "--";
+      return Number(Number(raw).toFixed(3));
+    },
+    getLineThemeColor(lineInfo) {
+      if (!lineInfo) return "";
+      if (lineInfo.themeConfig && lineInfo.themeConfig[this.nowTheme]) {
+        if (lineInfo.isGradient && this.linearGradientLineColor && this.linearGradientLineColor[this.nowTheme] && this.linearGradientLineColor[this.nowTheme][lineInfo.paramId]) {
+          return this.linearGradientLineColor[this.nowTheme][lineInfo.paramId];
+        }
+        return lineInfo.themeConfig[this.nowTheme].lineColor;
+      }
+      return lineInfo.lineColor || "";
+    },
+    getTooltipLineName(lineInfo, isRecommend) {
+      if (isRecommend) return "推荐值";
+      if (lineInfo && lineInfo.recommendParamId) return "实际值";
+      const param = (this.params || []).find(
+        (p) => p.paramId == (lineInfo && lineInfo.paramId)
+      );
+      if (param && param.paramName) {
+        return `${param.paramName}${param.paramUnit ? `(${param.paramUnit})` : ""}`;
+      }
+      return lineInfo && (lineInfo.paramName || String(lineInfo.paramId)) || "";
+    },
+    readLineValueFromRow(row, paramId) {
+      if (!row || paramId == null) return null;
+      if (paramId in row) return row[paramId];
+      const strId = String(paramId);
+      if (strId in row) return row[strId];
+      const currentParam = (this.params || []).find((p) => p.paramId == paramId);
+      if (currentParam && currentParam.paramCode) {
+        const codes = String(currentParam.paramCode).split(",");
+        for (let i = 0; i < codes.length; i++) {
+          const code = codes[i];
+          if (code && code in row) return row[code];
+        }
+      }
+      return null;
+    },
+    formatTooltipLineDisplayValue(raw, isLogScale) {
+      if (this.isMissingTooltipValue(raw)) return "--";
+      if (isLogScale) {
+        const lg = formatLanePointValue(raw);
+        return lg == null ? "--" : lg;
+      }
+      return this.formatTooltipXValue(raw);
+    },
+    buildLaneTooltipSeries(lane, row, yValue) {
+      const lines = lane && lane.lines || [];
+      const isLogScale = isLaneLogScale(lane);
+      const items = [];
+      for (let i = 0; i < lines.length; i++) {
+        const lineInfo = lines[i];
+        const raw = this.readLineValueFromRow(row, lineInfo.paramId);
+        items.push({
+          seriesName: this.getTooltipLineName(lineInfo, false),
+          color: this.getLineThemeColor(lineInfo),
+          value: [this.formatTooltipLineDisplayValue(raw, isLogScale), yValue],
+          paramId: lineInfo.paramId,
+          lineId: lineInfo.lineId
+        });
+        if (lineInfo.recommendParamId) {
+          const recRaw = this.readLineValueFromRow(
+            row,
+            lineInfo.recommendParamId
+          );
+          items.push({
+            seriesName: this.getTooltipLineName(lineInfo, true),
+            color: this.getLineThemeColor(lineInfo),
+            value: [
+              this.formatTooltipLineDisplayValue(recRaw, isLogScale),
+              yValue
+            ],
+            paramId: lineInfo.recommendParamId,
+            lineId: lineInfo.lineId
+          });
+        }
+      }
+      return items;
+    },
+    renderLaneTooltipHtml(laneId) {
+      const yValue = this._lastTooltipY;
+      const lane = this.findLaneById(laneId);
+      const row = yValue != null ? this.findRowByAxisValue(yValue) || {} : {};
+      const displaySeries = this.buildLaneTooltipSeries(lane, row, yValue);
+      if (this.tooltipFormatter && typeof this.tooltipFormatter === "function") {
+        return this.tooltipFormatter({
+          series: displaySeries,
+          mousePositionData: row
+        });
+      }
+      let html = "<div>";
+      for (let i = 0; i < displaySeries.length; i++) {
+        const params = displaySeries[i];
+        const { seriesName, value, color } = params;
+        const xValue = Array.isArray(value) ? value[0] : value;
+        html += `<div style="display:flex;align-items:center"><div style="height:10px;width:10px;font-size:10px;border-radius:8px;background-color:${color}"></div><span style="margin-left:8px;font-size:12px">${seriesName}:${xValue}</span></div>`;
+      }
+      html += "</div>";
+      return html;
+    },
     // 生成泳道图表数据
     generateSeriesData(data, lineInfo, axisKey) {
       return data.map((item) => {
@@ -12182,6 +12914,7 @@ const _sfc_main$2 = {
             }
           }
         }
+        if (isMissingCurveValue(value)) value = null;
         return [value, +item[axisKey], item.timestamp];
       });
     },
@@ -12200,6 +12933,7 @@ const _sfc_main$2 = {
             }
           }
         }
+        if (isMissingCurveValue(value)) value = null;
         return [value, +item[axisKey], item.timestamp];
       });
     },
@@ -12218,6 +12952,7 @@ const _sfc_main$2 = {
             }
           }
         }
+        if (isMissingCurveValue(value)) value = null;
         return {
           value: [value, +item[axisKey]],
           rowData: item
@@ -12323,7 +13058,7 @@ const _sfc_main$2 = {
         }
       }
       const chart = chartRef.chart;
-      const option = chart.getOption();
+      const option = this.readChartOptionRefs(chart);
       const pointInPixel = [
         e.offsetX || ((_a = e.event) == null ? void 0 : _a.offsetX),
         e.offsetY || ((_b = e.event) == null ? void 0 : _b.offsetY)
@@ -12495,10 +13230,10 @@ const _sfc_main$2 = {
       const filteredPoints = points.filter((point) => {
         if (this.formCache.axisType === "depth" && point.timestamp !== void 0 && point.timestamp !== null) {
           const pointY = point.value[1];
-          let findItem = this.visibleData.find(
+          const findItem = this.visibleData.find(
             (d) => d[axisKey] == pointY && d.timestamp == point.timestamp
-          ) || {};
-          if (JSON.stringify(findItem) == "{}") {
+          );
+          if (!findItem) {
             return false;
           }
           return true;
@@ -12516,7 +13251,7 @@ const _sfc_main$2 = {
           borderWidth: 2
         }
       }));
-      const option = chart.getOption();
+      const option = this.readChartOptionRefs(chart);
       const existingIndex = option.series.findIndex(
         (s) => s.id === "selectedPointScatter"
       );
@@ -12613,7 +13348,7 @@ const _sfc_main$2 = {
         e.offsetX || ((_a = e.event) == null ? void 0 : _a.offsetX),
         e.offsetY || ((_b = e.event) == null ? void 0 : _b.offsetY)
       ];
-      const option = chart.getOption();
+      const option = this.readChartOptionRefs(chart);
       let clickedPoint = null;
       let minDistance = 15;
       for (let i = 0; i < option.series.length; i++) {
@@ -12761,7 +13496,6 @@ const _sfc_main$2 = {
     findMarkAreaByPoint(point, laneId) {
       const chartRef = this.getChartRefByLaneId(laneId);
       if (!chartRef || !chartRef.chart) return -1;
-      chartRef.chart.getOption();
       const yValue = point.value[1];
       for (let i = 0; i < this.markAreaLineData.length; i++) {
         const area = this.markAreaLineData[i];
@@ -13481,7 +14215,7 @@ const _sfc_main$2 = {
           const chartRef = this.getChartRefByLaneId(lane.laneId);
           if (!chartRef || !chartRef.chart) continue;
           const chart = chartRef.chart;
-          const currentOption = chart.getOption();
+          const currentOption = this.readChartOptionRefs(chart);
           const axisTypeList = this.currentToolBarConfig.axisTypeList || {
             depth: "depth",
             time: "time"
@@ -13518,13 +14252,15 @@ const _sfc_main$2 = {
               right: 2,
               height: `${groupHeight}%`,
               show: false,
-              containLabel: false
+              containLabel: !!isDepthLane
             };
             const currentGrid = currentOption.grid && currentOption.grid[gridIndex];
             if (!currentGrid || currentGrid.top !== gridItem.top || currentGrid.height !== gridItem.height) {
               needUpdate.grid = true;
             }
             newGrid.push(gridItem);
+            const groupPlotH = this.getChartPlotHeightPx() * (groupHeight / 100);
+            const ySplitCount = this.isGeomechanical ? this.getDepthLabelSplitCount(groupPlotH) : this.getYGridSplitCount();
             const yAxisItem = {
               gridIndex,
               type: "value",
@@ -13532,10 +14268,39 @@ const _sfc_main$2 = {
               max: groupMax,
               inverse: true,
               boundaryGap: false,
-              interval: unifiedInterval
+              scale: false,
+              ...this.getPaperGridAxisStyle(
+                !isDepthLane,
+                ySplitCount
+              )
             };
+            if (this.isGeomechanical) {
+              yAxisItem.splitNumber = ySplitCount;
+              yAxisItem.minInterval = 1;
+              yAxisItem.alignTicks = true;
+            } else if (isDepthLane) {
+              yAxisItem.interval = this.computeDepthTimeAxisInterval(
+                dataGroups,
+                axisKey
+              );
+            } else {
+              yAxisItem.interval = unifiedInterval;
+            }
+            if (isDepthLane) {
+              yAxisItem.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);
@@ -13591,7 +14356,7 @@ const _sfc_main$2 = {
                     lineInfo,
                     axisKey
                   );
-                  const finalSeriesData = lineInfo.isUsed === "1" ? this.plotSeriesForDraw(seriesData, isLogScale) : [];
+                  const finalSeriesData = lineInfo.isUsed === "1" ? this.toDrawSeriesData(lane, seriesData) : [];
                   needUpdate.series = true;
                   newSeriesData.push({
                     index: seriesIndex,
@@ -13787,7 +14552,7 @@ const _sfc_main$2 = {
     deduplicateByUniqueKey(existingData, newData, uniqueKey, options = {}) {
       const { sortOrder = "asc", isSort = true } = options;
       const newDataArr = Array.isArray(newData) ? newData : [newData];
-      let resultData = JSON.parse(JSON.stringify(existingData));
+      const resultData = Array.isArray(existingData) ? existingData.slice() : [];
       const existingKeys = new Set(resultData.map((item) => item[uniqueKey]));
       newDataArr.forEach((newItem) => {
         if (!newItem || !newItem[uniqueKey]) return;
@@ -14066,7 +14831,7 @@ const _sfc_main$2 = {
           this.realTimeData = [];
           this.visibleData = [];
           if (!this.initialRealTimeData || !this.initialRealTimeData.data) {
-            this.initialRealTimeData = newVal || {};
+            this.initialRealTimeData = markRaw(newVal || {});
           }
           let processedData = newVal && newVal.data || [];
           if (this.formCache.axisType == "time") {
@@ -14097,13 +14862,13 @@ const _sfc_main$2 = {
           await this.$nextTick();
           this.updateLanesChartOption();
         } else if (newVal.type === "supplementaryData") {
-          let data = cloneDeep(newVal && newVal.data) || [];
+          let data = newVal && newVal.data || [];
           if (!Array.isArray(data)) {
             data = [data];
           }
           this.handleDataLoaded(data);
         } else if (newVal.type === "updateData") {
-          let data = cloneDeep(newVal && newVal.data) || [];
+          let data = newVal && newVal.data || [];
           if (!Array.isArray(data)) {
             data = [data];
           }
@@ -14159,7 +14924,7 @@ const _sfc_main$2 = {
           this.updateLanesChartOption();
         } else {
           console.log(newVal, "newVal");
-          let data = cloneDeep(newVal && newVal.data) || [];
+          let data = newVal && newVal.data || [];
           if (!Array.isArray(data)) {
             data = [data];
           }
@@ -14170,10 +14935,12 @@ const _sfc_main$2 = {
               ...item,
               [axisKey]: this.toMillisecondTimestamp(item[axisKey])
             }));
-            this.realTimeData = this.deduplicateByUniqueKey(
-              this.realTimeData,
-              data,
-              this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType]
+            this.realTimeData = markRaw(
+              this.deduplicateByUniqueKey(
+                this.realTimeData,
+                data,
+                this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType]
+              )
             );
           } else {
             data = data.map((item) => ({
@@ -14181,14 +14948,18 @@ const _sfc_main$2 = {
               timestamp: this.toMillisecondTimestamp(item.timestamp)
             }));
             if (direction === "top") {
-              this.realTimeData = this.uniqueByKeys(
-                [...data, ...this.realTimeData],
-                "timestamp"
+              this.realTimeData = markRaw(
+                this.uniqueByKeys(
+                  [...data, ...this.realTimeData],
+                  "timestamp"
+                )
               );
             } else {
-              this.realTimeData = this.uniqueByKeys(
-                [...this.realTimeData, ...data],
-                "timestamp"
+              this.realTimeData = markRaw(
+                this.uniqueByKeys(
+                  [...this.realTimeData, ...data],
+                  "timestamp"
+                )
               );
             }
           }
@@ -14206,8 +14977,7 @@ const _sfc_main$2 = {
           }
         }
       },
-      immediate: true,
-      deep: true
+      immediate: true
     }
   }
 };
@@ -14283,7 +15053,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                   placement: "top"
                 }, null, 8, ["min", "max"])) : createCommentVNode("", true),
                 (openBlock(), createBlock(_component_resizeEcharts, {
-                  key: lane.laneId,
+                  key: $options.chartLaneKey(lane),
                   ref: (el) => $options.setChartRef(lane.laneId, el),
                   autoresize: "",
                   options: $options.getOptionsByLineId(lane.laneId),
@@ -14328,7 +15098,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                   placement: "top"
                 }, null, 8, ["min", "max"])) : createCommentVNode("", true),
                 (openBlock(), createBlock(_component_resizeEcharts, {
-                  key: lane.laneId,
+                  key: $options.chartLaneKey(lane),
                   ref: (el) => $options.setChartRef(lane.laneId, el),
                   autoresize: "",
                   options: $options.getOptionsByLineId(lane.laneId),
@@ -14397,7 +15167,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 544);
 }
-const chartContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-5da40120"]]);
+const chartContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-22f7e692"]]);
 const _sfc_main$1 = {
   name: "ParameterPanel",
   props: {
@@ -15030,6 +15800,16 @@ const faultParameters = [
     paramId: ["8034"]
   }
 ];
+function holdCurveDatas(val) {
+  if (!val || typeof val !== "object") {
+    return markRaw({ data: markRaw([]) });
+  }
+  const data = Array.isArray(val.data) ? val.data : [];
+  return markRaw({
+    ...val,
+    data: markRaw(data)
+  });
+}
 const _sfc_main = {
   name: "frameLayout",
   components: {
@@ -15241,8 +16021,9 @@ const _sfc_main = {
     this.depthTimeChartData = this.WellBitDepthTimePlotConfig && this.WellBitDepthTimePlotConfig.data || [];
     this.initialFormCache = cloneDeep(this.currentToolBarConfig && this.currentToolBarConfig.form || {});
     this.formCache = cloneDeep(this.currentToolBarConfig && this.currentToolBarConfig.form || {});
-    this.cachedCurveDatas = cloneDeep(this.curveDatas || {});
-    this.initialCurveDatas = cloneDeep(this.curveDatas || {});
+    this.cachedCurveDatas = holdCurveDatas(this.curveDatas);
+    this.initialCurveDatas = holdCurveDatas(this.curveDatas);
+    this._hasInitialCurveDatas = !!(this.curveDatas && this.curveDatas.type);
     let form = cloneDeep(this.currentToolBarConfig && this.currentToolBarConfig.form || {});
     const processedDepthConfig = this.processConfig(this.depthConfig);
     const processedTimeConfig = this.processConfig(this.timeConfig);
@@ -15379,13 +16160,24 @@ const _sfc_main = {
       this.containerWidth = this.$refs.container && this.$refs.container.offsetWidth || 800;
       this.initWidth();
     });
-    window.addEventListener("resize", () => {
+    this._onWindowResize = () => {
       this.$nextTick(() => {
+        if (this._isUnmounted) return;
         this.containerWidth = this.$refs.container && this.$refs.container.offsetWidth || 800;
       });
-    });
+    };
+    window.addEventListener("resize", this._onWindowResize);
   },
   methods: {
+    // 延后显示图表；销毁时清掉，避免回调打到已卸载实例。8.24
+    deferShowChart(fn) {
+      if (this._showChartTimer) clearTimeout(this._showChartTimer);
+      this._showChartTimer = setTimeout(() => {
+        this._showChartTimer = null;
+        if (this._isUnmounted) return;
+        fn();
+      }, 0);
+    },
     // 处理单个对象，根据paramId匹配faultParameters并补充lineColor、max、min
     processSingleItem(item) {
       if (!item || !item.paramId) return;
@@ -15478,16 +16270,16 @@ const _sfc_main = {
       this.formCache = cloneDeep(this.initialFormCache);
       this.showChartContainer = false;
       this.enableCurveDatasWatch = false;
-      setTimeout(() => {
+      this.deferShowChart(() => {
         const processedDepthConfig = this.processConfig(this.depthConfig);
         const processedTimeConfig = this.processConfig(this.timeConfig);
         this.config = this.formCache.axisType === "depth" ? processedDepthConfig : processedTimeConfig;
         if (JSON.stringify(this.config) !== "{}") {
           this.showChartContainer = true;
         }
-        this.cachedCurveDatas = cloneDeep(this.initialCurveDatas || {});
+        this.cachedCurveDatas = this.initialCurveDatas;
         this.enableCurveDatasWatch = true;
-      }, 0);
+      });
     },
     // 清空图表数据
     clearChartData() {
@@ -15534,14 +16326,14 @@ const _sfc_main = {
       }
       if (key === "axisType") {
         this.showChartContainer = false;
-        setTimeout(() => {
+        this.deferShowChart(() => {
           const processedDepthConfig = this.processConfig(this.depthConfig);
           const processedTimeConfig = this.processConfig(this.timeConfig);
           this.config = this.formCache.axisType === "depth" ? processedDepthConfig : processedTimeConfig;
           if (JSON.stringify(this.config) !== "{}") {
             this.showChartContainer = true;
           }
-        }, 0);
+        });
         this.$emit("updateSettings", { key, value, settings: cloneDeep(this.formCache) });
       }
       if (key === "dataType") {
@@ -15604,10 +16396,11 @@ const _sfc_main = {
       this.pendingEvent = e;
       if (!this.frameRequested) {
         this.frameRequested = true;
-        requestAnimationFrame(this.updateSize);
+        this._panelResizeRaf = requestAnimationFrame(this.updateSize);
       }
     },
     updateSize() {
+      this._panelResizeRaf = 0;
       const e = this.pendingEvent;
       if (!e) return;
       const dx = e.clientX - this.startX;
@@ -15670,10 +16463,19 @@ const _sfc_main = {
       this.isLoading = isLoading;
     }
   },
-  // 组件销毁时移除事件监听，防止内存泄漏
   beforeUnmount() {
+    this._isUnmounted = true;
+    window.removeEventListener("resize", this._onWindowResize);
     document.removeEventListener("mousemove", this.handleMove);
     document.removeEventListener("mouseup", this.stopResize);
+    if (this._showChartTimer) {
+      clearTimeout(this._showChartTimer);
+      this._showChartTimer = null;
+    }
+    if (this._panelResizeRaf) {
+      cancelAnimationFrame(this._panelResizeRaf);
+      this._panelResizeRaf = 0;
+    }
   },
   watch: {
     timeConfig: {
@@ -15682,9 +16484,9 @@ const _sfc_main = {
           this.showChartContainer = false;
           const processedConfig = this.processConfig(newVal);
           this.config = processedConfig;
-          setTimeout(() => {
+          this.deferShowChart(() => {
             this.showChartContainer = true;
-          }, 0);
+          });
         }
       },
       deep: true,
@@ -15699,9 +16501,9 @@ const _sfc_main = {
           this.showChartContainer = false;
           const processedConfig = this.processConfig(newVal);
           this.config = processedConfig;
-          setTimeout(() => {
+          this.deferShowChart(() => {
             this.showChartContainer = true;
-          }, 0);
+          });
           console.log(this.config, "depthConfig");
         }
       },
@@ -15732,23 +16534,22 @@ const _sfc_main = {
       deep: true,
       immediate: true
     },
-    // 监听curveDatas的变化
+    // 只跟对象引用，不 deep 走进 markRaw 行数据。8.24
     curveDatas: {
       handler(newVal) {
-        if (this.enableCurveDatasWatch) {
-          if (JSON.stringify(this.initialCurveDatas) === "{}") {
-            this.initialCurveDatas = cloneDeep(newVal || {});
-          }
-          if (Object.prototype.hasOwnProperty.call(newVal, "dataType") && newVal.dataType !== this.formCache.dataType && newVal.dataType !== "" && newVal.dataType !== void 0 && newVal.dataType !== null) {
-            this.formCache.dataType = newVal.dataType;
-            if (this.$refs.functionControlPanel) {
-              this.$refs.functionControlPanel.form.dataType = newVal.dataType;
-            }
+        if (!this.enableCurveDatasWatch || !newVal) return;
+        if (!this._hasInitialCurveDatas && newVal.type) {
+          this.initialCurveDatas = holdCurveDatas(newVal);
+          this._hasInitialCurveDatas = true;
+        }
+        if (Object.prototype.hasOwnProperty.call(newVal, "dataType") && newVal.dataType !== this.formCache.dataType && newVal.dataType !== "" && newVal.dataType !== void 0 && newVal.dataType !== null) {
+          this.formCache.dataType = newVal.dataType;
+          if (this.$refs.functionControlPanel) {
+            this.$refs.functionControlPanel.form.dataType = newVal.dataType;
           }
-          this.cachedCurveDatas = cloneDeep(newVal || {});
         }
-      },
-      deep: true
+        this.cachedCurveDatas = holdCurveDatas(newVal);
+      }
     },
     themeName: {
       handler(newVal) {
@@ -15881,7 +16682,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-bc2030c8"]]);
+const FrameLayoutComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-76b2334b"]]);
 KdLaneContainerComponent.install = function(app) {
   app.component(KdLaneContainerComponent.name, KdLaneContainerComponent);
 };