kd-lane-chart-v3 0.1.4 → 0.1.6

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,304 @@ 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) {
+  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 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 +2951,11 @@ const _sfc_main$9 = {
     headerData: {
       type: Object,
       default: () => ({})
+    },
+    // 泳道开了对数轴时，表头当前值出 lg。8.24
+    isLogScale: {
+      type: [Boolean, String, Number],
+      default: false
     }
   },
   methods: {
@@ -2692,7 +2994,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 +3005,13 @@ 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 === "") 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 +3100,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 +3127,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-466dec24"]]);
+const _sfc_main$7 = {
   name: "LegendItem",
   props: {
     lineRange: {
@@ -2867,6 +3175,11 @@ const _sfc_main$8 = {
     headerData: {
       type: Object,
       default: () => ({})
+    },
+    // 泳道开了对数轴时，表头当前值出 lg。8.24
+    isLogScale: {
+      type: [Boolean, String, Number],
+      default: false
     }
   },
   methods: {
@@ -2884,7 +3197,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 === "") 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 +3264,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 +3298,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-41c24d2f"]]);
 const TREND_LINE_STYLE = {
   stroke: "#FF9800",
   lineWidth: 2,
@@ -3341,8 +3660,8 @@ function findSeriesForDepth(chart, paramId, depth) {
     if (String(seriesParamId(s)) !== String(paramId)) continue;
     const info = {
       seriesIndex: i,
-      xAxisIndex: axisIndexOf$1(s.xAxisIndex),
-      yAxisIndex: axisIndexOf$1(s.yAxisIndex)
+      xAxisIndex: axisIndexOf(s.xAxisIndex),
+      yAxisIndex: axisIndexOf(s.yAxisIndex)
     };
     fallback = info;
     const yAx = yAxes[info.yAxisIndex];
@@ -3382,7 +3701,7 @@ function isPointerInAnyGrid(chart, offsetX, offsetY) {
   }
   return false;
 }
-function axisIndexOf$1(val) {
+function axisIndexOf(val) {
   const n = Array.isArray(val) ? val[0] : val;
   return Number(n ?? 0);
 }
@@ -3394,12 +3713,12 @@ function pixelToData(chart, paramId, offsetX, offsetY, loose = false) {
     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 series = seriesList.find((s) => axisIndexOf(s.yAxisIndex) === g) || seriesList[0];
       const finders = [];
       if (series) {
         finders.push({
-          xAxisIndex: axisIndexOf$1(series.xAxisIndex),
-          yAxisIndex: axisIndexOf$1(series.yAxisIndex)
+          xAxisIndex: axisIndexOf(series.xAxisIndex),
+          yAxisIndex: axisIndexOf(series.yAxisIndex)
         });
         const seriesIndex = (option.series || []).indexOf(series);
         if (seriesIndex >= 0) finders.push({ seriesIndex });
@@ -3427,356 +3746,59 @@ function pixelToData(chart, paramId, offsetX, offsetY, loose = false) {
               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 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(val) {
-  const n = Array.isArray(val) ? val[0] : val;
-  return Number(n ?? 0);
-}
-function findLogTrendSeries(chart, paramId) {
-  const option = chart.getOption() || {};
-  return (option.series || []).find((s) => {
-    if (!s || s.type !== "line") return false;
-    const name = Array.isArray(s.name) ? s.name[0] : s.name;
-    if (name === "helper" || name === "log-grid") return false;
-    return String(s.paramId) === String(paramId);
-  }) || null;
-}
-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;
-  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(series.xAxisIndex) : 0;
-  const yAxisIndex = series ? axisIndexOf(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 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 { 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));
+              yAxisIndex: finder.yAxisIndex ?? g
+            };
+          }
+        } catch (e) {
+        }
+      }
+    } catch (e) {
+    }
   }
-  return values;
-}
-function buildLogLaneTenLineLgValues(min, max) {
-  return buildLogLaneTenLineValues(min, max).map((v) => Math.log10(v)).filter((v) => Number.isFinite(v));
+  return null;
 }
-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 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 marks;
+  return null;
 }
-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 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 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
-  };
+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 {
-    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 }
+    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 _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);
-    }
-  },
-  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$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);
-}
-const LogAxisRuler = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-d5ed1748"]]);
 class TrendLineManager {
   constructor(host) {
     this.host = host;
@@ -3790,15 +3812,27 @@ class TrendLineManager {
     this._zoomRaf = null;
     this._zoomPending = false;
     this._zoomEndTimer = null;
+    this._graphicIds = /* @__PURE__ */ Object.create(null);
     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) {
@@ -3939,15 +3973,13 @@ class TrendLineManager {
     }
   }
   /** 图表重绘后对齐叠加层；拖拽中跳过，避免和 _onDragMove 抢 setOption。8.21 */
+  // 只排一帧，不再连刷两次 renderAll（会闪）。8.24
   scheduleRender() {
     if (this.dragSession) return;
     if (this._raf) return;
     this._raf = requestAnimationFrame(() => {
       this._raf = null;
       this.renderAll();
-      requestAnimationFrame(() => {
-        if (!this.dragSession) this.renderAll();
-      });
     });
   }
   /** 缩放过程用 ZR 就地改像素，结束后再整层重画，避免 replaceMerge 把线冲掉。8.22 */
@@ -3994,7 +4026,7 @@ class TrendLineManager {
       patches.push(...this._buildPatches(chart, target));
     });
     if (!patches.length) return;
-    if (!this._applyPatchesViaZr(chart, patches)) {
+    if (!this._applyPatchesViaZr(chart, patches) && !this._zoomPending) {
       this.renderLane(laneId);
     }
   }
@@ -4145,8 +4177,7 @@ class TrendLineManager {
       this.dragSession = null;
       this._setPanLocked(false, true);
       this._ignoreClickUntil = Date.now() + 300;
-      this.renderLane(sessionTarget.laneId);
-      this._emitChange(sessionTarget);
+      this._emitChange(sessionTarget, { redraw: false });
     };
     el.__trendOnDown = onDown;
     el.__trendOnDrag = onDrag;
@@ -4170,12 +4201,32 @@ class TrendLineManager {
     }
     return applied > 0;
   }
-  renderAll() {
+  // 只 merge 新图形，不动已有线。8.24
+  _addGraphicElements(chart, elements) {
+    if (!elements.length) return;
+    chart.setOption(
+      {
+        graphic: elements.map((el) => ({ ...el, $action: "merge" }))
+      },
+      { silent: true, lazyUpdate: false }
+    );
+  }
+  // 按 id 删除，不 replaceMerge 整层 graphic。8.24
+  _removeGraphicIds(chart, ids) {
+    if (!ids.length) return;
+    chart.setOption(
+      {
+        graphic: ids.map((id) => ({ id, $action: "remove" }))
+      },
+      { silent: true, lazyUpdate: false }
+    );
+  }
+  renderAll(forceReplace = false) {
     const lanes = this.host.currentTemplate && this.host.currentTemplate.lanes || [];
-    lanes.forEach((lane) => this.renderLane(lane.laneId));
+    lanes.forEach((lane) => this.renderLane(lane.laneId, forceReplace));
   }
-  /** 用 graphic replaceMerge 整层替换，避免和图表其它 graphic 混在一起。8.21 */
-  renderLane(laneId) {
+  /** 已有线只改 ZR 形状；新点/新线段单独 merge 进去，绝不整层 graphic 替换。8.24 */
+  renderLane(laneId, forceReplace = false) {
     const chart = this.getChart(laneId);
     if (!chart) return;
     const targets = this.listDrawableTargets().filter((t) => t.laneId === laneId);
@@ -4185,12 +4236,28 @@ class TrendLineManager {
     });
     const hasKnots = targets.some((t) => (t.segments || []).some((s) => (s.knots || []).length));
     if (hasKnots && !elements.length) return;
-    chart.setOption(
-      { graphic: { elements } },
-      { replaceMerge: ["graphic"], lazyUpdate: false, silent: true }
-    );
+    const nextIds = elements.map((el) => el.id);
+    const prevIds = this._graphicIds[laneId] || [];
+    const prevSet = new Set(prevIds);
+    const nextSet = new Set(nextIds);
+    const added = elements.filter((el) => !prevSet.has(el.id));
+    const kept = elements.filter((el) => prevSet.has(el.id));
+    const removedIds = prevIds.filter((id) => !nextSet.has(id));
+    if (forceReplace) {
+      this._removeGraphicIds(chart, prevIds);
+      this._addGraphicElements(chart, elements);
+    } else {
+      if (kept.length) {
+        this._applyPatchesViaZr(
+          chart,
+          kept.map((el) => ({ id: el.id, shape: el.shape }))
+        );
+      }
+      if (removedIds.length) this._removeGraphicIds(chart, removedIds);
+      if (added.length) this._addGraphicElements(chart, added);
+    }
+    this._graphicIds[laneId] = nextIds;
     this._bindPointInteractions(chart, laneId);
-    requestAnimationFrame(() => this._bindPointInteractions(chart, laneId));
     this.updateCursor(laneId);
   }
   _buildElements(chart, target) {
@@ -4444,7 +4511,7 @@ class TrendLineManager {
     }
     seg.knots = [...rest, knot].sort((a, b) => a.depth - b.depth);
     this.renderLane(target.laneId);
-    this._emitChange(target);
+    this._emitChange(target, { redraw: false });
   }
   /** 取未关闭的最后一段；没有或已 _closed 则开新段。8.21 */
   _ensureActiveSegment(key) {
@@ -4488,7 +4555,7 @@ class TrendLineManager {
     const target = this.listDrawableTargets().find((t) => t.key === k);
     if (target) {
       this.renderLane(target.laneId);
-      this._emitChange(target);
+      this._emitChange(target, { redraw: false });
     }
     return true;
   }
@@ -4507,15 +4574,15 @@ class TrendLineManager {
         segments: []
       });
     });
-    this.renderAll();
+    this.renderAll(true);
   }
   /** 清空指定曲线的控制点；不传 key 则清当前编辑曲线。8.21 */
   resetTrendLine(key) {
     const target = key ? this.listDrawableTargets().find((t) => t.key === key) : this.getActiveTarget() || this.listDrawableTargets().find((t) => t.editable);
     if (!target) return;
     this.store[target.key] = { segments: [] };
-    this.renderLane(target.laneId);
-    this._emitChange(target);
+    this.renderLane(target.laneId, true);
+    this._emitChange(target, { redraw: false });
   }
   /** 删除一个控制点。段内只剩 0～1 个点时整段丢掉（画不出线）。8.21 */
   deleteKnot(payload) {
@@ -4533,8 +4600,8 @@ class TrendLineManager {
     }).filter((s) => s.knots.length > 0);
     const target = this.listDrawableTargets().find((t) => t.key === payload.key);
     const laneId = target && target.laneId || payload.laneId;
-    if (laneId) this.renderLane(laneId);
-    if (target) this._emitChange(target);
+    if (laneId) this.renderLane(laneId, true);
+    if (target) this._emitChange(target, { redraw: false });
   }
   /** 返回 geosteering trendLinePoint 格式的线段数组；8137 带上 isDouble / calcType。8.22 */
   getTrendLineData(mainId = "demo") {
@@ -4653,9 +4720,7 @@ class TrendLineManager {
     }
     this._ignoreClickUntil = Date.now() + 300;
     this.updateCursor(session.target.laneId);
-    this.renderLane(session.target.laneId);
-    if (emit) this._emitChange(session.target);
-    else this._scheduleRenderAfterVue();
+    if (emit) this._emitChange(session.target, { redraw: false });
   }
   _clearClickTimer() {
     if (this.clickTimer) {
@@ -4664,25 +4729,23 @@ class TrendLineManager {
     }
   }
   /** 抛 trend-change（拖拽过程中不抛，只在松开时抛）；不写回响应式模板。8.22 */
-  _emitChange(target) {
+  // redraw=false：本地已画过，避免再 scheduleRender 把线闪掉。8.24
+  _emitChange(target, { redraw = true } = {}) {
     const segments = cloneSegments(this.store[target.key] && this.store[target.key].segments || []);
     this.host.$emit("trend-change", {
       paramId: target.paramId,
       laneId: target.laneId,
       segments
     });
-    this._scheduleRenderAfterVue();
+    if (redraw) this._scheduleRenderAfterVue();
   }
   /** 等 Vue / 图表 setOption 完成后再画叠加层。8.22 */
+  // 只 nextTick 一次，不再叠 rAF 连刷。8.24
   _scheduleRenderAfterVue() {
-    const run = () => this.scheduleRender();
     if (this.host && typeof this.host.$nextTick === "function") {
-      this.host.$nextTick(() => {
-        run();
-        requestAnimationFrame(run);
-      });
+      this.host.$nextTick(() => this.scheduleRender());
     } else {
-      requestAnimationFrame(run);
+      this.scheduleRender();
     }
   }
   /** 手动填写不画镜像；模型计算或回显数据里已有 mirrorValue 则画第二条线。8.22 */
@@ -4867,7 +4930,7 @@ class TrendLineManager {
     }).filter((s) => s.knots.length > 0);
     this.renderLane(found.laneId);
     const target = this.listDrawableTargets().find((t) => t.key === key);
-    if (target) this._emitChange(target);
+    if (target) this._emitChange(target, { redraw: false });
   }
   /** 模型计算抽屉确定：写入岩性/偏移并生成镜像值。8.22 */
   applyMoxingConfig(paramId, form) {
@@ -4938,7 +5001,7 @@ class TrendLineManager {
     seg.knots = [...rest, knot].sort((a, b) => a.depth - b.depth);
     this.renderLane(found.laneId);
     const target = this.listDrawableTargets().find((t) => t.key === key);
-    if (target) this._emitChange(target);
+    if (target) this._emitChange(target, { redraw: false });
   }
 }
 const _sfc_main$6 = {
@@ -5103,12 +5166,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;
@@ -5153,6 +5220,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(() => {
@@ -6294,16 +6365,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))
                 ]),
@@ -6332,6 +6405,8 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
         group: { name: "laneGroup", pull: false, put: false },
         "item-key": "laneId",
         filter: $options.laneDragFilter,
+        "prevent-on-filter": false,
+        handle: $props.isGeomechanical ? ".kd-lane-chart-lane-header" : void 0,
         axis: "x"
       }, {
         default: withCtx(() => [
@@ -6408,16 +6483,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))
                     ]),
@@ -6436,7 +6513,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
           }), 128))
         ]),
         _: 3
-      }, 8, ["onStart", "onEnd", "modelValue", "filter"])
+      }, 8, ["onStart", "onEnd", "modelValue", "filter", "handle"])
     ], 64)) : (openBlock(), createElementBlock("div", _hoisted_13$1, [
       createElementVNode("div", {
         class: normalizeClass(["kd-lane-chart-lane-header", { "kd-lane-chart-lane-header-isKdCurveV2": $props.isKdCurveV2 }]),
@@ -6518,7 +6595,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-4f706753"]]);
+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;
@@ -6651,10 +6728,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
+                  }))
+                )
               };
             })
           };
@@ -6700,24 +6779,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) {
@@ -6772,11 +6855,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,
@@ -6784,9 +6867,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) {
@@ -6797,8 +6880,7 @@ const _sfc_main$5 = {
           this.renderChart();
         }
       },
-      immediate: true,
-      deep: true
+      immediate: true
     },
     depthTimeChartData: {
       deep: true,
@@ -7831,7 +7913,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-9991a24b"]]);
 const curveExportIcon = "data:image/png;base64,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";
 const depthSlotIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAFnUlEQVRo3u1ZTWxUVRT+zptOp51pZZpOaWlGCgIFFIRgiCsNJi6MbFyyMRqgPygmJhrXNbJgQQQTSf9mGhaEuGkCK/9iMkhAoxAoJCIBTZEWO0Ch03ZsZzpzPxf3venr0JoZ7LzOkJ7Mz3v3vfvuO/ec7zvn3Assy7IUhUihB9h74MBGI8099jblkq/6OjtvFHLcskIrZii1KVFZ3zEW2AEFYc39S1KRiF4BUNqKAUCiciVGVr/BFAWVk0OoSEQLPqbhlM/TYYyVOYVkIUUc1M5w0lxOquaMYiJOEPBSWIyAOAszZzAGcdgRHWNFghDSQasZTllMtH7ylJEHtameOlZ0Ojo7mXmIw4oVhBX3t7YdFYofAKiwJlstUXKwpaX9LZNWpm/dvPFBJBJJlQDdy/SUf/07sYadUIRMe2ppUX501at8UPPi6wrCVdHzqI7/+cViK1UwV2Ta1eWJD6cnA1sQq9+J+Ip10PQhjK1oxr2VL3PUv1W8U8MJqPThksFYOHz8tjEzddI/9CMIzYRCiGYR7ZYN939CWTp5OhQKRUuKPETUIf/dCwKmrcxD/5NiqBSCIz8gnebhQo1fMMV6enr+cM2Mf+OPXhKQYo9hDdFzUp4cP93X1z1QknQvNA7X3vkeAkUb77Mheh5KyZGSjWO9vZ1ny6ceRKpHr4mFrZqH11AxHb0YDnedL+kALcCXtX+fy6QfwTtfCxQOlXzZcvPm72c2bMAtX+zWOkVIZXzoSijUfaYoFGtpbTsHSNCW+k2Gerq25tI3Eomkmps3H2q4892JtOEBRbryymJa2i6L6CwGABQ5FO7tfmWRLCbB4e0H18x4/JR0AmsvHZkguSXXl4vH4wOfHz02CvzDAx9/djHU3Zlz3/b299b98vwn1akyL8uTY9hx/ejiumKqws9UeY1IetqKsp5c+/p8Pqysq+t3u90TgUAA+fQFgOmKWqZclQAphcGYCJ+0Btm9+81T/68ykLwWF3JXjBRrVeZJJBgMThZ1PeZ0XWWbVAhyd8WcFdPJrCxFMZyZTiuhXlTFBBSQsiQWM6dTCkIeIoQImMfDF00tMb1FCmCxDNU6uuw564jMEwRGXhYDl8gTTQgULI7Neryrv7+/2SF0uSxXLGASLKQYmPI1es9cuH4qC9vZh/PAP7tBSBNFgPYIZo2HykYBXHknBnkGaJAuD/566SOCEEUCYpCk0HxJQodxmqGBBGjjaWUeZt2n+ypo7jWXEJR1TT9Y8KSZx7597zcZhlpjnacNNdbXbZbvIpxT4pMZIuFjFtEvlsGlxWqKIqAo61kwUzTqPU+xlnvMiZpdBNIK20fY29a2zaWM2axfGYPh8PHb8yomrvS7SV+yY6YqASPpQsVDbwTAawDgiQ1KmXsUFGtKYR0DJDQIRO+qMONSYk22FV0tyiZpntC0GoUwiDl9xTI4QIo7OT7LekqOxXwPdyVdM/AmfPAmfR0APl3QFR+tH0V02136Rqrw3Lcbreaf6387OYgiEAWMWMfXmgZw75koNw+9gE3DW3LAmJmWiWBXS2u7uVGCohAB0NLavkd7DCkLJEMLkkd81QQH3r4IpikUkiSgIAqk/sz9AgCVdiwqitlGRQWLAax2ivZdKgqhn23vk7kP5lWTPZTKjDPnes4BWgzR9xMCYxa0NFGdsaoZXAQi9nOdfmnwiBV/aO7+yQIxQfuITtnEgl0mOTD/ZJ5uMm/RUTY/sxOVj7xo/PVZ2MBsiz8UW2zK8JW1vWe7D8w6N3/tHKe3BZkV4Gy5r/VS2VH6atNlxLxjecQxQlwJF6pGqq4AxocoSlHH3Kny7cT8rviYYr6RKtSjEe7JchAyFurtPFuMau1vaR9bfb+JgYk6BMbr/lsxoUR80eoOX7TaKhcGUaRCkROrH6yN2N8dy7IsxSf/Avx35qhCwuXeAAAAAElFTkSuQmCC";
 const refreshIcon = "data:image/png;base64,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";
@@ -9104,24 +9186,53 @@ const _sfc_main$3 = {
       }
       return null;
     },
-    _restoreDataZoomState(savedState) {
-      if (!savedState || !this.chart || this.chart.isDisposed()) return;
+    // notMerge 刷 option 时把当前趋势线 graphic 带回去，避免先消失再画。8.24
+    _preserveGraphic(options) {
+      if (!options || options.graphic || !this.chart || this.chart.isDisposed()) return;
       try {
-        const currentOption = this.chart.getOption();
-        if (!currentOption.dataZoom || currentOption.dataZoom.length === 0) return;
-        savedState.forEach((state, i) => {
-          if (i < currentOption.dataZoom.length) {
-            const dz = currentOption.dataZoom[i];
-            if (state.start !== void 0) dz.start = state.start;
-            if (state.end !== void 0) dz.end = state.end;
-            if (state.startValue !== void 0) dz.startValue = state.startValue;
-            if (state.endValue !== void 0) dz.endValue = state.endValue;
-          }
-        });
-        this.chart.setOption({ dataZoom: currentOption.dataZoom });
+        const current = this.chart.getOption();
+        if (current && current.graphic && current.graphic.length) {
+          options.graphic = current.graphic;
+        }
       } catch (e) {
       }
     },
+    // dataZoom 写进即将下发的 option，不再二次 setOption 打断 Chrome 平移。8.24
+    _applySavedDataZoomToOptions(options, savedState) {
+      if (!savedState || !options) return;
+      const raw = options.dataZoom;
+      if (!raw) return;
+      const list = Array.isArray(raw) ? raw : [raw];
+      savedState.forEach((state, i) => {
+        if (!list[i] || !state) return;
+        if (state.start !== void 0) list[i].start = state.start;
+        if (state.end !== void 0) list[i].end = state.end;
+        if (state.startValue !== void 0) list[i].startValue = state.startValue;
+        if (state.endValue !== void 0) list[i].endValue = state.endValue;
+      });
+    },
+    // 拦截 HTML5 dragstart，Chrome 才能把 mousemove 交给 dataZoom。8.24
+    _preventNativeDrag(e) {
+      e.preventDefault();
+    },
+    _bindNativeDragGuard() {
+      const el = this.$el;
+      if (!el || el.__kdNativeDragBound) return;
+      el.__kdNativeDragBound = true;
+      el.setAttribute("draggable", "false");
+      el.addEventListener("dragstart", this._preventNativeDrag, true);
+      const canvases = el.querySelectorAll("canvas");
+      canvases.forEach((canvas) => {
+        canvas.draggable = false;
+        canvas.setAttribute("draggable", "false");
+      });
+    },
+    _unbindNativeDragGuard() {
+      const el = this.$el;
+      if (!el) return;
+      el.removeEventListener("dragstart", this._preventNativeDrag, true);
+      el.__kdNativeDragBound = false;
+    },
     // provide an explicit merge option method
     mergeOptions(options, notMerge, lazyUpdate, skipClone) {
       if (this.manualUpdate) {
@@ -9132,10 +9243,13 @@ const _sfc_main$3 = {
       } else {
         this._skipWatcher = true;
         const savedDataZoom = this._saveDataZoomState();
-        this.delegateMethod("setOption", this.getOptionsWithTheme(options, skipClone), notMerge, lazyUpdate);
-        if (savedDataZoom) {
-          this._restoreDataZoomState(savedDataZoom);
-        }
+        const next = this.getOptionsWithTheme(options, skipClone);
+        this._applySavedDataZoomToOptions(next, savedDataZoom);
+        this._preserveGraphic(next);
+        this.delegateMethod("setOption", next, {
+          notMerge: !!notMerge,
+          lazyUpdate: !!lazyUpdate
+        });
         this.$nextTick(() => {
           this._skipWatcher = false;
         });
@@ -9215,6 +9329,7 @@ const _sfc_main$3 = {
         chart.group = this.group;
       }
       chart.setOption(this.getOptionsWithTheme(options || this.manualOptions || this.options || {}), true);
+      this._bindNativeDragGuard();
       Object.keys(this.$attrs).forEach((key) => {
         if (!key.startsWith("on") || typeof this.$attrs[key] !== "function") {
           return;
@@ -9294,10 +9409,12 @@ const _sfc_main$3 = {
               this.init(val);
             } else {
               const savedDataZoom = this._saveDataZoomState();
-              this.chart.setOption(this.getOptionsWithTheme(val), val !== oldVal);
-              if (savedDataZoom) {
-                this._restoreDataZoomState(savedDataZoom);
-              }
+              const next = this.getOptionsWithTheme(val);
+              this._applySavedDataZoomToOptions(next, savedDataZoom);
+              this._preserveGraphic(next);
+              this.chart.setOption(next, {
+                notMerge: this.skipClone || val !== oldVal
+              });
               if (this.group) {
                 this.chart.group = this.group;
               }
@@ -9308,8 +9425,16 @@ 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;
@@ -9382,7 +9507,7 @@ 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-de2449c9"]]);
+const resizeEcharts = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-8c9f410f"]]);
 const DRAW_POINT_MIN = 600;
 const DRAW_POINT_MAX = 1800;
 function getSeriesDrawThreshold(laneHeightPx) {
@@ -9773,6 +9898,7 @@ const _sfc_main$2 = {
     this.showTooltip = this.formCache.displayType == "float";
   },
   beforeUnmount() {
+    this._isUnmounted = true;
     window.removeEventListener("keydown", this.handleKeyDown);
     window.removeEventListener("keyup", this.handleKeyUp);
     if (this.trendLineManager) this.trendLineManager.destroy();
@@ -9780,15 +9906,29 @@ const _sfc_main$2 = {
       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.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: {
@@ -9809,6 +9949,10 @@ const _sfc_main$2 = {
     getLaneLogPlotRange(lane) {
       return resolveLaneLogPlotRange(lane, this.lineRange);
     },
+    // 对数开关变化时重建该道图表，series 才能换成 lg 数据。8.24
+    chartLaneKey(lane) {
+      return `${lane && lane.laneId}-${isLaneLogScale(lane) ? "log" : "lin"}`;
+    },
     // 整道 10 条竖线，样式跟普通泳道 splitLine 同一套。8.22对数轴
     getLogPaperGridSeries(lane, xAxisIndex, yAxisIndex) {
       const range = this.getLaneLogPlotRange(lane);
@@ -10144,7 +10288,7 @@ 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)；轴是线性 lg 量程，允许负数。不改原始行。8.24
     plotX(raw, isLogScale) {
       return isLogScale ? toLogPlotX(raw) : raw;
     },
@@ -10433,7 +10577,11 @@ const _sfc_main$2 = {
     // 联动所有泳道图表的十字准线与 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;
           charts.forEach((chart) => {
@@ -10612,6 +10760,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内容
     // 地应力模式下：如果没有选中泳道，所有泳道正常显示；如果有选中泳道，只有选中的泳道显示
@@ -10645,12 +10801,10 @@ const _sfc_main$2 = {
       this.visibleData = markRaw(this.realTimeData.slice(startIndex, end));
       return this.visibleData;
     },
-    /** 地应力：进图用全量行，不按窗口截断。8.24 */
+    /** 进图只吃当前窗口。地应力也不准喂整口井，否则井深轴会拉成全井量程。8.24 */
     getChartDrawRows(transferData) {
       if (transferData && transferData.length > 0) return transferData;
-      this.getVisibleData();
-      if (this.isGeomechanical) return this.realTimeData || [];
-      return this.visibleData;
+      return this.getVisibleData();
     },
     getRowsAxisExtent(rows, key) {
       let min = Infinity;
@@ -10665,6 +10819,14 @@ const _sfc_main$2 = {
       if (!Number.isFinite(min)) return { min: 0, max: 0 };
       return { min, max };
     },
+    /** 井深/时间轴：没有有效轴值时不画 0、1 占位刻度。不改行数据。8.24 */
+    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;
+    },
     getGroupAxisExtents(groups, axisKey) {
       const extents = [];
       let totalRange = 0;
@@ -10751,12 +10913,15 @@ 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));
+    },
     findRowByAxisValue(axisValue) {
       const key = this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType] || (this.formCache.axisType === "time" ? "time" : "depth");
       return findNearestRow(this.visibleData, key, axisValue) || findNearestRow(this.realTimeData, key, axisValue);
@@ -10855,7 +11020,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 };
@@ -11700,7 +11868,8 @@ const _sfc_main$2 = {
                   alignTicks: true,
                   boundaryGap: false,
                   axisLabel: {
-                    show: true,
+                    show: this.shouldShowDepthAxisLabel(group, axisKey),
+                    // 无井深值不显示 0/1。8.24
                     width: clientWidth,
                     hideOverlap: true,
                     height: 14,
@@ -11814,7 +11983,7 @@ const _sfc_main$2 = {
                       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,
@@ -11914,7 +12083,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,
@@ -13473,6 +13642,12 @@ const _sfc_main$2 = {
               boundaryGap: false,
               interval: unifiedInterval
             };
+            if (isDepthLane) {
+              yAxisItem.axisLabel = {
+                show: this.shouldShowDepthAxisLabel(group, axisKey)
+                // 无井深值不显示 0/1。8.24
+              };
+            }
             const currentYAxis = currentOption.yAxis && currentOption.yAxis[gridIndex];
             if (!currentYAxis || currentYAxis.min !== groupMin || currentYAxis.max !== groupMax || currentYAxis.interval !== unifiedInterval) {
               needUpdate.yAxis = true;
@@ -13530,7 +13705,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,
@@ -14005,7 +14180,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") {
@@ -14036,13 +14211,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];
           }
@@ -14098,7 +14273,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];
           }
@@ -14109,10 +14284,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) => ({
@@ -14120,14 +14297,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"
+                )
               );
             }
           }
@@ -14145,8 +14326,7 @@ const _sfc_main$2 = {
           }
         }
       },
-      immediate: true,
-      deep: true
+      immediate: true
     }
   }
 };
@@ -14222,7 +14402,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),
@@ -14267,7 +14447,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),
@@ -14336,7 +14516,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-f4dde916"]]);
+const chartContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-aace7d52"]]);
 const _sfc_main$1 = {
   name: "ParameterPanel",
   props: {
@@ -14969,6 +15149,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: {
@@ -15180,8 +15370,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);
@@ -15318,13 +15509,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;
@@ -15417,16 +15619,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() {
@@ -15473,14 +15675,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") {
@@ -15543,10 +15745,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;
@@ -15609,10 +15812,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: {
@@ -15621,9 +15833,9 @@ const _sfc_main = {
           this.showChartContainer = false;
           const processedConfig = this.processConfig(newVal);
           this.config = processedConfig;
-          setTimeout(() => {
+          this.deferShowChart(() => {
             this.showChartContainer = true;
-          }, 0);
+          });
         }
       },
       deep: true,
@@ -15638,9 +15850,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");
         }
       },
@@ -15671,23 +15883,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) {
@@ -15820,7 +16031,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);
 };