@syhr/dga-charts 1.0.1 → 1.0.2

package/dist/index.js

@@ -1,7 +1,18 @@
-var Dt = Object.defineProperty;
-var Et = (v, t, e) => t in v ? Dt(v, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : v[t] = e;
-var K = (v, t, e) => Et(v, typeof t != "symbol" ? t + "" : t, e);
-class At {
+var Xt = Object.defineProperty;
+var kt = (w, t, e) => t in w ? Xt(w, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : w[t] = e;
+var J = (w, t, e) => kt(w, typeof t != "symbol" ? t + "" : t, e);
+const Q = [
+  "#5470c6",
+  "#91cc75",
+  "#fac858",
+  "#ee6666",
+  "#73c0de",
+  "#3ba272",
+  "#fc8452",
+  "#9a60b4",
+  "#ea7ccc"
+];
+class pt {
   constructor() {
     this._h = /* @__PURE__ */ Object.create(null);
   }
@@ -18,13 +29,13 @@ class At {
     this._h = /* @__PURE__ */ Object.create(null);
   }
 }
-class ut {
+class St {
   constructor(t = {}) {
     this.zoom = 1, this.panX = 0, this.panY = 0, this._min = t.min ?? 0.3, this._max = t.max ?? 6, this._step = t.step ?? 0.12, this._dragging = !1, this._dragStart = null, this._panStart = null;
   }
   onWheel(t, e, o) {
-    const s = t < 0 ? 1 : -1, i = Math.min(this._max, Math.max(this._min, this.zoom * (1 + s * this._step))), n = i / this.zoom;
-    return this.panX = e - n * (e - this.panX), this.panY = o - n * (o - this.panY), this.zoom = i, this;
+    const i = t < 0 ? 1 : -1, s = Math.min(this._max, Math.max(this._min, this.zoom * (1 + i * this._step))), n = s / this.zoom;
+    return this.panX = e - n * (e - this.panX), this.panY = o - n * (o - this.panY), this.zoom = s, this;
   }
   startDrag(t, e) {
     this._dragging = !0, this._dragStart = { x: t, y: e }, this._panStart = { x: this.panX, y: this.panY };
@@ -49,26 +60,26 @@ class ut {
     t.translate(this.panX, this.panY), t.scale(this.zoom, this.zoom);
   }
 }
-function Lt(v, t) {
-  const e = v.replace("#", ""), o = parseInt(e.slice(0, 2), 16), s = parseInt(e.slice(2, 4), 16), i = parseInt(e.slice(4, 6), 16);
-  return `rgba(${o},${s},${i},${t})`;
+function wt(w, t) {
+  const e = w.replace("#", ""), o = parseInt(e.slice(0, 2), 16), i = parseInt(e.slice(2, 4), 16), s = parseInt(e.slice(4, 6), 16);
+  return `rgba(${o},${i},${s},${t})`;
 }
-function E(v, t) {
+function X(w, t) {
   for (const e of Object.keys(t)) {
     const o = t[e];
-    o !== null && typeof o == "object" && !Array.isArray(o) ? (v[e] = v[e] && typeof v[e] == "object" ? v[e] : {}, E(v[e], o)) : v[e] = o;
+    o !== null && typeof o == "object" && !Array.isArray(o) ? (w[e] = w[e] && typeof w[e] == "object" ? w[e] : {}, X(w[e], o)) : w[e] = o;
   }
-  return v;
+  return w;
 }
-function gt(v, t, e) {
+function ct(w, t, e) {
   let o = !1;
-  for (let s = 0, i = e.length - 1; s < e.length; i = s++) {
-    const [n, l] = e[s], [h, a] = e[i];
-    l > t != a > t && v < (h - n) * (t - l) / (a - l) + n && (o = !o);
+  for (let i = 0, s = e.length - 1; i < e.length; s = i++) {
+    const [n, r] = e[i], [h, a] = e[s];
+    r > t != a > t && w < (h - n) * (t - r) / (a - r) + n && (o = !o);
   }
   return o;
 }
-class yt {
+class vt {
   constructor(t, e) {
     this.container = t, this.el = document.createElement("div"), this.el.style.position = "absolute", this.el.style.pointerEvents = "none", this.el.style.display = "none", this.el.style.zIndex = "9999", this.el.style.transition = "left 0.1s, top 0.1s", window.getComputedStyle(t).position === "static" && (t.style.position = "relative"), t.appendChild(this.el), this.updateTheme(e);
   }
@@ -76,18 +87,18 @@ class yt {
     if (!t) return;
     const e = t.tooltip || {}, o = e.textStyle || {};
     this.el.style.backgroundColor = e.backgroundColor || t.tooltipBg || "rgba(6,13,31,0.93)", this.el.style.color = o.color || t.tooltipTextColor || "#c8ddf0";
-    let s = e.padding !== void 0 ? e.padding : t.tooltipPadding || 10;
-    typeof s == "number" ? this.el.style.padding = `${s}px` : Array.isArray(s) ? this.el.style.padding = s.map((i) => `${i}px`).join(" ") : this.el.style.padding = s + "px", this.el.style.borderRadius = "5px", this.el.style.border = `1px solid ${t.zoneBorderColor || "rgba(255,255,255,0.25)"}`, this.el.style.boxShadow = "0 0 10px rgba(0,0,0,0.45)", this.el.style.fontFamily = t.fontFamily || "Rajdhani, sans-serif", this.el.style.fontSize = o.fontSize !== void 0 ? typeof o.fontSize == "number" ? `${o.fontSize}px` : o.fontSize : "12px";
-  }
-  show(t, e, o, s = {}, i = {}, n = null) {
-    this.el.innerHTML = t, this.el.style.display = "block", this.el.style.backgroundColor = s.backgroundColor || i.tooltipBg || "rgba(6,13,31,0.93)";
-    const l = s.borderWidth !== void 0 ? typeof s.borderWidth == "number" ? `${s.borderWidth}px` : s.borderWidth : "1px", h = s.borderColor || (n ? n.borderColor || i.zoneBorderColor || n.color : "rgba(255,255,255,0.25)");
-    this.el.style.border = `${l} solid ${h}`, s.padding !== void 0 ? typeof s.padding == "number" ? this.el.style.padding = `${s.padding}px` : Array.isArray(s.padding) ? this.el.style.padding = s.padding.map((p) => `${p}px`).join(" ") : this.el.style.padding = s.padding : this.el.style.padding = (i.tooltipPadding || 10) + "px";
-    const a = s.textStyle || {};
-    this.el.style.color = a.color || i.tooltipTextColor || "#c8ddf0", this.el.style.fontStyle = a.fontStyle || "", this.el.style.fontWeight = a.fontWeight || a.fontStyle || "", this.el.style.fontSize = a.fontSize !== void 0 ? typeof a.fontSize == "number" ? `${a.fontSize}px` : a.fontSize : "12px", this.el.style.fontFamily = i.fontFamily || "Rajdhani, sans-serif";
-    const r = this.container.getBoundingClientRect(), c = this.el.offsetWidth, d = this.el.offsetHeight;
-    let f = e + 15, g = o - d / 2;
-    f + c > r.width && (f = e - c - 15), g < 0 && (g = 0), g + d > r.height && (g = r.height - d), this.el.style.left = f + "px", this.el.style.top = g + "px";
+    let i = e.padding !== void 0 ? e.padding : t.tooltipPadding || 10;
+    typeof i == "number" ? this.el.style.padding = `${i}px` : Array.isArray(i) ? this.el.style.padding = i.map((s) => `${s}px`).join(" ") : this.el.style.padding = i + "px", this.el.style.borderRadius = "5px", this.el.style.border = `1px solid ${t.zoneBorderColor || "rgba(255,255,255,0.25)"}`, this.el.style.boxShadow = "0 0 10px rgba(0,0,0,0.45)", this.el.style.fontFamily = t.fontFamily || "Rajdhani, sans-serif", this.el.style.fontSize = o.fontSize !== void 0 ? typeof o.fontSize == "number" ? `${o.fontSize}px` : o.fontSize : "12px";
+  }
+  show(t, e, o, i = {}, s = {}, n = null) {
+    this.el.innerHTML = t, this.el.style.display = "block", this.el.style.backgroundColor = i.backgroundColor || s.tooltipBg || "rgba(6,13,31,0.93)";
+    const r = i.borderWidth !== void 0 ? typeof i.borderWidth == "number" ? `${i.borderWidth}px` : i.borderWidth : "1px", h = i.borderColor || (n ? n.borderColor || s.zoneBorderColor || n.color : "rgba(255,255,255,0.25)");
+    this.el.style.border = `${r} solid ${h}`, i.padding !== void 0 ? typeof i.padding == "number" ? this.el.style.padding = `${i.padding}px` : Array.isArray(i.padding) ? this.el.style.padding = i.padding.map((u) => `${u}px`).join(" ") : this.el.style.padding = i.padding : this.el.style.padding = (s.tooltipPadding || 10) + "px";
+    const a = i.textStyle || {};
+    this.el.style.color = a.color || s.tooltipTextColor || "#c8ddf0", this.el.style.fontStyle = a.fontStyle || "", this.el.style.fontWeight = a.fontWeight || a.fontStyle || "", this.el.style.fontSize = a.fontSize !== void 0 ? typeof a.fontSize == "number" ? `${a.fontSize}px` : a.fontSize : "12px", this.el.style.fontFamily = s.fontFamily || "Rajdhani, sans-serif";
+    const l = this.container.getBoundingClientRect(), c = this.el.offsetWidth, d = this.el.offsetHeight;
+    let p = e + 15, b = o - d / 2;
+    p + c > l.width && (p = e - c - 15), b < 0 && (b = 0), b + d > l.height && (b = l.height - d), this.el.style.left = p + "px", this.el.style.top = b + "px";
   }
   hide() {
     this.el.style.display = "none";
@@ -96,198 +107,140 @@ class yt {
     this.el && this.el.parentNode && this.el.parentNode.removeChild(this.el);
   }
 }
-function ct(v, t, e = {}, o = 45) {
-  const s = (f, g, p) => f == null ? p : typeof f == "string" && f.endsWith("%") ? parseFloat(f) / 100 * g : parseFloat(f) || 0, i = s(e.left, v, o), n = s(e.right, v, o), l = s(e.top, t, o), h = s(e.bottom, t, o), a = Math.max(0, v - i - n), r = Math.max(0, t - l - h), c = i + a / 2, d = l + r / 2;
-  return { left: i, right: n, top: l, bottom: h, availW: a, availH: r, cx: c, cy: d };
+function gt(w, t, e = {}, o = 45) {
+  const i = (p, b, u) => p == null ? u : typeof p == "string" && p.endsWith("%") ? parseFloat(p) / 100 * b : parseFloat(p) || 0, s = i(e.left, w, o), n = i(e.right, w, o), r = i(e.top, t, o), h = i(e.bottom, t, o), a = Math.max(0, w - s - n), l = Math.max(0, t - r - h), c = s + a / 2, d = r + l / 2;
+  return { left: s, right: n, top: r, bottom: h, availW: a, availH: l, cx: c, cy: d };
 }
-function nt(v, t, e, o, s, i = 1, n = 0) {
-  const l = (s + n) * i;
+function lt(w, t, e, o, i, s = 1, n = 0) {
+  const r = (i + n) * s;
   if (o === "circle" || o === "ring")
-    v.arc(t, e, l, 0, Math.PI * 2);
+    w.arc(t, e, r, 0, Math.PI * 2);
   else if (o === "star") {
-    const h = l * 0.42;
+    const h = r * 0.42;
     for (let a = 0; a < 10; a++) {
-      const r = a * Math.PI / 5 - Math.PI / 2, c = a % 2 === 0 ? l : h;
-      a === 0 ? v.moveTo(t + c * Math.cos(r), e + c * Math.sin(r)) : v.lineTo(t + c * Math.cos(r), e + c * Math.sin(r));
+      const l = a * Math.PI / 5 - Math.PI / 2, c = a % 2 === 0 ? r : h;
+      a === 0 ? w.moveTo(t + c * Math.cos(l), e + c * Math.sin(l)) : w.lineTo(t + c * Math.cos(l), e + c * Math.sin(l));
     }
-    v.closePath();
+    w.closePath();
   } else if (o === "triangle") {
     for (let h = 0; h < 3; h++) {
-      const a = -Math.PI / 2 + h * 2 * Math.PI / 3, r = t + l * Math.cos(a), c = e + l * Math.sin(a);
-      h === 0 ? v.moveTo(r, c) : v.lineTo(r, c);
+      const a = -Math.PI / 2 + h * 2 * Math.PI / 3, l = t + r * Math.cos(a), c = e + r * Math.sin(a);
+      h === 0 ? w.moveTo(l, c) : w.lineTo(l, c);
     }
-    v.closePath();
+    w.closePath();
   } else if (o === "diamond")
-    v.moveTo(t, e - l), v.lineTo(t + l, e), v.lineTo(t, e + l), v.lineTo(t - l, e), v.closePath();
+    w.moveTo(t, e - r), w.lineTo(t + r, e), w.lineTo(t, e + r), w.lineTo(t - r, e), w.closePath();
   else if (o === "square" || o === "rect") {
-    const h = (s + n) * 2 * i, a = t - h / 2, r = e - h / 2;
-    v.rect(a, r, h, h);
+    const h = (i + n) * 2 * s, a = t - h / 2, l = e - h / 2;
+    w.rect(a, l, h, h);
   } else
-    v.arc(t, e, l, 0, Math.PI * 2);
+    w.arc(t, e, r, 0, Math.PI * 2);
 }
-const Pt = [
+const Yt = [
   {
-    id: "PD",
     name: "PD",
-    desc: "局部放电",
     color: "#A0DC99",
-    labelColor: "#1a4a1a",
-    points: [[1, 0, 0], [0.95, 0.05, 0], [0.95, 0, 0.05]]
+    coordinates: [[1, 0, 0], [0.95, 0.05, 0], [0.95, 0, 0.05]]
   },
   {
-    id: "D1",
     name: "D1",
-    desc: "低能放电",
     color: "#77A3FC",
-    labelColor: "#ffffff",
-    points: [[0.85, 0.15, 0], [0, 1, 0], [0, 0.75, 0.25], [0.6, 0.15, 0.25]]
+    coordinates: [[0.85, 0.15, 0], [0, 1, 0], [0, 0.75, 0.25], [0.6, 0.15, 0.25]]
   },
   {
-    id: "D2",
     name: "D2",
-    desc: "高能放电",
     color: "#E3F2FF",
-    labelColor: "#1a3a6c",
-    points: [[0, 0.75, 0.25], [0, 0.28, 0.72], [0.32, 0.28, 0.4], [0.45, 0.15, 0.4], [0.6, 0.15, 0.25]]
+    coordinates: [[0, 0.75, 0.25], [0, 0.28, 0.72], [0.32, 0.28, 0.4], [0.45, 0.15, 0.4], [0.6, 0.15, 0.25]]
   },
   {
-    id: "T1",
     name: "T1",
-    desc: "热故障 < 300°C",
     color: "#CBE4FD",
-    labelColor: "#1a2a6c",
-    points: [[0.95, 0.05, 0], [0.85, 0.05, 0.1], [0.9, 0, 0.1], [0.95, 0, 0.05]]
+    coordinates: [[0.95, 0.05, 0], [0.85, 0.05, 0.1], [0.9, 0, 0.1], [0.95, 0, 0.05]]
   },
   {
-    id: "T2",
     name: "T2",
-    desc: "热故障 300 ~ 700°C",
     color: "#56AD4A",
-    labelColor: "#e8ffe0",
-    points: [[0.85, 0.05, 0.1], [0.45, 0.05, 0.5], [0.5, 0, 0.5], [0.9, 0, 0.1]]
+    coordinates: [[0.85, 0.05, 0.1], [0.45, 0.05, 0.5], [0.5, 0, 0.5], [0.9, 0, 0.1]]
   },
   {
-    id: "T3",
     name: "T3",
-    desc: "热故障 > 700°C",
     color: "#5490FF",
-    labelColor: "#e0eeff",
-    points: [[0.5, 0, 0.5], [0.35, 0.15, 0.5], [0, 0.15, 0.85], [0, 0, 1]]
+    coordinates: [[0.5, 0, 0.5], [0.35, 0.15, 0.5], [0, 0.15, 0.85], [0, 0, 1]]
   },
   {
-    id: "DT",
     name: "DT",
-    desc: "混合故障（放电+热）",
     color: "#313CFF",
-    labelColor: "#c8d8ff",
-    points: [[0.95, 0.05, 0], [0.85, 0.15, 0], [0.45, 0.15, 0.4], [0.32, 0.28, 0.4], [0, 0.28, 0.72], [0, 0.15, 0.85], [0.35, 0.15, 0.5], [0.45, 0.05, 0.5]]
+    coordinates: [[0.95, 0.05, 0], [0.85, 0.15, 0], [0.45, 0.15, 0.4], [0.32, 0.28, 0.4], [0, 0.28, 0.72], [0, 0.15, 0.85], [0.35, 0.15, 0.5], [0.45, 0.05, 0.5]]
   }
-], Ot = [
+], Gt = [
   {
-    id: "PD",
     name: "PD",
-    desc: "电晕型局部放电",
     color: "#A0DC99",
-    labelColor: "#1a4a1a",
-    points: [[0.975, 0, 0.025], [0.955, 0.02, 0.025], [0.83, 0.02, 0.15], [0.85, 0, 0.15]]
+    coordinates: [[0.975, 0, 0.025], [0.955, 0.02, 0.025], [0.83, 0.02, 0.15], [0.85, 0, 0.15]]
   },
   {
-    id: "S",
     name: "S",
-    desc: "温度<200℃时的杂散气体",
     color: "#313CFF",
-    labelColor: "#c8d8ff",
-    points: [[1, 0, 0], [0.45, 0.55, 0], [0.08, 0.52, 0.4], [0.08, 0.3, 0.62], [0.15, 0.3, 0.55], [0.15, 0.25, 0.6], [0.4, 0.25, 0.35], [0.65, 0, 0.35], [0.85, 0, 0.15], [0.83, 0.02, 0.15], [0.955, 0.02, 0.025], [0.975, 0, 0.025]]
+    coordinates: [[1, 0, 0], [0.45, 0.55, 0], [0.08, 0.52, 0.4], [0.08, 0.3, 0.62], [0.15, 0.3, 0.55], [0.15, 0.25, 0.6], [0.4, 0.25, 0.35], [0.65, 0, 0.35], [0.85, 0, 0.15], [0.83, 0.02, 0.15], [0.955, 0.02, 0.025], [0.975, 0, 0.025]]
   },
   {
-    id: "C",
     name: "C",
-    desc: "绝缘纸可能碳化",
     color: "#3587FF",
-    labelColor: "#ffffff",
-    points: [[0.65, 0, 0.35], [0.4, 0.25, 0.35], [0.15, 0.25, 0.6], [0.15, 0.3, 0.55], [0, 0.3, 0.7], [0, 0, 1]]
+    coordinates: [[0.65, 0, 0.35], [0.4, 0.25, 0.35], [0.15, 0.25, 0.6], [0.15, 0.3, 0.55], [0, 0.3, 0.7], [0, 0, 1]]
   },
   {
-    id: "O",
     name: "O",
-    desc: "过热温度<250℃，绝缘纸不碳化",
     color: "#6AA4FF",
-    labelColor: "#c8d8ff",
-    points: [[0.08, 0.92, 0], [0, 1, 0], [0, 0.3, 0.7], [0.08, 0.3, 0.62]]
+    coordinates: [[0.08, 0.92, 0], [0, 1, 0], [0, 0.3, 0.7], [0.08, 0.3, 0.62]]
   },
   {
-    id: "ND",
     name: "ND",
-    desc: "未确定",
     color: "#BEE1FD",
-    labelColor: "#1a2a6c",
-    points: [[0.45, 0.55, 0], [0.08, 0.92, 0], [0.08, 0.52, 0.4]]
+    coordinates: [[0.45, 0.55, 0], [0.08, 0.92, 0], [0.08, 0.52, 0.4]]
   }
-], Nt = [
+], Vt = [
   {
-    id: "PD",
     name: "PD",
-    desc: "电晕型局部放电",
     color: "#A0DC99",
-    labelColor: "#1a4a1a",
-    points: [[0.85, 0.15, 0], [0.83, 0.15, 0.02], [0.96, 0.02, 0.02], [0.98, 0.02, 0]]
+    coordinates: [[0.85, 0.15, 0], [0.83, 0.15, 0.02], [0.96, 0.02, 0.02], [0.98, 0.02, 0]]
   },
   {
-    id: "T2",
     name: "T2",
-    desc: "中温过热 (300~700℃)",
     color: "#56AD4A",
-    labelColor: "#1a4a1a",
-    points: [[0.9, 0, 0.1], [0.65, 0, 0.35], [0.525, 0.125, 0.35], [0.775, 0.125, 0.1]]
+    coordinates: [[0.9, 0, 0.1], [0.65, 0, 0.35], [0.525, 0.125, 0.35], [0.775, 0.125, 0.1]]
   },
   {
-    id: "S",
     name: "S",
-    desc: "温度<200℃时的杂散气体",
     color: "#313CFF",
-    labelColor: "#c8d8ff",
-    points: [[0.85, 0.15, 0], [0.35, 0.65, 0], [0.25, 0.65, 0.1], [0.75, 0.15, 0.1]]
+    coordinates: [[0.85, 0.15, 0], [0.35, 0.65, 0], [0.25, 0.65, 0.1], [0.75, 0.15, 0.1]]
   },
   {
-    id: "C",
     name: "C",
-    desc: "绝缘纸可能碳化",
     color: "#3587FF",
-    labelColor: "#ffffff",
-    points: [[0.6, 0.3, 0.1], [0, 0.3, 0.7], [0.15, 0.15, 0.7], [0.35, 0.15, 0.5], [0.375, 0.125, 0.5], [0.775, 0.125, 0.1]]
+    coordinates: [[0.6, 0.3, 0.1], [0, 0.3, 0.7], [0.15, 0.15, 0.7], [0.35, 0.15, 0.5], [0.375, 0.125, 0.5], [0.775, 0.125, 0.1]]
   },
   {
-    id: "O",
     name: "O",
-    desc: "过热",
     color: "#6AA4FF",
-    labelColor: "#1a3a6c",
-    points: [[1, 0, 0], [0.98, 0.02, 0], [0.96, 0.02, 0.02], [0.83, 0.15, 0.02], [0.85, 0.15, 0], [0, 1, 0], [0, 0.9, 0.1], [0.35, 0.55, 0.1], [0.45, 0.55, 0], [0.85, 0.15, 0], [0.75, 0.15, 0.1], [0.9, 0, 0.1]]
+    coordinates: [[1, 0, 0], [0.98, 0.02, 0], [0.96, 0.02, 0.02], [0.83, 0.15, 0.02], [0.85, 0.15, 0], [0, 1, 0], [0, 0.9, 0.1], [0.35, 0.55, 0.1], [0.45, 0.55, 0], [0.85, 0.15, 0], [0.75, 0.15, 0.1], [0.9, 0, 0.1]]
   },
   {
-    id: "T3-H",
     name: "T3-H",
-    desc: "仅矿物油过热",
     color: "#77A3FC",
-    labelColor: "#ffffff",
-    points: [[0.35, 0.3, 0.35], [0, 0.65, 0.35], [0, 0, 1], [0.65, 0, 0.35], [0.525, 0.125, 0.35], [0.375, 0.125, 0.5], [0.35, 0.15, 0.5], [0.15, 0.15, 0.7], [0, 0.3, 0.7]],
+    coordinates: [[0.35, 0.3, 0.35], [0, 0.65, 0.35], [0, 0, 1], [0.65, 0, 0.35], [0.525, 0.125, 0.35], [0.375, 0.125, 0.5], [0.35, 0.15, 0.5], [0.15, 0.15, 0.7], [0, 0.3, 0.7]],
     labelAt: [0.1, 0.42, 0.48]
   },
   {
-    id: "ND",
     name: "ND",
-    desc: "未确定",
     color: "#E3F2FF",
-    labelColor: "#1a3a6c",
-    points: [[0.6, 0.3, 0.1], [0, 0.9, 0.1], [0, 0.65, 0.35], [0.35, 0.3, 0.35]]
+    coordinates: [[0.6, 0.3, 0.1], [0, 0.9, 0.1], [0, 0.65, 0.35], [0.35, 0.3, 0.35]]
   }
-], st = [
+], nt = [
   {
     name: "PD",
     title: "电晕型局部放电",
     color: "#A0DC99",
-    desc: "电晕型局部放电",
-    poly: [
+    coordinates: [
       [0, 33],
       [-1, 33],
       [-1, 24.5],
@@ -298,8 +251,7 @@ const Pt = [
     name: "D1",
     title: "低能量放电或火花型局部放电",
     color: "#81ADFF",
-    desc: "低能量放电或火花型局部放电",
-    poly: [
+    coordinates: [
       [0, 40],
       [38, 12],
       [32, -6.1],
@@ -311,8 +263,7 @@ const Pt = [
     name: "D2",
     title: "高能量放电",
     color: "#E3F2FF",
-    desc: "高能量放电",
-    poly: [
+    coordinates: [
       [4, 16],
       [32, -6.1],
       [24.3, -30],
@@ -324,8 +275,7 @@ const Pt = [
     name: "T3",
     title: "过热故障，t＞700℃",
     color: "#5490FF",
-    desc: "过热故障，t＞700℃",
-    poly: [
+    coordinates: [
       [0, -3],
       [24.3, -30],
       [23.5, -32.4],
@@ -337,8 +287,7 @@ const Pt = [
     name: "T2",
     title: "过热故障，300℃＜t＜700℃",
     color: "#56AD4A",
-    desc: "中温热故障，铁心或铜导体局部过热，C₂H₄+CH₄ 均较高",
-    poly: [
+    coordinates: [
       [-6, -4],
       [1, -32.4],
       [-22.5, -32.4]
@@ -348,8 +297,7 @@ const Pt = [
     name: "T1",
     title: "过热故障，t＜300℃",
     color: "#CBE4FD",
-    desc: "低温热故障(<300°C)，CH₄+C₂H₆ 为主要特征气体",
-    poly: [
+    coordinates: [
       [-6, -4],
       [-22.5, -32.4],
       [-23.5, -32.4],
@@ -362,8 +310,7 @@ const Pt = [
     name: "S",
     title: "温度<200℃时的杂散气体",
     color: "#2735FF",
-    desc: "温度<200℃时的杂散气体",
-    poly: [
+    coordinates: [
       [0, 1.5],
       [-35, 3.1],
       [-38, 12.4],
@@ -374,13 +321,12 @@ const Pt = [
       [0, 24.5]
     ]
   }
-], lt = [
+], at = [
   {
     name: "PD",
     title: "电晕型局部放电",
     color: "#A0DC99",
-    desc: "内部局部放电，H₂ 占比 >93%",
-    poly: [
+    coordinates: [
       [0, 33],
       [-1, 33],
       [-1, 24.5],
@@ -391,8 +337,7 @@ const Pt = [
     name: "D1",
     title: "低能量放电或火花型局部放电",
     color: "#81ADFF",
-    desc: "低能量火花放电，绕组匝间短路早期，H₂+C₂H₂ 较高",
-    poly: [
+    coordinates: [
       [0, 40],
       [38, 12],
       [32, -6.1],
@@ -404,8 +349,7 @@ const Pt = [
     name: "D2",
     title: "高能量放电",
     color: "#E3F2FF",
-    desc: "高能量电弧放电，严重绝缘故障，C₂H₂ 占比高",
-    poly: [
+    coordinates: [
       [4, 16],
       [32, -6.1],
       [24.3, -30],
@@ -417,8 +361,7 @@ const Pt = [
     name: "S",
     title: "温度<200℃时的杂散气体",
     color: "#2735FF",
-    desc: "温度<200℃时的杂散气体",
-    poly: [
+    coordinates: [
       [0, 1.5],
       [-35, 3.1],
       [-38, 12.4],
@@ -433,8 +376,7 @@ const Pt = [
     name: "T3-H",
     title: "——仅矿物油过热",
     color: "#25A53D",
-    desc: "700℃以上高温过热，C₂H₄ 占比高，总烃快速增长",
-    poly: [
+    coordinates: [
       [0, -3],
       [24.3, -30],
       [23.5, -32.4],
@@ -446,8 +388,7 @@ const Pt = [
     name: "C",
     title: "绝缘纸可能碳化",
     color: "#3587FF",
-    desc: "绝缘纸可能碳化",
-    poly: [
+    coordinates: [
       [-3.5, -3],
       [2.5, -32.4],
       [-21.5, -32.4],
@@ -458,8 +399,7 @@ const Pt = [
     name: "O",
     title: "过热温度<250℃，绝缘纸不碳化",
     color: "#6AA4FF",
-    desc: "过热温度<250℃，绝缘纸不碳化",
-    poly: [
+    coordinates: [
       [-3.5, -3],
       [-11, -8],
       [-21.5, -32.4],
@@ -469,217 +409,199 @@ const Pt = [
       [0, -3]
     ]
   }
-], Wt = [
+], Ft = [
   {
     name: "D1/PD",
     title: "局部放电",
-    color: "rgba(56,139,253,0.22)",
-    labelColor: "rgba(56,139,253,0.9)",
-    poly: [[-2, 3], [3, 3], [3, 0], [-2, 0]]
+    color: "#51b4c8",
+    coordinates: [[-2, 3], [3, 3], [3, 0], [-2, 0]]
     // Y >= 1 (logY >= 0), full X
   },
   {
     name: "T3/DT",
     title: "高温热故障/放电+热",
-    color: "rgba(63,185,80,0.18)",
-    labelColor: "rgba(63,185,80,0.9)",
-    poly: [[-2, 0], [3, 0], [3, -2], [-2, -2]]
+    color: "#fe9d37",
+    coordinates: [[-2, 0], [3, 0], [3, -2], [-2, -2]]
     // -2 <= logY <= 0, full X
   },
   {
     name: "T1",
     title: "过热故障，t＜300℃",
-    color: "rgba(250,199,75,0.22)",
-    labelColor: "rgba(250,199,75,0.9)",
-    poly: [[-2, -2], [0, -2], [0, -3], [-2, -3]]
+    color: "#df4d41",
+    coordinates: [[-2, -2], [0, -2], [0, -3], [-2, -3]]
   },
   {
     name: "T2",
     title: "过热故障，300℃＜t＜700℃",
-    color: "rgba(240,120,60,0.25)",
-    labelColor: "rgba(240,120,60,0.9)",
-    poly: [[0, -2], [0.4, -2], [0.4, -3], [0, -3]]
+    color: "#458be6",
+    coordinates: [[0, -2], [0.4, -2], [0.4, -3], [0, -3]]
   },
   {
     name: "T3",
     title: "过热故障，t＞700℃",
-    color: "rgba(46,160,67,0.22)",
-    labelColor: "rgba(46,160,67,0.9)",
-    poly: [[0.4, -2], [3, -2], [3, -3], [0.4, -3]]
+    color: "#8c2fae",
+    coordinates: [[0.4, -2], [3, -2], [3, -3], [0.4, -3]]
   }
-], Zt = [
+], Kt = [
   {
     name: "D2",
     title: "高能放电",
-    color: "rgba(56,139,253,0.28)",
-    labelColor: "rgba(100,180,255,0.95)",
+    color: "#63a856",
     // Y >= 10 AND X >= 10 → logY>=1, logX>=1
-    poly: [[-2, 3], [3, 3], [3, 0], [1, 0], [1, 1], [-2, 1]]
+    coordinates: [[-2, 3], [3, 3], [3, 0], [1, 0], [1, 1], [-2, 1]]
   },
   {
     name: "D1",
     title: "低能放电",
-    color: "rgba(56,139,253,0.15)",
-    labelColor: "rgba(130,190,255,0.85)",
+    color: "#f16335",
     // L-shape: Y>=1 AND X<10
     // = (logY in [0,3], logX in [-2,1])
-    poly: [[-2, 1], [1, 1], [1, 0], [-2, 0]]
+    coordinates: [[-2, 1], [1, 1], [1, 0], [-2, 0]]
   },
   {
     name: "PD",
     title: "局部放电",
-    color: "rgba(63,185,80,0.18)",
-    labelColor: "rgba(63,185,80,0.9)",
-    poly: [[-2, 0], [0, 0], [0, -2], [-2, -2]]
+    color: "#53b7cc",
+    coordinates: [[-2, 0], [0, 0], [0, -2], [-2, -2]]
   },
   {
     name: "T3/DT",
     title: "高温热/放电+热",
-    color: "rgba(250,199,75,0.18)",
-    labelColor: "rgba(250,199,75,0.9)",
-    poly: [[0, 0], [3, 0], [3, -2], [0, -2]]
+    color: "#fe9d37",
+    coordinates: [[0, 0], [3, 0], [3, -2], [0, -2]]
   },
   {
     name: "T1",
     title: "过热故障，t＜300℃",
-    color: "rgba(250,199,75,0.22)",
-    labelColor: "rgba(250,199,75,0.9)",
-    poly: [[-2, -2], [0, -2], [0, -3], [-2, -3]]
+    color: "#df4d41",
+    coordinates: [[-2, -2], [0, -2], [0, -3], [-2, -3]]
   },
   {
     name: "T2",
     title: "过热故障，300℃＜t＜700℃",
-    color: "rgba(240,120,60,0.25)",
-    labelColor: "rgba(240,120,60,0.9)",
-    poly: [[0, -2], [0.4, -2], [0.4, -3], [0, -3]]
+    color: "#458be6",
+    coordinates: [[0, -2], [0.4, -2], [0.4, -3], [0, -3]]
   },
   {
     name: "T3",
     title: "过热故障，t＞700℃",
-    color: "rgba(46,160,67,0.22)",
-    labelColor: "rgba(46,160,67,0.9)",
-    poly: [[0.4, -2], [3, -2], [3, -3], [0.4, -3]]
+    color: "#8c2fae",
+    coordinates: [[0.4, -2], [3, -2], [3, -3], [0.4, -3]]
   }
-], kt = [
+], Rt = [
   {
     name: "PD",
     title: "电晕型局部放电",
-    fill: "#09FAFF",
-    edgeColor: "#09FAFF",
-    p1: [0, 0, 0],
-    // 开始坐标点
-    p2: [0.2, 0.1, 0.01]
+    color: "#09FAFF",
+    coordinates: [[0, 0, 0], [0.2, 0.1, 0.01]]
     // 结束坐标点
   },
   {
     name: "T1",
     title: "过热故障，t＜300℃",
-    fill: "#EC9B9A",
-    edgeColor: "#EC9B9A",
-    p1: [0, 1, 0],
-    p2: [1, 10, 0.01]
+    color: "#EC9B9A",
+    coordinates: [[0, 1, 0], [1, 10, 0.01]]
   },
   {
     name: "T2",
     title: "过热故障，300℃＜t＜700℃",
-    fill: "#A0C9F5",
-    edgeColor: "#A0C9F5",
-    p1: [1, 1, 0],
-    p2: [4, 10, 0.1]
+    color: "#A0C9F5",
+    coordinates: [[1, 1, 0], [4, 10, 0.1]]
   },
   {
     name: "T3",
     title: "过热故障，t＞700℃",
-    fill: "#CA677B",
-    edgeColor: "#CA677B",
-    p1: [4, 1, 0],
-    p2: [10, 10, 0.2]
+    color: "#CA677B",
+    coordinates: [[4, 1, 0], [10, 10, 0.2]]
   },
   {
     name: "D1",
     title: "低能量放电火花型局部放电",
-    fill: "#FF7B16",
-    edgeColor: "#FF7B16",
-    p1: [1, 0.1, 1],
-    p2: [10, 0.5, 10]
+    color: "#FF7B16",
+    coordinates: [[1, 0.1, 1], [10, 0.5, 10]]
   },
   {
     name: "D2",
     title: "高能量放电",
-    fill: "#48FF16",
-    edgeColor: "#48FF16",
-    p1: [2, 0.1, 0.6],
-    p2: [10, 1, 2.5]
+    color: "#48FF16",
+    coordinates: [[2, 0.1, 0.6], [10, 1, 2.5]]
   }
 ];
-function ft(v) {
-  if (!Array.isArray(v)) return [];
-  const t = v.map((o) => Math.max(Number(o) || 0, 0)), e = t.reduce((o, s) => o + s, 0);
+function yt(w) {
+  if (!Array.isArray(w)) return [];
+  const t = w.map((o) => Math.max(Number(o) || 0, 0)), e = t.reduce((o, i) => o + i, 0);
   return e === 0 ? t.map(() => 0) : t.map((o) => {
-    const s = o / e * 100;
-    return Math.round(s * 100) / 100;
+    const i = o / e * 100;
+    return Math.round(i * 100) / 100;
   });
 }
-function mt(v, t, e, o, s) {
-  const i = [v, t, e, o, s].map((d) => Math.max(0, Number(d) || 0)), n = i.reduce((d, f) => d + f, 0);
+function xt(w, t, e, o, i) {
+  const s = [w, t, e, o, i].map((d) => Math.max(0, Number(d) || 0)), n = s.reduce((d, p) => d + p, 0);
   if (n <= 0) return null;
-  const l = i.map((d) => d / n), h = 40, a = [90, 18, -54, -126, 162];
-  let r = 0, c = 0;
+  const r = s.map((d) => d / n), h = 40, a = [90, 18, -54, -126, 162];
+  let l = 0, c = 0;
   for (let d = 0; d < 5; d++) {
-    const f = a[d] * Math.PI / 180;
-    r += l[d] * h * Math.cos(f), c += l[d] * h * Math.sin(f);
+    const p = a[d] * Math.PI / 180;
+    l += r[d] * h * Math.cos(p), c += r[d] * h * Math.sin(p);
   }
-  return { x: r, y: c, ratio: l };
+  return { x: l, y: c, ratio: r };
 }
-function bt(v, t, e) {
+function _t(w, t, e) {
   let o = !1;
-  for (let s = 0, i = e.length - 1; s < e.length; i = s++) {
-    const [n, l] = e[s], [h, a] = e[i];
-    l > t != a > t && v < (h - n) * (t - l) / (a - l) + n && (o = !o);
+  for (let i = 0, s = e.length - 1; i < e.length; s = i++) {
+    const [n, r] = e[i], [h, a] = e[s];
+    r > t != a > t && w < (h - n) * (t - r) / (a - r) + n && (o = !o);
   }
   return o;
 }
-const Ut = {
-  duvalTriangle1: (v, t, e) => {
-    if (v + t + e <= 0) return { code: "INVALID", label: "无效输入" };
-    const [s, i, n] = ft([v, t, e]);
-    return s >= 98 ? { code: "PD", label: "局部放电" } : i >= 23 && n <= 13 ? { code: "D1", label: "低能放电" } : i >= 23 && i <= 40 && n >= 13 && n <= 29 ? { code: "D2", label: "高能放电" } : n <= 4 && i <= 20 ? { code: "T1", label: "热故障（t < 300℃）" } : n <= 4 && i > 20 && i <= 50 ? { code: "T2", label: "热故障（300℃ < t < 700℃）" } : n <= 15 && i >= 50 ? { code: "T3", label: "热故障（t > 700℃）" } : { code: "ND", label: "区域未定义" };
-  },
-  duvalTriangle4: (v, t, e) => {
-    if (v + t + e <= 0) return { code: "INVALID", label: "无效输入" };
-    const [s, i, n] = ft([v, t, e]);
-    return i >= 1 && n >= 2 && n <= 15 ? { code: "PD", label: "电晕型局部放电" } : s <= 9 && i >= 24 && i <= 46 && n <= 36 ? { code: "S", label: "温度<200℃时的杂散气体" } : s <= 9 && i <= 30 ? { code: "O", label: "过热温度<250℃，绝缘纸不碳化" } : i >= 24 && i <= 30 && n >= 36 ? { code: "C", label: "绝缘纸可能碳化" } : { code: "ND", label: "区域未定义" };
-  },
-  duvalTriangle5: (v, t, e) => {
-    if (v + t + e <= 0) return { code: "INVALID", label: "无效输入" };
-    const [s, i, n] = ft([v, t, e]);
-    return s >= 85 && s <= 100 && n >= 0 && n <= 15 ? { code: "PD", label: "电晕型局部放电" } : i >= 35 && i <= 100 && n >= 0 && n <= 14 || i >= 35 && i <= 70 && n >= 30 && n <= 75 ? { code: "T3", label: "高温过热故障（t > 700℃）" } : i >= 10 && i <= 35 && n >= 0 && n <= 12 ? { code: "T2", label: "中温过热故障（t > 300℃）" } : i >= 10 && i <= 70 && n >= 12 && n <= 30 ? { code: "C", label: "绝缘纸碳化故障" } : i <= 10 && n >= 15 && n <= 54 ? { code: "S", label: "矿物油杂散气体（低温过热 90℃~200℃）" } : i <= 10 && (n <= 15 || n >= 54) ? { code: "O", label: "过热故障" } : { code: "ND", label: "区域未定义" };
-  },
-  duvalPentagon1: (v, t, e, o, s) => {
-    const i = mt(v, e, o, t, s);
-    if (!i) return { code: "INVALID", label: "无效输入", desc: "", color: "" };
-    const { x: n, y: l } = i;
-    for (let a = 0; a < st.length - 1; a++) {
-      const r = st[a];
-      if (bt(n, l, r.poly))
-        return { code: r.name, label: r.title, desc: r.desc, color: r.color };
+const qt = {
+  duvalTriangle1: (w, t, e) => {
+    if (w + t + e <= 0) return { code: "INVALID", label: "无效输入" };
+    const [i, s, n] = yt([w, t, e]);
+    return i >= 98 ? { code: "PD", label: "局部放电" } : s >= 23 && n <= 13 ? { code: "D1", label: "低能放电" } : s >= 23 && s <= 40 && n >= 13 && n <= 29 ? { code: "D2", label: "高能放电" } : n <= 4 && s <= 20 ? { code: "T1", label: "热故障（t < 300℃）" } : n <= 4 && s > 20 && s <= 50 ? { code: "T2", label: "热故障（300℃ < t < 700℃）" } : n <= 15 && s >= 50 ? { code: "T3", label: "热故障（t > 700℃）" } : { code: "ND", label: "区域未定义" };
+  },
+  duvalTriangle4: (w, t, e) => {
+    if (w + t + e <= 0) return { code: "INVALID", label: "无效输入" };
+    const [i, s, n] = yt([w, t, e]);
+    return s >= 1 && n >= 2 && n <= 15 ? { code: "PD", label: "电晕型局部放电" } : i <= 9 && s >= 24 && s <= 46 && n <= 36 ? { code: "S", label: "温度<200℃时的杂散气体" } : i <= 9 && s <= 30 ? { code: "O", label: "过热温度<250℃，绝缘纸不碳化" } : s >= 24 && s <= 30 && n >= 36 ? { code: "C", label: "绝缘纸可能碳化" } : { code: "ND", label: "区域未定义" };
+  },
+  duvalTriangle5: (w, t, e) => {
+    if (w + t + e <= 0) return { code: "INVALID", label: "无效输入" };
+    const [i, s, n] = yt([w, t, e]);
+    return i >= 85 && i <= 100 && n >= 0 && n <= 15 ? { code: "PD", label: "电晕型局部放电" } : s >= 35 && s <= 100 && n >= 0 && n <= 14 || s >= 35 && s <= 70 && n >= 30 && n <= 75 ? { code: "T3", label: "高温过热故障（t > 700℃）" } : s >= 10 && s <= 35 && n >= 0 && n <= 12 ? { code: "T2", label: "中温过热故障（t > 300℃）" } : s >= 10 && s <= 70 && n >= 12 && n <= 30 ? { code: "C", label: "绝缘纸碳化故障" } : s <= 10 && n >= 15 && n <= 54 ? { code: "S", label: "矿物油杂散气体（低温过热 90℃~200℃）" } : s <= 10 && (n <= 15 || n >= 54) ? { code: "O", label: "过热故障" } : { code: "ND", label: "区域未定义" };
+  },
+  duvalPentagon1: (w, t, e, o, i) => {
+    const s = xt(w, e, o, t, i);
+    if (!s) return { code: "INVALID", label: "无效输入", desc: "", color: "" };
+    const { x: n, y: r } = s;
+    for (let a = 0; a < nt.length - 1; a++) {
+      const l = nt[a];
+      if (_t(n, r, l.poly))
+        return { code: l.name, label: l.title, desc: l.desc, color: l.color };
     }
-    const h = st[st.length - 1];
+    const h = nt[nt.length - 1];
     return { code: h.name, label: h.title, desc: h.desc, color: h.color };
   },
-  duvalPentagon2: (v, t, e, o, s) => {
-    const i = mt(v, e, o, t, s);
-    if (!i) return { code: "INVALID", label: "无效输入", desc: "", color: "" };
-    const { x: n, y: l } = i;
-    for (let a = 0; a < lt.length - 1; a++) {
-      const r = lt[a];
-      if (bt(n, l, r.poly))
-        return { code: r.name, label: r.title, desc: r.desc, color: r.color };
+  duvalPentagon2: (w, t, e, o, i) => {
+    const s = xt(w, e, o, t, i);
+    if (!s) return { code: "INVALID", label: "无效输入", desc: "", color: "" };
+    const { x: n, y: r } = s;
+    for (let a = 0; a < at.length - 1; a++) {
+      const l = at[a];
+      if (_t(n, r, l.poly))
+        return { code: l.name, label: l.title, desc: l.desc, color: l.color };
     }
-    const h = lt[lt.length - 1];
+    const h = at[at.length - 1];
     return { code: h.name, label: h.title, desc: h.desc, color: h.color };
   }
-}, $ = class $ {
+};
+function Tt(w, t) {
+  return w ? w.startsWith("#") ? wt(w, t) : w.startsWith("rgb") ? w.replace(/rgb(a)?\(([^)]+)\)/, (e, o, i) => {
+    const s = i.split(","), n = s[0].trim(), r = s[1].trim(), h = s[2].trim();
+    return `rgba(${n},${r},${h},${t})`;
+  }) : w : `rgba(0,0,0,${t})`;
+}
+const I = class I {
   // 度
   /**
    * 将 doc 坐标（R=40，Y向上）转换为归一化 ratio 向量
@@ -688,33 +610,33 @@ const Ut = {
    * @returns {number[]|null} - 长度为5的 ratio 向量，或 null（如果在五边形外）
    */
   static docToRatio(t, e) {
-    const o = $.DOC_R, i = $.DOC_ANGLES.map((n) => {
-      const l = n * Math.PI / 180;
-      return [o * Math.cos(l), o * Math.sin(l)];
+    const o = I.DOC_R, s = I.DOC_ANGLES.map((n) => {
+      const r = n * Math.PI / 180;
+      return [o * Math.cos(r), o * Math.sin(r)];
     });
     for (let n = 0; n < 5; n++)
-      if (Math.hypot(t - i[n][0], e - i[n][1]) < 0.5) {
-        const l = [0, 0, 0, 0, 0];
-        return l[n] = 1, l;
+      if (Math.hypot(t - s[n][0], e - s[n][1]) < 0.5) {
+        const r = [0, 0, 0, 0, 0];
+        return r[n] = 1, r;
       }
     for (let n = 0; n < 5; n++) {
-      const l = (n + 1) % 5, [h, a] = i[n], [r, c] = i[l], d = r - h, f = c - a, g = d * d + f * f;
-      if (g < 1e-10) continue;
-      const p = ((t - h) * d + (e - a) * f) / g;
-      if (p >= -1e-6 && p <= 1 + 1e-6 && Math.abs((e - a) * d - (t - h) * f) / Math.sqrt(g) < 0.15) {
-        const y = Math.max(0, Math.min(1, p)), u = [0, 0, 0, 0, 0];
-        return u[n] = 1 - y, u[l] = y, u;
+      const r = (n + 1) % 5, [h, a] = s[n], [l, c] = s[r], d = l - h, p = c - a, b = d * d + p * p;
+      if (b < 1e-10) continue;
+      const u = ((t - h) * d + (e - a) * p) / b;
+      if (u >= -1e-6 && u <= 1 + 1e-6 && Math.abs((e - a) * d - (t - h) * p) / Math.sqrt(b) < 0.15) {
+        const g = Math.max(0, Math.min(1, u)), f = [0, 0, 0, 0, 0];
+        return f[n] = 1 - g, f[r] = g, f;
       }
     }
     for (let n = 0; n < 5; n++) {
-      const l = [0, 0], h = i[n], a = i[(n + 1) % 5], r = (h[1] - a[1]) * (l[0] - a[0]) + (a[0] - h[0]) * (l[1] - a[1]);
-      if (Math.abs(r) < 1e-10) continue;
-      const c = ((h[1] - a[1]) * (t - a[0]) + (a[0] - h[0]) * (e - a[1])) / r, d = ((a[1] - l[1]) * (t - a[0]) + (l[0] - a[0]) * (e - a[1])) / r, f = 1 - c - d;
-      if (c >= -0.01 && d >= -0.01 && f >= -0.01) {
-        const g = new Array(5).fill(c / 5);
-        g[n] += d, g[(n + 1) % 5] += f;
-        const p = g.reduce((m, y) => m + Math.max(0, y), 0);
-        return g.map((m) => Math.max(0, m) / p);
+      const r = [0, 0], h = s[n], a = s[(n + 1) % 5], l = (h[1] - a[1]) * (r[0] - a[0]) + (a[0] - h[0]) * (r[1] - a[1]);
+      if (Math.abs(l) < 1e-10) continue;
+      const c = ((h[1] - a[1]) * (t - a[0]) + (a[0] - h[0]) * (e - a[1])) / l, d = ((a[1] - r[1]) * (t - a[0]) + (r[0] - a[0]) * (e - a[1])) / l, p = 1 - c - d;
+      if (c >= -0.01 && d >= -0.01 && p >= -0.01) {
+        const b = new Array(5).fill(c / 5);
+        b[n] += d, b[(n + 1) % 5] += p;
+        const u = b.reduce((S, g) => S + Math.max(0, g), 0);
+        return b.map((S) => Math.max(0, S) / u);
       }
     }
     return null;
@@ -725,13 +647,13 @@ const Ut = {
    * @returns {number[]} - [x, y] doc 坐标
    */
   static ratioToDoc(t) {
-    const e = $.DOC_R, o = $.DOC_ANGLES;
-    let s = 0, i = 0;
+    const e = I.DOC_R, o = I.DOC_ANGLES;
+    let i = 0, s = 0;
     for (let n = 0; n < 5; n++) {
-      const l = o[n] * Math.PI / 180;
-      s += t[n] * e * Math.cos(l), i += t[n] * e * Math.sin(l);
+      const r = o[n] * Math.PI / 180;
+      i += t[n] * e * Math.cos(r), s += t[n] * e * Math.sin(r);
     }
-    return [s, i];
+    return [i, s];
   }
   /**
    * 将 canvas 像素坐标转换为归一化 ratio 向量
@@ -742,45 +664,45 @@ const Ut = {
    * @param {number} R - 五边形半径
    * @returns {number[]|null} - ratio 向量或 null
    */
-  static canvasToRatio(t, e, o, s, i) {
-    const n = Array.from({ length: 5 }, (l, h) => $.canvasVertex(h, o, s, i));
-    if (!gt(t, e, n)) return null;
-    for (let l = 0; l < 5; l++) {
-      const h = [o, s], a = n[l], r = n[(l + 1) % 5], c = (a[1] - r[1]) * (h[0] - r[0]) + (r[0] - a[0]) * (h[1] - r[1]);
+  static canvasToRatio(t, e, o, i, s) {
+    const n = Array.from({ length: 5 }, (r, h) => I.canvasVertex(h, o, i, s));
+    if (!ct(t, e, n)) return null;
+    for (let r = 0; r < 5; r++) {
+      const h = [o, i], a = n[r], l = n[(r + 1) % 5], c = (a[1] - l[1]) * (h[0] - l[0]) + (l[0] - a[0]) * (h[1] - l[1]);
       if (Math.abs(c) < 1e-10) continue;
-      const d = ((a[1] - r[1]) * (t - r[0]) + (r[0] - a[0]) * (e - r[1])) / c, f = ((r[1] - h[1]) * (t - r[0]) + (h[0] - r[0]) * (e - r[1])) / c, g = 1 - d - f;
-      if (d >= -1e-9 && f >= -1e-9 && g >= -1e-9) {
-        const p = new Array(5).fill(d / 5);
-        p[l] += f, p[(l + 1) % 5] += g;
-        const m = p.reduce((y, u) => y + Math.max(0, u), 0);
-        return p.map((y) => Math.max(0, y) / m);
+      const d = ((a[1] - l[1]) * (t - l[0]) + (l[0] - a[0]) * (e - l[1])) / c, p = ((l[1] - h[1]) * (t - l[0]) + (h[0] - l[0]) * (e - l[1])) / c, b = 1 - d - p;
+      if (d >= -1e-9 && p >= -1e-9 && b >= -1e-9) {
+        const u = new Array(5).fill(d / 5);
+        u[r] += p, u[(r + 1) % 5] += b;
+        const S = u.reduce((g, f) => g + Math.max(0, f), 0);
+        return u.map((g) => Math.max(0, g) / S);
       }
     }
     return null;
   }
   //  canvas 顶点坐标（Y 向下，从顶部 12 点顺时针）
-  static canvasVertex(t, e, o, s) {
-    const i = -Math.PI / 2 + t * 2 * Math.PI / 5;
-    return [e + s * Math.cos(i), o + s * Math.sin(i)];
+  static canvasVertex(t, e, o, i) {
+    const s = -Math.PI / 2 + t * 2 * Math.PI / 5;
+    return [e + i * Math.cos(s), o + i * Math.sin(s)];
   }
   //  doc 坐标 → canvas 坐标（直接线性映射）
-  static docToCanvas(t, e, o, s, i) {
+  static docToCanvas(t, e, o, i, s) {
     return [
-      o + t / $.DOC_R * i,
-      s - e / $.DOC_R * i
+      o + t / I.DOC_R * s,
+      i - e / I.DOC_R * s
       // Y 轴反转
     ];
   }
   //  poly 统一解析 → canvas 点数组
-  static polyToCanvas(t, e, o, s) {
+  static polyToCanvas(t, e, o, i) {
     if (t.length === 2)
-      return $.docToCanvas(t[0], t[1], e, o, s);
-    let i = 0, n = 0;
-    for (let l = 0; l < 5; l++) {
-      const [h, a] = $.canvasVertex(l, e, o, s);
-      i += t[l] * h, n += t[l] * a;
+      return I.docToCanvas(t[0], t[1], e, o, i);
+    let s = 0, n = 0;
+    for (let r = 0; r < 5; r++) {
+      const [h, a] = I.canvasVertex(r, e, o, i);
+      s += t[r] * h, n += t[r] * a;
     }
-    return [i, n];
+    return [s, n];
   }
   /**
    * 将任意格式的 series.data 解析为归一化 ratio 向量
@@ -792,32 +714,32 @@ const Ut = {
     if (!t) return null;
     if (Array.isArray(t)) {
       const o = t.length > 0 && t[0] && typeof t[0] == "object";
-      let s;
-      o && e ? s = e.map((n) => {
-        const l = t.find((h) => h.name === n);
-        return Math.max(0, (l ? l.value : 0) || 0);
-      }) : s = t.map((n) => Math.max(0, n || 0));
-      const i = s.reduce((n, l) => n + l, 0);
-      return i <= 1e-9 ? null : s.map((n) => n / i);
+      let i;
+      o && e ? i = e.map((n) => {
+        const r = t.find((h) => h.name === n);
+        return Math.max(0, (r ? r.value : 0) || 0);
+      }) : i = t.map((n) => Math.max(0, n || 0));
+      const s = i.reduce((n, r) => n + r, 0);
+      return s <= 1e-9 ? null : i.map((n) => n / s);
     }
-    return "x" in t && "y" in t ? $.docToRatio(t.x, t.y) : null;
+    return "x" in t && "y" in t ? I.docToRatio(t.x, t.y) : null;
   }
   //  ratio → doc 坐标字符串（调试/显示用）
   static ratioToDocStr(t, e = 1) {
-    const [o, s] = $.ratioToDoc(t);
-    return `(${o.toFixed(e)}, ${s.toFixed(e)})`;
+    const [o, i] = I.ratioToDoc(t);
+    return `(${o.toFixed(e)}, ${i.toFixed(e)})`;
   }
 };
 // doc 坐标系参数（固定）
-K($, "DOC_R", 40), // 顶点角度（数学坐标，顺时针，H2 在顶部=90°）
-K($, "DOC_ANGLES", [90, 18, -54, -126, 162]);
-let W = $;
-const J = class J {
+J(I, "DOC_R", 40), // 顶点角度（数学坐标，顺时针，H2 在顶部=90°）
+J(I, "DOC_ANGLES", [90, 18, -54, -126, 162]);
+let Y = I;
+const et = class et {
   static resolve(t) {
-    return !t || t === "dark" ? { ...J.DARK } : t === "light" ? { ...J.LIGHT } : E({ ...J.DARK }, t);
+    return !t || t === "dark" ? { ...et.DARK } : t === "light" ? { ...et.LIGHT } : X({ ...et.DARK }, t);
   }
 };
-K(J, "DARK", {
+J(et, "DARK", {
   backgroundColor: "transparent",
   // 画布背景色
   pointStyle: {
@@ -853,6 +775,7 @@ K(J, "DARK", {
     }
   },
   zone: {
+    alpha: 0.75,
     labelStyle: {
       show: !0,
       color: "#ffffff",
@@ -866,15 +789,13 @@ K(J, "DARK", {
     },
     borderStyle: {
       show: !0,
-      stroke: 1,
+      width: 1,
       type: "solid",
       color: "rgba(255, 255, 255, 0.25)"
     }
   },
   tooltip: {
     show: !0,
-    showDiagnostic: !1,
-    showPoint: !0,
     backgroundColor: "rgba(6, 13, 31, 0.93)",
     textStyle: {
       color: "#c8ddf0",
@@ -886,7 +807,7 @@ K(J, "DARK", {
   },
   fontFamily: "Rajdhani, sans-serif"
   // 全局字体
-}), K(J, "LIGHT", {
+}), J(et, "LIGHT", {
   backgroundColor: "transparent",
   // 画布背景色
   pointStyle: {
@@ -935,15 +856,13 @@ K(J, "DARK", {
     },
     borderStyle: {
       show: !0,
-      stroke: 1,
+      width: 1,
       type: "solid",
       color: "rgba(0, 0, 0, 0.25)"
     }
   },
   tooltip: {
     show: !0,
-    showDiagnostic: !1,
-    showPoint: !0,
     backgroundColor: "rgba(240, 244, 248, 0.96)",
     textStyle: {
       color: "#334155",
@@ -956,8 +875,8 @@ K(J, "DARK", {
   fontFamily: "Rajdhani, sans-serif"
   // 全局字体
 });
-let rt = J;
-class pt {
+let dt = et;
+class ht {
   /**
    * 根据 ratio 向量诊断所在故障区域
    * @param {number[]} ratio - 待诊断的 ratio 向量
@@ -967,13 +886,14 @@ class pt {
    * @param {number} R - 半径
    * @returns {object} - 匹配的区域对象
    */
-  static diagnose(t, e, o, s, i) {
-    const n = e && Array.isArray(e.data) ? e.data : Array.isArray(e) ? e : [];
+  static diagnose(t, e, o, i, s) {
+    const n = e && Array.isArray(e.data) ? e.data : [];
     if (!n.length) return null;
-    const [l, h] = W.polyToCanvas(t, o, s, i);
+    const [r, h] = Y.polyToCanvas(t, o, i, s);
     for (let a = 0; a < n.length - 1; a++) {
-      const r = n[a].poly.map((c) => W.polyToCanvas(c, o, s, i));
-      if (gt(l, h, r)) return n[a];
+      if (!n[a].coordinates || !n[a].coordinates.length) continue;
+      const l = n[a].coordinates.map((c) => Y.polyToCanvas(c, o, i, s));
+      if (ct(r, h, l)) return n[a];
     }
     return n[n.length - 1];
   }
@@ -987,81 +907,83 @@ class pt {
    * @param {number} R - 半径
    * @param {number} S - 容器尺寸
    */
-  static draw(t, e, o, s, i, n, l) {
-    const h = e && Array.isArray(e.data) ? e.data : Array.isArray(e) ? e : [], a = e.labelStyle || {}, r = e.borderStyle || {};
-    for (const d of h) {
-      if (!d.poly || !d.poly.length) continue;
-      const f = d.poly.map((g) => W.polyToCanvas(g, s, i, n));
-      t.beginPath(), f.forEach(([g, p], m) => m === 0 ? t.moveTo(g, p) : t.lineTo(g, p)), t.closePath(), t.fillStyle = d.color || "transparent", t.fill();
-    }
-    for (const d of h) {
-      const f = { ...r, ...d.borderStyle || {} };
-      if (f.show === !1 || !d.poly || !d.poly.length) continue;
-      const g = d.poly.map((p) => W.polyToCanvas(p, s, i, n));
-      t.beginPath(), g.forEach(([p, m], y) => y === 0 ? t.moveTo(p, m) : t.lineTo(p, m)), t.closePath(), t.strokeStyle = f.color || d.borderColor || o.zoneBorderColor || "rgba(255,255,255,0.5)", t.lineWidth = (f.stroke ?? d.borderWidth ?? o.zoneBorderWidth ?? 1) * 1, f.type === "dashed" ? t.setLineDash([4, 4]) : f.type === "dotted" ? t.setLineDash([2, 4]) : t.setLineDash([]), t.stroke();
-    }
-    t.setLineDash([]);
-    const c = o.fontFamily || "Rajdhani, sans-serif";
-    for (const d of h) {
-      const f = { ...a, ...d.labelStyle || {} };
-      if (f.show === !1 || !d.name) continue;
-      const g = d.poly ? d.poly.map((S) => W.polyToCanvas(S, s, i, n)) : [];
-      let p, m;
-      if (d.labelAt && Array.isArray(d.labelAt))
-        [p, m] = W.polyToCanvas(d.labelAt, s, i, n);
-      else if (g.length > 0)
-        p = g.reduce((S, C) => S + C[0], 0) / g.length, m = g.reduce((S, C) => S + C[1], 0) / g.length;
+  static draw(t, e, o, i, s, n, r) {
+    const h = e && Array.isArray(e.data) ? e.data : [], a = e.labelStyle || {}, l = e.borderStyle || {}, c = e.alpha, d = e.colors || o.colors || Q;
+    h.forEach((b, u) => {
+      if (!b.coordinates || !b.coordinates.length) return;
+      const S = b.coordinates.map((f) => Y.polyToCanvas(f, i, s, n));
+      t.beginPath(), S.forEach(([f, y], m) => m === 0 ? t.moveTo(f, y) : t.lineTo(f, y)), t.closePath();
+      let g = b.color || d[u % d.length];
+      c !== void 0 && g !== "transparent" && (g = Tt(g, c)), t.fillStyle = g, t.fill();
+    }), h.forEach((b, u) => {
+      const S = l;
+      if (S.show === !1 || !b.coordinates || !b.coordinates.length) return;
+      const g = b.coordinates.map((y) => Y.polyToCanvas(y, i, s, n));
+      t.beginPath(), g.forEach(([y, m], v) => v === 0 ? t.moveTo(y, m) : t.lineTo(y, m)), t.closePath();
+      let f = S.color || b.color || d[u % d.length];
+      S.alpha !== void 0 && f !== "transparent" && (f = Tt(f, S.alpha)), t.strokeStyle = f, t.lineWidth = S.width ?? 1, S.type === "dashed" ? t.setLineDash([4, 4]) : S.type === "dotted" ? t.setLineDash([2, 4]) : t.setLineDash([]), t.stroke();
+    }), t.setLineDash([]);
+    const p = o.fontFamily || "Rajdhani, sans-serif";
+    for (const b of h) {
+      const u = a;
+      if (u.show === !1 || !b.name) continue;
+      const S = b.coordinates ? b.coordinates.map((T) => Y.polyToCanvas(T, i, s, n)) : [];
+      let g, f;
+      if (b.labelAt && Array.isArray(b.labelAt))
+        [g, f] = Y.polyToCanvas(b.labelAt, i, s, n);
+      else if (S.length > 0)
+        g = S.reduce((T, _) => T + _[0], 0) / S.length, f = S.reduce((T, _) => T + _[1], 0) / S.length;
       else
         continue;
-      const y = Math.round((f.fontSize || o.zoneLabelSize || 12) * 1), u = f.fontStyle || "bold";
-      t.font = `${u} ${y}px ${c}`, f.letterSpacing !== void 0 && "letterSpacing" in t && (t.letterSpacing = `${f.letterSpacing}px`), t.textAlign = "center", t.textBaseline = "middle";
-      const b = d.name, w = t.measureText(b).width, x = y;
-      if (f.backgroundColor && f.backgroundColor !== "transparent") {
-        let S = 4, C = 4;
-        Array.isArray(f.padding) ? (C = f.padding[0], S = f.padding[1] !== void 0 ? f.padding[1] : C) : typeof lstyle.padding == "number" && (S = C = lstyle.padding), S *= 1, C *= 1;
-        const z = (f.borderRadius || 0) * 1, _ = w + S * 2, A = x + C * 2, Y = p - _ / 2, P = m - A / 2;
-        t.fillStyle = f.backgroundColor, t.beginPath(), t.roundRect ? t.roundRect(Y, P, _, A, z) : t.rect(Y, P, _, A), t.fill();
+      const y = Math.round((u.fontSize || o.zoneLabelSize || 12) * 1), m = u.fontStyle || "bold";
+      t.font = `${m} ${y}px ${p}`, u.letterSpacing !== void 0 && "letterSpacing" in t && (t.letterSpacing = `${u.letterSpacing}px`), t.textAlign = "center", t.textBaseline = "middle";
+      const v = typeof u.formatter == "function" ? u.formatter(b) : b.name, x = t.measureText(v).width, A = y;
+      if (u.backgroundColor && u.backgroundColor !== "transparent") {
+        let T = 4, _ = 4;
+        Array.isArray(u.padding) ? (_ = u.padding[0], T = u.padding[1] !== void 0 ? u.padding[1] : _) : typeof lstyle.padding == "number" && (T = _ = lstyle.padding), T *= 1, _ *= 1;
+        const M = (u.borderRadius || 0) * 1, k = x + T * 2, P = A + _ * 2, E = g - k / 2, z = f - P / 2;
+        t.fillStyle = u.backgroundColor, t.beginPath(), t.roundRect ? t.roundRect(E, z, k, P, M) : t.rect(E, z, k, P), t.fill();
       }
-      f.textShadow && f.textShadow !== "none" ? (t.shadowColor = f.textShadow, t.shadowBlur = 4) : (t.shadowColor = "transparent", t.shadowBlur = 0), t.fillStyle = f.color || o.zoneLabelColor || "#fff", t.fillText(b, p, m), t.shadowBlur = 0, t.shadowColor = "transparent", "letterSpacing" in t && (t.letterSpacing = "0px");
+      u.textShadow && u.textShadow !== "none" ? (t.shadowColor = u.textShadow, t.shadowBlur = 4) : (t.shadowColor = "transparent", t.shadowBlur = 0), t.fillStyle = u.color || o.zoneLabelColor || "#fff", t.fillText(v, g, f), t.shadowBlur = 0, t.shadowColor = "transparent", "letterSpacing" in t && (t.letterSpacing = "0px");
     }
   }
 }
-class Xt {
-  static draw(t, e, o, s, i, n, l, h) {
+class $t {
+  static draw(t, e, o, i, s, n, r, h) {
     var d;
-    const r = o.fontFamily || "Rajdhani, sans-serif";
+    const l = o.fontFamily || "Rajdhani, sans-serif";
     if (h && h.show !== !1) {
-      const f = h.lineStyle || {}, g = (f.lineWidth ?? 1) * 1, p = f.lineColor || "#e5e7eb", m = f.lineType || "solid";
-      t.strokeStyle = p, t.lineWidth = g, m === "dashed" ? t.setLineDash([4, 4]) : m === "dotted" ? t.setLineDash([2, 4]) : t.setLineDash([]);
-      for (const y of [0.2, 0.4, 0.6, 0.8, 1]) {
+      const p = h.lineStyle || {}, b = (p.lineWidth ?? 1) * 1, u = p.lineColor || "#e5e7eb", S = p.lineType || "solid";
+      t.strokeStyle = u, t.lineWidth = b, S === "dashed" ? t.setLineDash([4, 4]) : S === "dotted" ? t.setLineDash([2, 4]) : t.setLineDash([]);
+      for (const g of [0.2, 0.4, 0.6, 0.8, 1]) {
         t.beginPath();
-        for (let u = 0; u < 5; u++) {
-          const [b, w] = W.canvasVertex(u, s, i, n * y);
-          u === 0 ? t.moveTo(b, w) : t.lineTo(b, w);
+        for (let f = 0; f < 5; f++) {
+          const [y, m] = Y.canvasVertex(f, i, s, n * g);
+          f === 0 ? t.moveTo(y, m) : t.lineTo(y, m);
         }
         t.closePath(), t.stroke();
       }
-      for (let y = 0; y < 5; y++) {
-        const [u, b] = W.canvasVertex(y, s, i, n);
-        t.beginPath(), t.moveTo(s, i), t.lineTo(u, b), t.stroke();
+      for (let g = 0; g < 5; g++) {
+        const [f, y] = Y.canvasVertex(g, i, s, n);
+        t.beginPath(), t.moveTo(i, s), t.lineTo(f, y), t.stroke();
       }
       t.setLineDash([]);
     }
     if (!e || e.show === !1) return;
     const c = ((d = e.labelStyle) == null ? void 0 : d.distance) !== void 0 ? e.labelStyle.distance : 27.2;
-    e.data.forEach((f, g) => {
-      const p = f.labelStyle || {}, m = p.distance !== void 0 ? p.distance : c, y = typeof m == "string" && m.endsWith("%") ? parseFloat(m) / 100 * n : parseFloat(m) * 1, [u, b] = W.canvasVertex(g, s, i, n + y), w = p.fontStyle || "normal", x = p.fontWeight || "bold", S = Math.round((p.fontSize || o.gasLabelSize || 14) * 1);
-      t.font = `${w} ${x} ${S}px ${r}`, t.fillStyle = p.color || o.gasLabelColor || "#fff", t.textAlign = "center", t.textBaseline = "middle", t.shadowColor = o.gasLabelShadow, t.shadowBlur = 7, t.fillText(f.name, u, b), t.shadowBlur = 0;
+    e.data.forEach((p, b) => {
+      const u = p.labelStyle || {}, S = u.distance !== void 0 ? u.distance : c, g = typeof S == "string" && S.endsWith("%") ? parseFloat(S) / 100 * n : parseFloat(S) * 1, [f, y] = Y.canvasVertex(b, i, s, n + g), m = u.fontStyle || "normal", v = u.fontWeight || "bold", x = Math.round((u.fontSize || o.gasLabelSize || 14) * 1);
+      t.font = `${m} ${v} ${x}px ${l}`, t.fillStyle = u.color || o.gasLabelColor || "#fff", t.textAlign = "center", t.textBaseline = "middle", t.shadowColor = o.gasLabelShadow, t.shadowBlur = 7, t.fillText(p.name, f, y), t.shadowBlur = 0;
     });
   }
 }
-function wt(v) {
-  const t = v.trim().toLowerCase();
+function At(w) {
+  const t = w.trim().toLowerCase();
   if (t.startsWith("#")) {
     let o = t.slice(1);
     o.length === 3 && (o = o[0] + o[0] + o[1] + o[1] + o[2] + o[2]);
-    const s = parseInt(o.substring(0, 2), 16), i = parseInt(o.substring(2, 4), 16), n = parseInt(o.substring(4, 6), 16), l = o.length === 8 ? parseInt(o.substring(6, 8), 16) / 255 : 1;
-    return [s, i, n, l];
+    const i = parseInt(o.substring(0, 2), 16), s = parseInt(o.substring(2, 4), 16), n = parseInt(o.substring(4, 6), 16), r = o.length === 8 ? parseInt(o.substring(6, 8), 16) / 255 : 1;
+    return [i, s, n, r];
   }
   const e = t.match(/rgba?\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\)/);
   return e ? [
@@ -1071,63 +993,63 @@ function wt(v) {
     e[4] !== void 0 ? parseFloat(e[4]) : 1
   ] : t === "transparent" ? [0, 0, 0, 0] : [255, 255, 255, 1];
 }
-function Ft(v, t, e) {
-  const [o, s, i, n] = wt(v), [l, h, a, r] = wt(t), c = Math.round(o + (l - o) * e), d = Math.round(s + (h - s) * e), f = Math.round(i + (a - i) * e), g = n + (r - n) * e;
-  return `rgba(${c},${d},${f},${g})`;
+function It(w, t, e) {
+  const [o, i, s, n] = At(w), [r, h, a, l] = At(t), c = Math.round(o + (r - o) * e), d = Math.round(i + (h - i) * e), p = Math.round(s + (a - s) * e), b = n + (l - n) * e;
+  return `rgba(${c},${d},${p},${b})`;
 }
-class Yt {
+class Ht {
   /**
    * 绘制数据点及其辉光、标签
    */
-  static draw(t, e, o, s, i, n, l, h, a, r) {
+  static draw(t, e, o, i, s, n, r, h, a, l) {
     if (!e || !e.data || !Array.isArray(e.data)) return [];
-    const c = 1, d = o.fontFamily || "Rajdhani, sans-serif", f = [], g = e.data;
-    if (!g || g.length === 0) return [];
-    const p = W.resolveData(g, h);
-    if (!p) return [];
-    const m = e.name, y = e.shape || "circle", u = e.color || "#409eff";
-    let b = e.size !== void 0 ? e.size : 5;
-    const [w, x] = W.polyToCanvas(p, s, i, n), S = pt.diagnose(p, a, s, i, n), [C, z] = W.ratioToDoc(p);
-    r && r.series === e && (b *= 1.5);
-    const A = e.itemStyle || {}, Y = A.borderColor || "#fff", P = A.borderWidth !== void 0 ? A.borderWidth : 1, k = A.opacity !== void 0 ? A.opacity : 1, M = e.textStyle || {}, L = M.show !== void 0 ? M.show : !0, Q = M.color || u, N = M.fontSize !== void 0 ? M.fontSize : 12, ot = M.fontWeight || "normal", Z = M.position || "top", tt = M.offset || [0, 0], H = e.glowStyle || {}, dt = H.show !== void 0 ? H.show : !1, X = H.colors, I = H.blur !== void 0 ? H.blur : 15, R = H.startColor || u, U = H.endColor || "transparent", V = H.count !== void 0 ? H.count : 3, Mt = H.glowDistance !== void 0 ? H.glowDistance : 2;
-    if (t.save(), t.globalAlpha = k, dt) {
-      t.shadowColor = X ? X[0] : R, t.shadowBlur = I;
-      let O = [], j = V;
-      if (Array.isArray(X) && X.length > 0)
-        O = X, j = O.length;
+    const c = 1, d = o.fontFamily || "Rajdhani, sans-serif", p = [], b = e.data;
+    if (!b || b.length === 0) return [];
+    const u = Y.resolveData(b, h);
+    if (!u) return [];
+    const S = e.name, g = e.shape || "circle", f = e.color || "#409eff";
+    let y = e.size !== void 0 ? e.size : 5;
+    const [m, v] = Y.polyToCanvas(u, i, s, n), x = ht.diagnose(u, a, i, s, n), [A, T] = Y.ratioToDoc(u);
+    l && l.series === e && (y *= 1.5);
+    const M = e.itemStyle || {}, k = M.borderColor || "#fff", P = M.borderWidth !== void 0 ? M.borderWidth : 1, E = M.opacity !== void 0 ? M.opacity : 1, z = e.textStyle || {}, D = z.show !== void 0 ? z.show : !0, j = z.color || f, H = z.fontSize !== void 0 ? z.fontSize : 12, K = z.fontWeight || "normal", O = z.position || "top", ot = z.offset || [0, 0], R = e.glowStyle || {}, it = R.show !== void 0 ? R.show : !1, W = R.colors, N = R.blur !== void 0 ? R.blur : 15, $ = R.startColor || f, G = R.endColor || "transparent", q = R.count !== void 0 ? R.count : 3, Wt = R.glowDistance !== void 0 ? R.glowDistance : 2;
+    if (t.save(), t.globalAlpha = E, it) {
+      t.shadowColor = W ? W[0] : $, t.shadowBlur = N;
+      let U = [], B = q;
+      if (Array.isArray(W) && W.length > 0)
+        U = W, B = U.length;
       else
-        for (let B = 0; B < j; B++) {
-          const q = j > 1 ? B / (j - 1) : 0;
-          O.push(Ft(R, U, q));
+        for (let Z = 0; Z < B; Z++) {
+          const tt = B > 1 ? Z / (B - 1) : 0;
+          U.push(It($, G, tt));
         }
-      for (let B = j - 1; B >= 0; B--) {
-        const q = O[B];
-        t.save(), t.fillStyle = q, t.beginPath(), nt(t, w, x, y, b, c, (B + 1) * Mt), t.fill(), t.restore();
+      for (let Z = B - 1; Z >= 0; Z--) {
+        const tt = U[Z];
+        t.save(), t.fillStyle = tt, t.beginPath(), lt(t, m, v, g, y, c, (Z + 1) * Wt), t.fill(), t.restore();
       }
     }
-    if (t.beginPath(), nt(t, w, x, y, b, c, 0), y === "ring" ? (t.strokeStyle = u, t.lineWidth = P * c, t.stroke()) : (t.fillStyle = u, t.fill(), P > 0 && (t.strokeStyle = Y, t.lineWidth = P * c, t.stroke())), t.restore(), L && m) {
-      t.save(), t.globalAlpha = k, t.font = `${ot} ${Math.round(N * c)}px ${d}`, t.fillStyle = Q;
-      let O = "center", j = "middle", B = w + tt[0] * c, q = x + tt[1] * c, et = 6 * c;
-      y === "circle" || y === "ring" || y === "star" || y === "triangle" ? et += b * c : y === "square" && (et += b * c / 2), Z === "top" ? (O = "center", j = "bottom", q -= et) : Z === "bottom" ? (O = "center", j = "top", q += et) : Z === "left" ? (O = "right", j = "middle", B -= et) : Z === "right" ? (O = "left", j = "middle", B += et) : Z === "center" && (O = "center", j = "middle"), t.textAlign = O, t.textBaseline = j, t.fillText(m, B, q), t.restore();
+    if (t.beginPath(), lt(t, m, v, g, y, c, 0), g === "ring" ? (t.strokeStyle = f, t.lineWidth = P * c, t.stroke()) : (t.fillStyle = f, t.fill(), P > 0 && (t.strokeStyle = k, t.lineWidth = P * c, t.stroke())), t.restore(), D && S) {
+      t.save(), t.globalAlpha = E, t.font = `${K} ${Math.round(H * c)}px ${d}`, t.fillStyle = j;
+      let U = "center", B = "middle", Z = m + ot[0] * c, tt = v + ot[1] * c, st = 6 * c;
+      g === "circle" || g === "ring" || g === "star" || g === "triangle" ? st += y * c : g === "square" && (st += y * c / 2), O === "top" ? (U = "center", B = "bottom", tt -= st) : O === "bottom" ? (U = "center", B = "top", tt += st) : O === "left" ? (U = "right", B = "middle", Z -= st) : O === "right" ? (U = "left", B = "middle", Z += st) : O === "center" && (U = "center", B = "middle"), t.textAlign = U, t.textBaseline = B, t.fillText(S, Z, tt), t.restore();
     }
-    return f.push({
-      ratio: p,
-      zone: S,
-      docX: C,
-      docY: z,
-      rawData: g,
-      name: m,
+    return p.push({
+      ratio: u,
+      zone: x,
+      docX: A,
+      docY: T,
+      rawData: b,
+      name: S,
       series: e
-    }), f;
+    }), p;
   }
 }
-const G = class G {
+const V = class V {
   constructor(t, e = {}) {
     if (this._el = typeof t == "string" ? document.getElementById(t) : t, !this._el) throw new Error(`DuvalPentagon: container not found — "${t}"`);
-    this._theme = rt.resolve(e.theme || G.DEFAULTS.theme), this._opt = E(E(E({}, G.DEFAULTS), this._theme), e), this._normalizeOptions(), this._bus = new At(), this._zoom = new ut(this._opt.zoom), this._canvas = document.createElement("canvas"), this._ctx = this._canvas.getContext("2d"), Object.assign(this._canvas.style, { display: "block", width: "100%", height: "100%" }), this._el.appendChild(this._canvas), this._tooltipRenderer = new yt(this._el, this._theme), this._hoverRatio = null, this._hoverZone = null, this._hoverPoint = null, this._bindEvents(), this._observeResize(), this._syncCanvas(), this._renderFull();
+    this._theme = dt.resolve(e.theme || V.DEFAULTS.theme), this._opt = X(X(X({}, V.DEFAULTS), this._theme), e), this._normalizeOptions(), this._bus = new pt(), this._zoom = new St(this._opt.zoom), this._canvas = document.createElement("canvas"), this._ctx = this._canvas.getContext("2d"), Object.assign(this._canvas.style, { display: "block", width: "100%", height: "100%" }), this._el.appendChild(this._canvas), this._tooltipRenderer = new vt(this._el, this._theme), this._hoverRatio = null, this._hoverZone = null, this._hoverPoint = null, this._bindEvents(), this._observeResize(), this._syncCanvas(), this._renderFull();
   }
   _normalizeOptions() {
-    if (this._opt.showTooltip !== void 0 && (this._opt.tooltip || (this._opt.tooltip = {}), this._opt.tooltip.show = this._opt.showTooltip), this._opt.tooltipTrigger !== void 0 && (this._opt.tooltip || (this._opt.tooltip = {}), this._opt.tooltipTrigger === "point" ? (this._opt.tooltip.showDiagnostic = !1, this._opt.tooltip.showPoint = !0) : this._opt.tooltipTrigger === "zone" && (this._opt.tooltip.showDiagnostic = !0, this._opt.tooltip.showPoint = !0)), this._opt.vertex.data || (this._opt.vertex.data = ["H2", "C2H2", "C2H4", "CH4", "C2H6"]), !Array.isArray(this._opt.vertex.data) || this._opt.vertex.data.length !== 5)
+    if (this._opt.vertex.data || (this._opt.vertex.data = ["H2", "C2H2", "C2H4", "CH4", "C2H6"]), !Array.isArray(this._opt.vertex.data) || this._opt.vertex.data.length !== 5)
       throw new Error("DuvalPentagon: vertex.data must be an array of exactly 5 elements.");
     const t = this._opt.vertex.labelStyle || {};
     this._opt.vertex.data = this._opt.vertex.data.map((e) => {
@@ -1141,11 +1063,11 @@ const G = class G {
           throw new Error("DuvalPentagon: each vertex object in vertex.data must have a 'name' property.");
         return {
           name: e.name,
-          labelStyle: E({ ...t }, e.labelStyle || {})
+          labelStyle: X({ ...t }, e.labelStyle || {})
         };
       } else
         throw new Error("DuvalPentagon: vertex.data elements must be either strings or objects with a 'name' property.");
-    }), this._opt.gasOrder = this._opt.vertex.data.map((e) => e.name), this._opt.zone ? Array.isArray(this._opt.zone) ? this._opt.zone = { data: this._opt.zone } : typeof this._opt.zone == "object" && !this._opt.zone.data && (this._opt.zone.data = G.DEFAULT_ZONES) : this._opt.zone = { data: G.DEFAULT_ZONES };
+    }), this._opt.gasOrder = this._opt.vertex.data.map((e) => e.name), this._opt.zone ? typeof this._opt.zone == "object" && !this._opt.zone.data && (this._opt.zone.data = V.DEFAULT_ZONES) : this._opt.zone = { data: V.DEFAULT_ZONES };
   }
   /*  公开 API ─ */
   /**
@@ -1154,7 +1076,7 @@ const G = class G {
    * @returns {DuvalPentagon} - 当前实例，支持链式调用
    */
   setOption(t) {
-    return t.theme !== void 0 && (this._theme = rt.resolve(t.theme), this._tooltipRenderer.updateTheme(this._theme), this._opt = E(E(E({}, G.DEFAULTS), this._theme), this._opt)), E(this._opt, t), this._normalizeOptions(), this._syncCanvas(), this._render(), this;
+    return t.theme !== void 0 && (this._theme = dt.resolve(t.theme), this._tooltipRenderer.updateTheme(this._theme), this._opt = X(X(X({}, V.DEFAULTS), this._theme), this._opt)), X(this._opt, t), this._normalizeOptions(), this._syncCanvas(), this._render(), this;
   }
   /**
    * 替换全部数据点并重绘
@@ -1164,6 +1086,15 @@ const G = class G {
   setSeries(t) {
     return this._opt.series = Array.isArray(t) ? t : [t], this._renderFull(), this;
   }
+  /**
+   * 诊断指定的比值数据，返回命中的区域
+   * @param {number[]} ratio - 五个比值数据数组
+   * @returns {object|null} - 命中的故障区域对象
+   */
+  diagnose(t) {
+    const { cx: e, cy: o, R: i } = this._dims();
+    return ht.diagnose(t, this._opt.zone, e, o, i);
+  }
   zoomReset() {
     return this._zoom.reset(), this._renderFull(), this;
   }
@@ -1184,25 +1115,25 @@ const G = class G {
     const t = this._canvas;
     this._onWheel = (e) => {
       e.preventDefault();
-      const o = t.getBoundingClientRect(), s = (e.clientX - o.left) * (this._cssW / o.width), i = (e.clientY - o.top) * (this._cssH / o.height);
-      this._zoom.onWheel(e.deltaY, s, i), this._bus.emit("zoom", this._zoom.state), this._renderFull();
+      const o = t.getBoundingClientRect(), i = (e.clientX - o.left) * (this._cssW / o.width), s = (e.clientY - o.top) * (this._cssH / o.height);
+      this._zoom.onWheel(e.deltaY, i, s), this._bus.emit("zoom", this._zoom.state), this._renderFull();
     }, this._onDown = (e) => {
       e.button === 0 && (this._zoom.startDrag(e.clientX, e.clientY), t.style.cursor = "grabbing");
     }, this._onMove = (e) => {
-      const o = t.getBoundingClientRect(), s = this._cssW / o.width;
-      if (this._zoom.moveDrag(e.clientX, e.clientY, s)) {
+      const o = t.getBoundingClientRect(), i = this._cssW / o.width;
+      if (this._zoom.moveDrag(e.clientX, e.clientY, i)) {
         this._renderFull();
         return;
       }
-      const i = ((e.clientX - o.left) * s - this._zoom.panX) / this._zoom.zoom, n = ((e.clientY - o.top) * s - this._zoom.panY) / this._zoom.zoom, { cx: l, cy: h, R: a, S: r } = this._dims();
+      const s = ((e.clientX - o.left) * i - this._zoom.panX) / this._zoom.zoom, n = ((e.clientY - o.top) * i - this._zoom.panY) / this._zoom.zoom, { cx: r, cy: h, R: a, S: l } = this._dims();
       let c = null, d = 1 / 0;
       if (this._drawnResults)
-        for (const p of this._drawnResults) {
-          const [m, y] = W.polyToCanvas(p.ratio, l, h, a), u = p.series.size || Math.max(5, r * 0.013), b = Math.hypot(m - i, y - n);
-          b < Math.max(u * 1.5, 12) && b < d && (d = b, c = p);
+        for (const u of this._drawnResults) {
+          const [S, g] = Y.polyToCanvas(u.ratio, r, h, a), f = u.series.size || Math.max(5, l * 0.013), y = Math.hypot(S - s, g - n);
+          y < Math.max(f * 1.5, 12) && y < d && (d = y, c = u);
         }
-      const f = this._opt.tooltip || {}, g = f.show !== !1;
-      if (c && g && f.showPoint !== !1)
+      const b = (this._opt.tooltip || {}).show !== !1;
+      if (c && b)
         t.style.cursor = "pointer", this._hoverPoint = c, this._hoverRatio = c.ratio, this._hoverZone = c.zone, this._bus.emit("hover", {
           ratio: c.ratio,
           zone: c.zone,
@@ -1212,11 +1143,11 @@ const G = class G {
         });
       else {
         t.style.cursor = "default", this._hoverPoint = null;
-        const p = W.canvasToRatio(i, n, l, h, a);
-        if (p && g && f.showDiagnostic !== !1) {
-          this._hoverRatio = p, this._hoverZone = pt.diagnose(p, this._opt.zone, l, h, a);
-          const [m, y] = W.ratioToDoc(p);
-          this._bus.emit("hover", { ratio: p, zone: this._hoverZone, docX: m, docY: y });
+        const u = Y.canvasToRatio(s, n, r, h, a);
+        if (u && b) {
+          this._hoverRatio = u, this._hoverZone = ht.diagnose(u, this._opt.zone, r, h, a);
+          const [S, g] = Y.ratioToDoc(u);
+          this._bus.emit("hover", { ratio: u, zone: this._hoverZone, docX: S, docY: g });
         } else
           this._hoverRatio = null, this._hoverZone = null, this._bus.emit("hover", null);
       }
@@ -1242,11 +1173,11 @@ const G = class G {
     var a;
     const t = this._cssW, e = this._cssH, o = ((a = this._opt) == null ? void 0 : a.grid) || {};
     if (!(o.left !== void 0 || o.right !== void 0 || o.top !== void 0 || o.bottom !== void 0)) {
-      const r = Math.min(t, e);
-      return { W: t, H: e, S: r, cx: t / 2, cy: e / 2, R: r * 0.385 };
+      const l = Math.min(t, e);
+      return { W: t, H: e, S: l, cx: t / 2, cy: e / 2, R: l * 0.385 };
     }
-    const i = ct(t, e, o, 0), l = Math.min(i.availW, i.availH) / 2, h = l / 0.385;
-    return { W: t, H: e, S: h, cx: i.cx, cy: i.cy, R: l };
+    const s = gt(t, e, o, 0), r = Math.min(s.availW, s.availH) / 2, h = r / 0.385;
+    return { W: t, H: e, S: h, cx: s.cx, cy: s.cy, R: r };
   }
   _render() {
     this._hoverRatio = null, this._hoverZone = null, this._hoverPoint = null, this._renderFull();
@@ -1256,74 +1187,72 @@ const G = class G {
    * @private
    */
   _renderFull() {
-    var y;
+    var g;
     const t = this._ctx;
     if (!t) return;
-    const e = window.devicePixelRatio || 1, { W: o, H: s, S: i, cx: n, cy: l, R: h } = this._dims(), a = this._theme, r = this._opt.gasOrder, c = this._opt.zone, d = this._opt.vertex;
-    t.setTransform(e, 0, 0, e, 0, 0), t.clearRect(0, 0, o, s);
-    const f = this._opt.backgroundColor || a.backgroundColor || "transparent";
-    f !== "transparent" && (t.fillStyle = f, t.fillRect(0, 0, o, s)), t.save(), this._zoom.applyTransform(t), pt.draw(t, c, a, n, l, h, i), Xt.draw(t, d, a, n, l, h, i, this._opt.grid);
-    const g = [];
-    for (const u of this._opt.series || []) {
-      const b = Yt.draw(t, u, a, n, l, h, i, r, c, this._hoverPoint);
-      Array.isArray(b) && b.forEach((w) => {
-        g.push({ series: u, ...w });
+    const e = window.devicePixelRatio || 1, { W: o, H: i, S: s, cx: n, cy: r, R: h } = this._dims(), a = this._theme, l = this._opt.gasOrder, c = this._opt.zone, d = this._opt.vertex;
+    t.setTransform(e, 0, 0, e, 0, 0), t.clearRect(0, 0, o, i);
+    const p = this._opt.backgroundColor || a.backgroundColor || "transparent";
+    p !== "transparent" && (t.fillStyle = p, t.fillRect(0, 0, o, i)), t.save(), this._zoom.applyTransform(t), ht.draw(t, c, a, n, r, h, s), $t.draw(t, d, a, n, r, h, s, this._opt.grid);
+    const b = [];
+    for (const f of this._opt.series || []) {
+      const y = Ht.draw(t, f, a, n, r, h, s, l, c, this._hoverPoint);
+      Array.isArray(y) && y.forEach((m) => {
+        b.push({ series: f, ...m });
       });
     }
-    this._drawnResults = g;
-    const p = this._opt.tooltip || {};
-    if (p.show !== !1 && this._hoverRatio) {
-      let u = 0, b = 0;
-      (this._hoverPoint || p.showDiagnostic !== !1) && ([u, b] = W.polyToCanvas(this._hoverRatio, n, l, h));
-      const w = u * this._zoom.zoom + this._zoom.panX, x = b * this._zoom.zoom + this._zoom.panY;
-      let S = "";
-      typeof p.formatter == "function" ? S = p.formatter({
+    this._drawnResults = b;
+    const u = this._opt.tooltip || {};
+    if (u.show !== !1 && this._hoverPoint) {
+      let f = 0, y = 0;
+      [f, y] = Y.polyToCanvas(this._hoverRatio, n, r, h);
+      const m = f * this._zoom.zoom + this._zoom.panX, v = y * this._zoom.zoom + this._zoom.panY;
+      let x = "";
+      typeof u.formatter == "function" ? x = u.formatter({
         ratio: this._hoverRatio,
         zone: this._hoverZone,
-        point: (y = this._hoverPoint) == null ? void 0 : y.series,
-        gasOrder: r
-      }) : S = this._defaultTooltipHTML(this._hoverRatio, this._hoverZone, a, r, this._hoverPoint), this._tooltipRenderer.show(S, w, x, p, a, this._hoverZone);
+        point: (g = this._hoverPoint) == null ? void 0 : g.series,
+        gasOrder: l
+      }) : x = this._defaultTooltipHTML(this._hoverRatio, this._hoverZone, a, l, this._hoverPoint), this._tooltipRenderer.show(x, m, v, u, a, this._hoverZone);
     } else
       this._tooltipRenderer.hide();
-    t.restore(), g.length > 0 && this._bus.emit("diagnose", g);
+    t.restore(), b.length > 0 && this._bus.emit("diagnose", b);
   }
-  _defaultTooltipHTML(t, e, o, s, i) {
-    var d;
-    const n = ((d = this._opt.vertex) == null ? void 0 : d.data) || [], l = i == null ? void 0 : i.rawData;
-    let h = "";
-    i && i.name && (h = `<div style="font-size:14px; font-weight:bold; margin-bottom:4px; color:#fff;">${i.name}</div>`);
-    const a = e ? `${e.name} ${e.title}` : "Outside", r = e ? e.color : "#fff";
-    let c = `
-      ${h}
-      <div style="color:${r}; font-size:13px; font-weight:bold; padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.07);">
-        ${a}
+  _defaultTooltipHTML(t, e, o, i, s) {
+    var p;
+    const n = ((p = this._opt.vertex) == null ? void 0 : p.data) || [], r = s == null ? void 0 : s.rawData, a = `<div style="font-size:14px; font-weight:bold; margin-bottom:4px; color:#fff;">${(s == null ? void 0 : s.name) || "Data Point"}</div>`, l = e ? `${e.name || ""} ${e.title || ""}`.trim() : "Outside", c = e ? e.color : "#fff";
+    let d = `
+      ${a}
+      <div style="color:${c}; font-size:13px; font-weight:bold; padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.07);">
+        ${l}
       </div>
     `;
-    return s.forEach((f, g) => {
-      var y, u, b, w;
-      const p = ((u = (y = n[g]) == null ? void 0 : y.labelStyle) == null ? void 0 : u.color) || ((w = (b = o.vertex) == null ? void 0 : b.labelStyle) == null ? void 0 : w.color) || "#fff";
-      let m = "-";
-      if (l)
-        if (Array.isArray(l)) {
-          const x = l[g];
+    return i.forEach((b, u) => {
+      var f, y, m, v;
+      const S = ((y = (f = n[u]) == null ? void 0 : f.labelStyle) == null ? void 0 : y.color) || ((v = (m = o.vertex) == null ? void 0 : m.labelStyle) == null ? void 0 : v.color) || "#fff";
+      let g = "-";
+      if (r)
+        if (Array.isArray(r)) {
+          const x = r[u];
           if (x && typeof x == "object") {
-            const S = l.find((C) => C.name === f);
-            m = S && S.value !== void 0 ? S.value : "-";
+            const A = r.find((T) => T.name === b);
+            g = A && A.value !== void 0 ? A.value : "-";
           } else
-            m = l[g] !== void 0 ? l[g] : "-";
-        } else typeof l == "object" && (m = l[f] !== void 0 ? l[f] : "-");
-      c += `
+            g = r[u] !== void 0 ? r[u] : "-";
+        } else typeof r == "object" && (g = r[b] !== void 0 ? r[b] : "-");
+      d += `
         <div style="display:flex; align-items:center; margin-bottom:6px; font-size:13px;">
-          <span style="display:inline-block; width:8px; height:8px; border-radius:50%; background-color:${p}; margin-right:8px;"></span>
-          <span style="color:#cbd5e1; flex-grow:1;">${f}</span>
-          <span style="color:#fff; font-weight:bold; margin-left:20px;">${m}</span>
+          <span style="display:inline-block; width:8px; height:8px; border-radius:50%; background-color:${S}; margin-right:8px;"></span>
+          <span style="color:#cbd5e1; flex-grow:1;">${b}</span>
+          <span style="color:#fff; font-weight:bold; margin-left:20px;">${g}</span>
         </div>
       `;
-    }), c;
+    }), d;
   }
 };
-K(G, "DEFAULT_ZONES", st), K(G, "DEFAULTS", {
+J(V, "DEFAULT_ZONES", nt), J(V, "DEFAULTS", {
   theme: "dark",
+  colors: Q,
   vertex: {
     show: !0,
     data: ["H2", "C2H2", "C2H4", "CH4", "C2H6"]
@@ -1335,14 +1264,13 @@ K(G, "DEFAULT_ZONES", st), K(G, "DEFAULTS", {
   },
   zoom: { min: 0.3, max: 6, step: 0.12 },
   tooltip: {
-    show: !0,
-    showDiagnostic: !1,
-    showPoint: !0
+    show: !0
   }
 });
-let vt = G;
-const at = Object.freeze({
-  zone: { data: Pt },
+let Ct = V;
+const ft = Object.freeze({
+  colors: Q,
+  zone: { data: Yt, alpha: 0.75 },
   backgroundColor: "#050d1a",
   triFill: "rgba(8,20,50,0)",
   grid: {
@@ -1414,47 +1342,47 @@ const at = Object.freeze({
     }
   }
 });
-class D {
+class L {
   /** 计算等边三角形在给定视口下的顶点 */
   static computeTri(t) {
-    const { availW: e, availH: o, cx: s, cy: i } = t, n = Math.max(0, Math.min(e, o / Math.sin(Math.PI / 3))), l = n * Math.sin(Math.PI / 3), h = s - n / 2, a = i - l / 2;
+    const { availW: e, availH: o, cx: i, cy: s } = t, n = Math.max(0, Math.min(e, o / Math.sin(Math.PI / 3))), r = n * Math.sin(Math.PI / 3), h = i - n / 2, a = s - r / 2;
     return {
-      top: { x: s, y: a },
-      left: { x: h, y: a + l },
-      right: { x: h + n, y: a + l }
+      top: { x: i, y: a },
+      left: { x: h, y: a + r },
+      right: { x: h + n, y: a + r }
     };
   }
   /** 三元坐标(a,b,c)转笛卡尔坐标(x,y) */
-  static t2c(t, e, o, s) {
-    const { top: i, left: n, right: l } = s;
+  static t2c(t, e, o, i) {
+    const { top: s, left: n, right: r } = i;
     return {
-      x: t * i.x + e * n.x + o * l.x,
-      y: t * i.y + e * n.y + o * l.y
+      x: t * s.x + e * n.x + o * r.x,
+      y: t * s.y + e * n.y + o * r.y
     };
   }
   /** 笛卡尔坐标(x,y)转三元坐标(a,b,c) */
   static c2t(t, e, o) {
-    const { top: s, left: i, right: n } = o, l = (i.y - n.y) * (s.x - n.x) + (n.x - i.x) * (s.y - n.y), h = ((i.y - n.y) * (t - n.x) + (n.x - i.x) * (e - n.y)) / l, a = ((n.y - s.y) * (t - n.x) + (s.x - n.x) * (e - n.y)) / l;
+    const { top: i, left: s, right: n } = o, r = (s.y - n.y) * (i.x - n.x) + (n.x - s.x) * (i.y - n.y), h = ((s.y - n.y) * (t - n.x) + (n.x - s.x) * (e - n.y)) / r, a = ((n.y - i.y) * (t - n.x) + (i.x - n.x) * (e - n.y)) / r;
     return { a: h, b: a, c: 1 - h - a };
   }
   /** 计算多边形像素面积 */
   static polyArea(t) {
     let e = 0;
-    for (let o = 0, s = t.length; o < s; o++) {
-      const i = (o + 1) % s;
-      e += t[o].x * t[i].y - t[i].x * t[o].y;
+    for (let o = 0, i = t.length; o < i; o++) {
+      const s = (o + 1) % i;
+      e += t[o].x * t[s].y - t[s].x * t[o].y;
     }
     return Math.abs(e) / 2;
   }
   /** 计算多边形质心 */
   static polyCentroid(t) {
     const e = t.length;
-    let o = 0, s = 0, i = 0;
+    let o = 0, i = 0, s = 0;
     for (let n = 0; n < e; n++) {
-      const l = (n + 1) % e, h = t[n].x * t[l].y - t[l].x * t[n].y;
-      o += h, s += (t[n].x + t[l].x) * h, i += (t[n].y + t[l].y) * h;
+      const r = (n + 1) % e, h = t[n].x * t[r].y - t[r].x * t[n].y;
+      o += h, i += (t[n].x + t[r].x) * h, s += (t[n].y + t[r].y) * h;
     }
-    return o /= 2, { x: s / (6 * o), y: i / (6 * o) };
+    return o /= 2, { x: i / (6 * o), y: s / (6 * o) };
   }
   /**
    * 解析并归一化数据点 (支持对象数组或原始数值数组)
@@ -1463,166 +1391,182 @@ class D {
   static resolveData(t, e) {
     let o = null;
     if (Array.isArray(t) ? t.length >= 3 && (typeof t[0] == "object" && t[0] !== null ? e ? o = e.map((h) => {
-      const a = t.find((r) => r && r.name === h);
+      const a = t.find((l) => l && l.name === h);
       return a ? a.value : 0;
     }) : o = [t[0].value, t[1].value, t[2].value] : o = [t[0], t[1], t[2]]) : t && t.value && Array.isArray(t.value) && t.value.length >= 3 && (o = [t.value[0], t.value[1], t.value[2]]), !o || o.some((h) => typeof h != "number" || isNaN(h))) return null;
-    const [s, i, n] = o.map((h) => Math.max(0, h || 0)), l = s + i + n;
-    return l <= 1e-9 ? [0.3333, 0.3333, 0.3333] : [s / l, i / l, n / l];
+    const [i, s, n] = o.map((h) => Math.max(0, h || 0)), r = i + s + n;
+    return r <= 1e-9 ? [0.3333, 0.3333, 0.3333] : [i / r, s / r, n / r];
   }
 }
-class Rt {
+class Nt {
   constructor(t) {
     this.ctx = t;
   }
   /** 全量渲染入口 */
   render(t) {
-    const e = this.ctx, { W: o, H: s, dpr: i, scale: n, tx: l, ty: h, option: a, tri: r, zones: c, hoveredPoint: d } = t;
-    e.setTransform(1, 0, 0, 1, 0, 0), e.clearRect(0, 0, o * i, s * i), e.fillStyle = a.backgroundColor, e.fillRect(0, 0, o * i, s * i), e.setTransform(n * i, 0, 0, n * i, l * i, h * i), this.drawTriFill(r), this.drawZones(c, r, a), this.drawGrid(a, r), this.drawBorder(a, r), this.drawSideLabels(a, r), this.drawSeries(a, r, d), e.setTransform(1, 0, 0, 1, 0, 0);
+    const e = this.ctx, { W: o, H: i, dpr: s, scale: n, tx: r, ty: h, option: a, tri: l, zones: c, hoveredPoint: d } = t;
+    e.setTransform(1, 0, 0, 1, 0, 0), e.clearRect(0, 0, o * s, i * s), e.fillStyle = a.backgroundColor, e.fillRect(0, 0, o * s, i * s), e.setTransform(n * s, 0, 0, n * s, r * s, h * s), this.drawTriFill(l), this.drawZones(c, l, a), this.drawGrid(a, l), this.drawBorder(a, l), this.drawSideLabels(a, l), this.drawSeries(a, l, d), e.setTransform(1, 0, 0, 1, 0, 0);
   }
   drawTriFill(t) {
-    const e = this.ctx, { top: o, left: s, right: i } = t;
-    e.beginPath(), e.moveTo(o.x, o.y), e.lineTo(s.x, s.y), e.lineTo(i.x, i.y), e.closePath(), e.fillStyle = at.triFill, e.fill();
+    const e = this.ctx, { top: o, left: i, right: s } = t;
+    e.beginPath(), e.moveTo(o.x, o.y), e.lineTo(i.x, i.y), e.lineTo(s.x, s.y), e.closePath(), e.fillStyle = ft.triFill, e.fill();
   }
   drawZones(t, e, o) {
-    var r, c, d, f;
-    const s = this.ctx, i = this.ctx.getTransform().a / (window.devicePixelRatio || 1);
-    t.forEach((g) => {
-      !g.points || !g.points.length || (s.beginPath(), g.points.forEach(([p, m, y], u) => {
-        const b = D.t2c(p, m, y, e);
-        u === 0 ? s.moveTo(b.x, b.y) : s.lineTo(b.x, b.y);
-      }), s.closePath(), s.fillStyle = g.color || "transparent", s.fill());
+    var d, p, b, u, S, g;
+    const i = this.ctx, s = this.ctx.getTransform().a / (window.devicePixelRatio || 1), n = (d = o.zone) == null ? void 0 : d.alpha, r = ((p = o.zone) == null ? void 0 : p.colors) || o.colors || Q;
+    t.forEach((f, y) => {
+      if (!f.coordinates || !f.coordinates.length) return;
+      i.beginPath(), f.coordinates.forEach(([v, x, A], T) => {
+        const _ = L.t2c(v, x, A, e);
+        T === 0 ? i.moveTo(_.x, _.y) : i.lineTo(_.x, _.y);
+      }), i.closePath();
+      let m = f.color || r[y % r.length];
+      n !== void 0 && m !== "transparent" && (m = zt(m, n)), i.fillStyle = m, i.fill();
     });
-    const n = ((r = o.zone) == null ? void 0 : r.borderStyle) || {};
-    if (t.forEach((g) => {
-      const p = E(E({}, n), g.borderStyle || {});
-      p.show === !1 || !g.points || !g.points.length || (s.beginPath(), g.points.forEach(([m, y, u], b) => {
-        const w = D.t2c(m, y, u, e);
-        b === 0 ? s.moveTo(w.x, w.y) : s.lineTo(w.x, w.y);
-      }), s.closePath(), s.strokeStyle = p.color || g.borderColor || "rgba(255,255,255,0.2)", s.lineWidth = (p.width ?? p.stroke ?? g.borderWidth ?? 1) * i, p.type === "dashed" ? s.setLineDash([4, 4]) : p.type === "dotted" ? s.setLineDash([2, 4]) : s.setLineDash([]), s.stroke());
-    }), s.setLineDash([]), !(o.showZoneLabel !== !1)) return;
-    const h = ((d = (c = o.grid) == null ? void 0 : c.labelStyle) == null ? void 0 : d.fontFamily) || "Microsoft YaHei UI, monospace", a = ((f = o.zone) == null ? void 0 : f.labelStyle) || {};
-    t.forEach((g) => {
-      const p = E(E({}, a), g.labelStyle || {});
-      if (p.show === !1 || !g.id) return;
-      const m = g.labelPos;
-      if (!m) return;
-      const y = D.t2c(m.a, m.b, m.c, e), u = Math.round((p.fontSize || 11) * i), b = p.fontStyle || "bold";
-      s.font = `${b} ${u}px ${h}`, s.textAlign = "center", s.textBaseline = "middle";
-      const w = g.id, x = s.measureText(w).width, S = u;
-      let C = y.x, z = y.y;
-      if (p.backgroundColor && p.backgroundColor !== "transparent") {
-        let _ = 4, A = 4;
-        Array.isArray(p.padding) ? (A = p.padding[0], _ = p.padding[1] !== void 0 ? p.padding[1] : A) : typeof p.padding == "number" && (_ = A = p.padding), _ *= i, A *= i;
-        const Y = (p.borderRadius || 3) * i, P = x + _ * 2, k = S + A * 2, M = C - P / 2, L = z - k / 2;
-        s.fillStyle = p.backgroundColor, s.beginPath(), s.roundRect ? s.roundRect(M, L, P, k, Y) : s.rect(M, L, P, k), s.fill();
+    const h = ((b = o.zone) == null ? void 0 : b.borderStyle) || {};
+    if (t.forEach((f, y) => {
+      const m = h;
+      if (m.show === !1 || !f.coordinates || !f.coordinates.length) return;
+      i.beginPath(), f.coordinates.forEach(([x, A, T], _) => {
+        const M = L.t2c(x, A, T, e);
+        _ === 0 ? i.moveTo(M.x, M.y) : i.lineTo(M.x, M.y);
+      }), i.closePath();
+      let v = m.color || f.color || r[y % r.length];
+      m.alpha !== void 0 && v !== "transparent" && (v = zt(v, m.alpha)), i.strokeStyle = v, i.lineWidth = (m.width ?? 1) * s, m.type === "dashed" ? i.setLineDash([4, 4]) : m.type === "dotted" ? i.setLineDash([2, 4]) : i.setLineDash([]), i.stroke();
+    }), i.setLineDash([]), !(o.showZoneLabel !== !1)) return;
+    const l = ((S = (u = o.grid) == null ? void 0 : u.labelStyle) == null ? void 0 : S.fontFamily) || "Microsoft YaHei UI, monospace", c = ((g = o.zone) == null ? void 0 : g.labelStyle) || {};
+    t.forEach((f) => {
+      const y = c;
+      if (y.show === !1 || !f.name) return;
+      let m;
+      const v = f.labelAt;
+      if (v && Array.isArray(v) && v.length >= 3)
+        m = L.t2c(v[0], v[1], v[2], e);
+      else if (f.coordinates && f.coordinates.length > 0) {
+        const E = f.coordinates.map(([z, D, j]) => L.t2c(z, D, j, e));
+        m = {
+          x: E.reduce((z, D) => z + D.x, 0) / E.length,
+          y: E.reduce((z, D) => z + D.y, 0) / E.length
+        };
+      } else
+        return;
+      const x = Math.round((y.fontSize || 11) * s), A = y.fontStyle || "bold";
+      i.font = `${A} ${x}px ${l}`, i.textAlign = "center", i.textBaseline = "middle";
+      const T = typeof y.formatter == "function" ? y.formatter(f) : f.name, _ = i.measureText(T).width, M = x;
+      let k = m.x, P = m.y;
+      if (y.backgroundColor && y.backgroundColor !== "transparent") {
+        let E = 4, z = 4;
+        Array.isArray(y.padding) ? (z = y.padding[0], E = y.padding[1] !== void 0 ? y.padding[1] : z) : typeof y.padding == "number" && (E = z = y.padding), E *= s, z *= s;
+        const D = (y.borderRadius || 3) * s, j = _ + E * 2, H = M + z * 2, K = k - j / 2, O = P - H / 2;
+        i.fillStyle = y.backgroundColor, i.beginPath(), i.roundRect ? i.roundRect(K, O, j, H, D) : i.rect(K, O, j, H), i.fill();
       }
-      p.textShadow && p.textShadow !== "none" ? (s.shadowColor = p.textShadow, s.shadowBlur = 4) : (s.shadowColor = "transparent", s.shadowBlur = 0), s.fillStyle = p.color || g.labelColor || "#fff", s.fillText(w, C, z), s.shadowBlur = 0, s.shadowColor = "transparent";
-    }), s.textBaseline = "alphabetic";
+      y.textShadow && y.textShadow !== "none" ? (i.shadowColor = y.textShadow, i.shadowBlur = 4) : (i.shadowColor = "transparent", i.shadowBlur = 0), i.fillStyle = y.color || "#fff", i.fillText(T, k, P), i.shadowBlur = 0, i.shadowColor = "transparent";
+    }), i.textBaseline = "alphabetic";
   }
-  drawBadge(t, e, o, s, i) {
-    const n = this.ctx, { badgePadding: l, badgeHeight: h, badgeRadius: a } = at.ZONE_VIS, r = o + l * 2, c = t - r / 2, d = e - h / 2;
-    n.beginPath(), n.roundRect ? n.roundRect(c, d, r, h, a) : n.rect(c, d, r, h), n.fillStyle = i, n.fill();
+  drawBadge(t, e, o, i, s) {
+    const n = this.ctx, { badgePadding: r, badgeHeight: h, badgeRadius: a } = ft.ZONE_VIS, l = o + r * 2, c = t - l / 2, d = e - h / 2;
+    n.beginPath(), n.roundRect ? n.roundRect(c, d, l, h, a) : n.rect(c, d, l, h), n.fillStyle = s, n.fill();
   }
-  drawArrow(t, e, o, s, i) {
-    const n = this.ctx, l = o - t, h = s - e, a = Math.hypot(l, h);
+  drawArrow(t, e, o, i, s) {
+    const n = this.ctx, r = o - t, h = i - e, a = Math.hypot(r, h);
     if (a < 1) return;
-    const r = l / a, c = h / a, d = 7;
-    n.beginPath(), n.moveTo(o, s), n.lineTo(o - r * d + c * d * 0.5, s - c * d - r * d * 0.5), n.lineTo(o - r * d - c * d * 0.5, s - c * d + r * d * 0.5), n.closePath(), n.fillStyle = i, n.fill();
+    const l = r / a, c = h / a, d = 7;
+    n.beginPath(), n.moveTo(o, i), n.lineTo(o - l * d + c * d * 0.5, i - c * d - l * d * 0.5), n.lineTo(o - l * d - c * d * 0.5, i - c * d + l * d * 0.5), n.closePath(), n.fillStyle = s, n.fill();
   }
   drawGrid(t, e) {
     if (!t.grid || !t.grid.show) return;
-    const o = this.ctx, s = t.grid, i = s.steps || 10, n = s.majorEvery || 2, l = s.lineStyle || { color: "rgba(255,255,255,0.1)", width: 1, type: "solid" }, h = s.majorLineStyle || { color: "rgba(255,255,255,0.2)", width: 1, type: "solid" }, a = this.ctx.getTransform().a / (window.devicePixelRatio || 1), r = (p, m, y) => {
-      let u = m.x - p.x, b = m.y - p.y;
-      const w = Math.hypot(u, b);
-      u /= w, b /= w;
-      const x = { x: -b, y: u }, S = { x: b, y: -u };
-      return (y.x - p.x) * x.x + (y.y - p.y) * x.y > 0 ? x : S;
-    }, { top: c, left: d, right: f } = e, g = {
-      bottom: r(d, f, c),
-      left: r(d, c, f),
-      right: r(f, c, d)
+    const o = this.ctx, i = t.grid, s = i.steps || 10, n = i.majorEvery || 2, r = i.lineStyle || { color: "rgba(255,255,255,0.1)", width: 1, type: "solid" }, h = i.majorLineStyle || { color: "rgba(255,255,255,0.2)", width: 1, type: "solid" }, a = this.ctx.getTransform().a / (window.devicePixelRatio || 1), l = (u, S, g) => {
+      let f = S.x - u.x, y = S.y - u.y;
+      const m = Math.hypot(f, y);
+      f /= m, y /= m;
+      const v = { x: -y, y: f }, x = { x: y, y: -f };
+      return (g.x - u.x) * v.x + (g.y - u.y) * v.y > 0 ? v : x;
+    }, { top: c, left: d, right: p } = e, b = {
+      bottom: l(d, p, c),
+      left: l(d, c, p),
+      right: l(p, c, d)
     };
-    for (let p = 1; p < i; p++) {
-      const m = p / i, y = p % n === 0, u = y ? h : l;
-      o.strokeStyle = u.color || "transparent", o.lineWidth = (u.width ?? 1) * a, u.type === "dashed" ? o.setLineDash([4, 4]) : u.type === "dotted" ? o.setLineDash([2, 4]) : o.setLineDash([]);
-      const b = (w, x) => {
-        o.beginPath(), o.moveTo(w.x, w.y), o.lineTo(x.x, x.y), o.stroke();
+    for (let u = 1; u < s; u++) {
+      const S = u / s, g = u % n === 0, f = g ? h : r;
+      o.strokeStyle = f.color || "transparent", o.lineWidth = (f.width ?? 1) * a, f.type === "dashed" ? o.setLineDash([4, 4]) : f.type === "dotted" ? o.setLineDash([2, 4]) : o.setLineDash([]);
+      const y = (m, v) => {
+        o.beginPath(), o.moveTo(m.x, m.y), o.lineTo(v.x, v.y), o.stroke();
       };
-      b(D.t2c(m, 1 - m, 0, e), D.t2c(m, 0, 1 - m, e)), b(D.t2c(1 - m, m, 0, e), D.t2c(0, m, 1 - m, e)), b(D.t2c(1 - m, 0, m, e), D.t2c(0, 1 - m, m, e)), this.drawSideTick(p, i, m, t, e, y, g);
+      y(L.t2c(S, 1 - S, 0, e), L.t2c(S, 0, 1 - S, e)), y(L.t2c(1 - S, S, 0, e), L.t2c(0, S, 1 - S, e)), y(L.t2c(1 - S, 0, S, e), L.t2c(0, 1 - S, S, e)), this.drawSideTick(u, s, S, t, e, g, b);
     }
   }
-  drawSideTick(t, e, o, s, i, n, l) {
-    const a = (s.side || {}).tickStyle || {};
+  drawSideTick(t, e, o, i, s, n, r) {
+    const a = (i.side || {}).tickStyle || {};
     if (a.show === !1) return;
-    const r = this.ctx, c = Math.round(t * 100 / e);
-    r.textAlign = "center", r.textBaseline = "middle";
-    const d = a.length || 6, f = a.lineColor || "rgba(0,0,0,0.2)", g = a.color || "rgba(200,220,255)", p = a.offset !== void 0 ? a.offset : 15, m = a.fontFamily || "Microsoft YaHei UI, sans-serif", y = a.fontSize || 14, b = `${a.fontWeight || "normal"} ${y}px ${m}`, w = (z, _, A) => {
-      r.beginPath(), r.moveTo(z.x, z.y), r.lineTo(z.x + _ * d, z.y + A * d), r.strokeStyle = f, r.lineWidth = 1.5, r.stroke();
-    }, x = D.t2c(o, 1 - o, 0, i);
-    w(x, l.left.x, l.left.y), n && (r.fillStyle = g, r.font = b, r.save(), r.translate(x.x - p, x.y - 8), r.rotate(-Math.PI / 3), r.fillText(c + "", 0, 0), r.restore());
-    const S = D.t2c(1 - o, 0, o, i);
-    w(S, l.right.x, l.right.y), n && (r.fillStyle = g, r.font = b, r.save(), r.translate(S.x + p, S.y - 8), r.rotate(Math.PI / 3), r.fillText(c + "", 0, 0), r.restore());
-    const C = D.t2c(0, o, 1 - o, i);
-    w(C, l.bottom.x, l.bottom.y), n && (r.fillStyle = g, r.font = b, r.fillText(c + "", C.x, C.y + p));
+    const l = this.ctx, c = Math.round(t * 100 / e);
+    l.textAlign = "center", l.textBaseline = "middle";
+    const d = a.length || 6, p = a.lineColor || "rgba(0,0,0,0.2)", b = a.color || "rgba(200,220,255)", u = a.offset !== void 0 ? a.offset : 15, S = a.fontFamily || "Microsoft YaHei UI, sans-serif", g = a.fontSize || 14, y = `${a.fontWeight || "normal"} ${g}px ${S}`, m = (T, _, M) => {
+      l.beginPath(), l.moveTo(T.x, T.y), l.lineTo(T.x + _ * d, T.y + M * d), l.strokeStyle = p, l.lineWidth = 1.5, l.stroke();
+    }, v = L.t2c(o, 1 - o, 0, s);
+    m(v, r.left.x, r.left.y), n && (l.fillStyle = b, l.font = y, l.save(), l.translate(v.x - u, v.y - 8), l.rotate(-Math.PI / 3), l.fillText(c + "", 0, 0), l.restore());
+    const x = L.t2c(1 - o, 0, o, s);
+    m(x, r.right.x, r.right.y), n && (l.fillStyle = b, l.font = y, l.save(), l.translate(x.x + u, x.y - 8), l.rotate(Math.PI / 3), l.fillText(c + "", 0, 0), l.restore());
+    const A = L.t2c(0, o, 1 - o, s);
+    m(A, r.bottom.x, r.bottom.y), n && (l.fillStyle = b, l.font = y, l.fillText(c + "", A.x, A.y + u));
   }
   drawBorder(t, e) {
-    const o = this.ctx, { top: s, left: i, right: n } = e, h = (t.side || {}).lineStyle || { color: "rgba(180,210,255,0.1)", width: 1.5, type: "solid" };
+    const o = this.ctx, { top: i, left: s, right: n } = e, h = (t.side || {}).lineStyle || { color: "rgba(180,210,255,0.1)", width: 1.5, type: "solid" };
     [
-      { f: s, t: i },
-      { f: s, t: n },
-      { f: i, t: n }
-    ].forEach(({ f: r, t: c }) => {
-      o.beginPath(), o.moveTo(r.x, r.y), o.lineTo(c.x, c.y), o.strokeStyle = h.color || "transparent", o.lineWidth = h.width || 1, h.type === "dashed" ? o.setLineDash([4, 4]) : h.type === "dotted" ? o.setLineDash([2, 4]) : o.setLineDash([]), o.stroke();
+      { f: i, t: s },
+      { f: i, t: n },
+      { f: s, t: n }
+    ].forEach(({ f: l, t: c }) => {
+      o.beginPath(), o.moveTo(l.x, l.y), o.lineTo(c.x, c.y), o.strokeStyle = h.color || "transparent", o.lineWidth = h.width || 1, h.type === "dashed" ? o.setLineDash([4, 4]) : h.type === "dotted" ? o.setLineDash([2, 4]) : o.setLineDash([]), o.stroke();
     }), o.setLineDash([]);
   }
   drawSideLabels(t, e) {
-    var C;
-    if (((C = t.side) == null ? void 0 : C.show) === !1) return;
-    const o = this.ctx, { top: s, left: i, right: n } = e, l = t.side || {}, h = l.data || ["A", "B", "C"], a = l.labelStyle || {}, r = a.fontFamily || "Microsoft YaHei UI, sans-serif", c = a.fontSize || 14, d = a.fontWeight || "bold", f = a.color || "#00e5ff", g = a.offset !== void 0 ? a.offset : 40;
-    o.textBaseline = "middle", o.textAlign = "center", o.fillStyle = f, o.font = `${d} ${c}px ${r}`;
-    const p = { x: (s.x + i.x) / 2, y: (s.y + i.y) / 2 }, m = i.x - s.x, y = i.y - s.y, u = Math.hypot(m, y);
-    o.save(), o.translate(p.x + -y / u * g, p.y + m / u * g), o.rotate(Math.atan2(y, m) + Math.PI), o.fillText((h[1] || "B") + " (%)", 0, 0), o.restore();
-    const b = { x: (s.x + n.x) / 2, y: (s.y + n.y) / 2 }, w = n.x - s.x, x = n.y - s.y, S = Math.hypot(w, x);
-    o.save(), o.translate(b.x + x / S * g, b.y + -w / S * g), o.rotate(Math.atan2(x, w)), o.fillText((h[2] || "C") + " (%)", 0, 0), o.restore(), o.save(), o.translate((i.x + n.x) / 2, (i.y + n.y) / 2 + g), o.fillText((h[0] || "A") + " (%)", 0, 0), o.restore();
+    var A;
+    if (((A = t.side) == null ? void 0 : A.show) === !1) return;
+    const o = this.ctx, { top: i, left: s, right: n } = e, r = t.side || {}, h = r.data || ["A", "B", "C"], a = r.labelStyle || {}, l = a.fontFamily || "Microsoft YaHei UI, sans-serif", c = a.fontSize || 14, d = a.fontWeight || "bold", p = a.color || "#00e5ff", b = a.offset !== void 0 ? a.offset : 40;
+    o.textBaseline = "middle", o.textAlign = "center", o.fillStyle = p, o.font = `${d} ${c}px ${l}`;
+    const u = { x: (i.x + s.x) / 2, y: (i.y + s.y) / 2 }, S = s.x - i.x, g = s.y - i.y, f = Math.hypot(S, g);
+    o.save(), o.translate(u.x + -g / f * b, u.y + S / f * b), o.rotate(Math.atan2(g, S) + Math.PI), o.fillText((h[1] || "B") + " (%)", 0, 0), o.restore();
+    const y = { x: (i.x + n.x) / 2, y: (i.y + n.y) / 2 }, m = n.x - i.x, v = n.y - i.y, x = Math.hypot(m, v);
+    o.save(), o.translate(y.x + v / x * b, y.y + -m / x * b), o.rotate(Math.atan2(v, m)), o.fillText((h[2] || "C") + " (%)", 0, 0), o.restore(), o.save(), o.translate((s.x + n.x) / 2, (s.y + n.y) / 2 + b), o.fillText((h[0] || "A") + " (%)", 0, 0), o.restore();
   }
   drawSeries(t, e, o) {
     var h;
-    const s = this.ctx, i = this.ctx.getTransform().a / (window.devicePixelRatio || 1), n = "Microsoft YaHei UI, sans-serif", l = (h = t.side) == null ? void 0 : h.data;
+    const i = this.ctx, s = this.ctx.getTransform().a / (window.devicePixelRatio || 1), n = "Microsoft YaHei UI, sans-serif", r = (h = t.side) == null ? void 0 : h.data;
     (t.series || []).forEach((a) => {
-      const r = a.data;
-      if (!r || r.length === 0) return;
-      const c = a.name, d = D.resolveData(r, l);
+      const l = a.data;
+      if (!l || l.length === 0) return;
+      const c = a.name, d = L.resolveData(l, r);
       if (!d) return;
-      const f = D.t2c(d[0], d[1], d[2], e), g = f.x, p = f.y, m = o && o.series === a, y = a.shape || "circle", u = a.color || "#409eff";
-      let b = a.size !== void 0 ? a.size : 5;
-      m && (b *= 1.5);
-      const w = a.itemStyle || {}, x = w.borderColor || "#fff", S = w.borderWidth !== void 0 ? w.borderWidth : 1, C = w.opacity !== void 0 ? w.opacity : 1, z = a.textStyle || {}, _ = z.show !== void 0 ? z.show : !0, A = z.color || u, Y = z.fontSize !== void 0 ? z.fontSize : 12, P = z.fontWeight || "normal", k = z.position || "top", M = z.offset || [0, 0], L = a.glowStyle || {}, Q = L.show !== void 0 ? L.show : !1, N = L.colors, ot = L.blur !== void 0 ? L.blur : 15, Z = L.startColor || u, tt = L.endColor || "transparent", H = L.count !== void 0 ? L.count : 3, dt = L.glowDistance !== void 0 ? L.glowDistance : 2;
-      if (s.save(), s.globalAlpha = C, Q) {
-        s.shadowColor = N ? N[0] : Z, s.shadowBlur = ot;
-        let X = [], I = H;
-        if (Array.isArray(N) && N.length > 0)
-          X = N, I = X.length;
+      const p = L.t2c(d[0], d[1], d[2], e), b = p.x, u = p.y, S = o && o.series === a, g = a.shape || "circle", f = a.color || "#409eff";
+      let y = a.size !== void 0 ? a.size : 5;
+      S && (y *= 1.5);
+      const m = a.itemStyle || {}, v = m.borderColor || "#fff", x = m.borderWidth !== void 0 ? m.borderWidth : 1, A = m.opacity !== void 0 ? m.opacity : 1, T = a.textStyle || {}, _ = T.show !== void 0 ? T.show : !0, M = T.color || f, k = T.fontSize !== void 0 ? T.fontSize : 12, P = T.fontWeight || "normal", E = T.position || "top", z = T.offset || [0, 0], D = a.glowStyle || {}, j = D.show !== void 0 ? D.show : !1, H = D.colors, K = D.blur !== void 0 ? D.blur : 15, O = D.startColor || f, ot = D.endColor || "transparent", R = D.count !== void 0 ? D.count : 3, it = D.glowDistance !== void 0 ? D.glowDistance : 2;
+      if (i.save(), i.globalAlpha = A, j) {
+        i.shadowColor = H ? H[0] : O, i.shadowBlur = K;
+        let W = [], N = R;
+        if (Array.isArray(H) && H.length > 0)
+          W = H, N = W.length;
         else
-          for (let R = 0; R < I; R++) {
-            const U = I > 1 ? R / (I - 1) : 0;
-            X.push($t(Z, tt, U));
+          for (let $ = 0; $ < N; $++) {
+            const G = N > 1 ? $ / (N - 1) : 0;
+            W.push(Ot(O, ot, G));
           }
-        for (let R = I - 1; R >= 0; R--) {
-          const U = X[R];
-          s.save(), s.fillStyle = U, s.beginPath(), nt(s, g, p, y, b, i, (R + 1) * dt), s.fill(), s.restore();
+        for (let $ = N - 1; $ >= 0; $--) {
+          const G = W[$];
+          i.save(), i.fillStyle = G, i.beginPath(), lt(i, b, u, g, y, s, ($ + 1) * it), i.fill(), i.restore();
         }
       }
-      if (s.beginPath(), nt(s, g, p, y, b, i, 0), y === "ring" ? (s.strokeStyle = u, s.lineWidth = S * i, s.stroke()) : (s.fillStyle = u, s.fill(), S > 0 && (s.strokeStyle = x, s.lineWidth = S * i, s.stroke())), s.restore(), _ && c) {
-        s.save(), s.globalAlpha = C, s.font = `${P} ${Math.round(Y * i)}px ${n}`, s.fillStyle = A;
-        let X = "center", I = "middle", R = g + M[0] * i, U = p + M[1] * i, V = 6 * i;
-        y === "circle" || y === "ring" || y === "star" || y === "triangle" ? V += b * i : y === "square" && (V += b * i / 2), k === "top" ? (X = "center", I = "bottom", U -= V) : k === "bottom" ? (X = "center", I = "top", U += V) : k === "left" ? (X = "right", I = "middle", R -= V) : k === "right" ? (X = "left", I = "middle", R += V) : k === "center" && (X = "center", I = "middle"), s.textAlign = X, s.textBaseline = I, s.fillText(c, R, U), s.restore();
+      if (i.beginPath(), lt(i, b, u, g, y, s, 0), g === "ring" ? (i.strokeStyle = f, i.lineWidth = x * s, i.stroke()) : (i.fillStyle = f, i.fill(), x > 0 && (i.strokeStyle = v, i.lineWidth = x * s, i.stroke())), i.restore(), _ && c) {
+        i.save(), i.globalAlpha = A, i.font = `${P} ${Math.round(k * s)}px ${n}`, i.fillStyle = M;
+        let W = "center", N = "middle", $ = b + z[0] * s, G = u + z[1] * s, q = 6 * s;
+        g === "circle" || g === "ring" || g === "star" || g === "triangle" ? q += y * s : g === "square" && (q += y * s / 2), E === "top" ? (W = "center", N = "bottom", G -= q) : E === "bottom" ? (W = "center", N = "top", G += q) : E === "left" ? (W = "right", N = "middle", $ -= q) : E === "right" ? (W = "left", N = "middle", $ += q) : E === "center" && (W = "center", N = "middle"), i.textAlign = W, i.textBaseline = N, i.fillText(c, $, G), i.restore();
       }
     });
   }
 }
-class Gt {
+class Jt {
   constructor(t, e = {}) {
-    this.initDOM(t), this.renderer = new Rt(this.ctx), this.state = {
+    this.initDOM(t), this.renderer = new Nt(this.ctx), this.state = {
       W: 0,
       H: 0,
       dpr: 1,
@@ -1633,7 +1577,7 @@ class Gt {
       tri: {},
       zones: [],
       hoveredPoint: null
-    }, this._zoom = new ut(e.zoom), this.events = { click: null, viewChange: null, hover: null }, this._initTooltip(), this.bindEvents(), this.ro = new ResizeObserver(() => this.fitCanvas()), this.ro.observe(this.container), this.fitCanvas(), Object.keys(e).length && this.setOption(e);
+    }, this._zoom = new St(e.zoom), this._bus = new pt(), this._initTooltip(), this.bindEvents(), this.ro = new ResizeObserver(() => this.fitCanvas()), this.ro.observe(this.container), this.fitCanvas(), Object.keys(e).length && this.setOption(e);
   }
   initDOM(t) {
     let e = typeof t == "string" ? document.getElementById(t) : t;
@@ -1642,8 +1586,8 @@ class Gt {
   }
   _initTooltip() {
     var e;
-    const t = this.state.option.tooltip || at.tooltip;
-    this._tooltip = new yt(this.container, {
+    const t = this.state.option.tooltip || ft.tooltip;
+    this._tooltip = new vt(this.container, {
       tooltipBg: t.backgroundColor || "rgba(5,13,26,0.95)",
       tooltipTextColor: ((e = t.textStyle) == null ? void 0 : e.color) || "#c8d8e8",
       tooltipPadding: t.padding || 10,
@@ -1652,33 +1596,44 @@ class Gt {
     }), this._tooltip.el.style.whiteSpace = "nowrap", this._tooltip.el.style.lineHeight = "1.6";
   }
   setOption(t) {
-    !this.state.option || !Object.keys(this.state.option).length ? this.state.option = E(E({}, at), t) : E(this.state.option, t), this._normalizeOptions(), this.computeGeometry(), this.buildZonePaths(), this.render();
+    !this.state.option || !Object.keys(this.state.option).length ? this.state.option = X(X({}, ft), t) : X(this.state.option, t), this._normalizeOptions(), this.computeGeometry(), this.buildZonePaths(), this.render();
+  }
+  setSeries(t) {
+    return this.state.option.series = Array.isArray(t) ? t : [t], this.render(), this;
+  }
+  on(t, e) {
+    return this._bus.on(t, e), this;
+  }
+  off(t, e) {
+    return this._bus.off(t, e), this;
   }
   _normalizeOptions() {
     const t = this.state.option;
-    t.vertex && !t.side && (t.side = t.vertex, delete t.vertex), t.axes && Array.isArray(t.axes) && (t.side || (t.side = {}), t.side.data = t.axes.map((e) => typeof e == "object" ? e.name : e), delete t.axes), t.axisStyle && (t.side || (t.side = {}), E(t.side, t.axisStyle), delete t.axisStyle), t.side || (t.side = {}), (!t.side.data || t.side.data.length < 3) && (t.side.data = ["A", "B", "C"]), t.zones && Array.isArray(t.zones) && (t.zone || (t.zone = {}), t.zone.data = t.zones, delete t.zones), t.showTooltip !== void 0 && (t.tooltip || (t.tooltip = {}), t.tooltip.show = t.showTooltip);
+    t.side || (t.side = {}), (!t.side.data || t.side.data.length < 3) && (t.side.data = ["A", "B", "C"]);
   }
   computeGeometry() {
     const t = window.devicePixelRatio || 1;
     this.state.W = this.canvas.width / t, this.state.H = this.canvas.height / t, this.state.dpr = t;
-    const e = this.state.option.padding ?? 45, o = this.state.option.grid || {}, s = ct(this.state.W, this.state.H, o, e);
-    this.state.tri = D.computeTri(s);
+    const e = this.state.option.padding ?? 45, o = this.state.option.grid || {}, i = gt(this.state.W, this.state.H, o, e);
+    this.state.tri = L.computeTri(i);
   }
   buildZonePaths() {
-    var s;
-    const { option: t, tri: e } = this.state, o = ((s = t.zone) == null ? void 0 : s.data) || [];
-    this.state.zones = o.map((i) => {
-      const n = { ...i }, l = new Path2D();
-      if (i.points.forEach(([h, a, r], c) => {
-        const d = D.t2c(h, a, r, e);
-        c === 0 ? l.moveTo(d.x, d.y) : l.lineTo(d.x, d.y);
-      }), l.closePath(), n.path = l, i.labelAt)
-        n.labelPos = { a: i.labelAt[0], b: i.labelAt[1], c: i.labelAt[2] };
-      else {
-        const h = i.points.map((c) => D.t2c(c[0], c[1], c[2], e)), a = D.polyCentroid(h), r = D.c2t(a.x, a.y, e);
-        n.labelPos = { a: r.a, b: r.b, c: r.c };
+    var i;
+    const { option: t, tri: e } = this.state, o = ((i = t.zone) == null ? void 0 : i.data) || [];
+    this.state.zones = o.map((s) => {
+      const n = { ...s }, r = new Path2D(), h = s.coordinates;
+      if (h) {
+        if (h.forEach(([a, l, c], d) => {
+          const p = L.t2c(a, l, c, e);
+          d === 0 ? r.moveTo(p.x, p.y) : r.lineTo(p.x, p.y);
+        }), r.closePath(), n.path = r, s.labelAt)
+          n.labelPos = { a: s.labelAt[0], b: s.labelAt[1], c: s.labelAt[2] };
+        else {
+          const l = (s.coordinates || []).map((p) => L.t2c(p[0], p[1], p[2], e)), c = L.polyCentroid(l), d = L.c2t(c.x, c.y, e);
+          n.labelPos = { a: d.a, b: d.b, c: d.c };
+        }
+        return n;
       }
-      return n;
     });
   }
   fitCanvas() {
@@ -1686,141 +1641,165 @@ class Gt {
     this.canvas.width = Math.round(e * t), this.canvas.height = Math.round(o * t), this.canvas.style.width = e + "px", this.canvas.style.height = o + "px", this.state.scale = 1, this.state.tx = 0, this.state.ty = 0, this._zoom && this._zoom.reset(), Object.keys(this.state.option).length && (this.computeGeometry(), this.buildZonePaths(), this.render());
   }
   render() {
+    var o;
+    if (!this.state.option) return;
     this.state.scale = this._zoom.zoom, this.state.tx = this._zoom.panX, this.state.ty = this._zoom.panY, this.renderer.render(this.state);
+    const t = [], e = (o = this.state.option.side) == null ? void 0 : o.data;
+    (this.state.option.series || []).forEach((i) => {
+      const s = i.data;
+      if (!s || s.length === 0) return;
+      const n = L.resolveData(s, e);
+      if (!n) return;
+      const r = this.getZoneAt(n[0], n[1], n[2]);
+      t.push({
+        series: i,
+        zone: r,
+        ratio: n
+      });
+    }), t.length > 0 && this._bus.emit("diagnose", t);
   }
   bindEvents() {
     const t = this.canvas;
     this._onWheel = (e) => {
       e.preventDefault();
-      const o = t.getBoundingClientRect(), s = (e.clientX - o.left) * (this.state.W / o.width), i = (e.clientY - o.top) * (this.state.H / o.height);
-      this._zoom.onWheel(e.deltaY, s, i), typeof this.events.viewChange == "function" && this.events.viewChange(this._zoom.state), this.render();
+      const o = t.getBoundingClientRect(), i = (e.clientX - o.left) * (this.state.W / o.width), s = (e.clientY - o.top) * (this.state.H / o.height);
+      this._zoom.onWheel(e.deltaY, i, s), this._bus.emit("zoom", this._zoom.state), this.render();
     }, this._onDown = (e) => {
       if (e.button !== 0) return;
-      const o = t.getBoundingClientRect(), s = this.state.W / o.width, i = this.state.H / o.height;
-      this._zoom.startDrag(e.clientX * s, e.clientY * i), t.style.cursor = "grabbing";
+      const o = t.getBoundingClientRect(), i = this.state.W / o.width, s = this.state.H / o.height;
+      this._zoom.startDrag(e.clientX * i, e.clientY * s), t.style.cursor = "grabbing";
     }, this._onMove = (e) => {
-      const o = t.getBoundingClientRect(), s = this.state.W / o.width, i = this.state.H / o.height;
-      if (this._zoom.moveDrag(e.clientX * s, e.clientY * i, 1)) {
+      const o = t.getBoundingClientRect(), i = this.state.W / o.width, s = this.state.H / o.height;
+      if (this._zoom.moveDrag(e.clientX * i, e.clientY * s, 1)) {
         this.render();
         return;
       }
       this.handleMouseMove(e);
     }, this._onUp = () => {
-      this._zoom.endDrag() && (t.style.cursor = this.state.hoveredPoint ? "pointer" : "default", typeof this.events.viewChange == "function" && this.events.viewChange(this._zoom.state));
+      this._zoom.endDrag() && (t.style.cursor = this.state.hoveredPoint ? "pointer" : "default", this._bus.emit("zoom", this._zoom.state));
     }, this._onLeave = () => {
-      this.hideTooltip(), this.state.hoveredPoint = null, typeof this.events.hover == "function" && this.events.hover(null), this.render();
+      this.hideTooltip(), this.state.hoveredPoint = null, this._bus.emit("hover", null), this.render();
     }, this._onDbl = () => {
-      this._zoom.reset(), typeof this.events.viewChange == "function" && this.events.viewChange(this._zoom.state), this.render();
+      this.zoomReset();
     }, t.addEventListener("wheel", this._onWheel, { passive: !1 }), t.addEventListener("mousedown", this._onDown), t.addEventListener("mousemove", this._onMove), t.addEventListener("mouseleave", this._onLeave), t.addEventListener("dblclick", this._onDbl), t.addEventListener("click", this.handleClick.bind(this)), window.addEventListener("mouseup", this._onUp);
   }
   handleMouseMove(t) {
-    var p;
-    const e = this.canvas.getBoundingClientRect(), o = this.state.W / e.width, s = this.state.H / e.height, i = (t.clientX - e.left) * o, n = (t.clientY - e.top) * s, l = (i - this._zoom.panX) / this._zoom.zoom, h = (n - this._zoom.panY) / this._zoom.zoom, { a, b: r, c } = D.c2t(l, h, this.state.tri);
-    if (a < -1e-7 || r < -1e-7 || c < -1e-7) {
+    var u;
+    const e = this.canvas.getBoundingClientRect(), o = this.state.W / e.width, i = this.state.H / e.height, s = (t.clientX - e.left) * o, n = (t.clientY - e.top) * i, r = (s - this._zoom.panX) / this._zoom.zoom, h = (n - this._zoom.panY) / this._zoom.zoom, { a, b: l, c } = L.c2t(r, h, this.state.tri);
+    if (a < -1e-7 || l < -1e-7 || c < -1e-7) {
       this.hideTooltip(), this.state.hoveredPoint !== null && (this.state.hoveredPoint = null, this.canvas.style.cursor = "default", this.render());
       return;
     }
-    let d = null, f = 14;
-    const g = (p = this.state.option.side) == null ? void 0 : p.data;
-    (this.state.option.series || []).forEach((m) => {
-      const y = m.data;
-      if (!y) return;
-      const u = D.resolveData(y, g);
-      if (!u) return;
-      const b = D.t2c(...u, this.state.tri), w = Math.hypot(b.x - l, b.y - h);
-      w < f && (f = w, d = { series: m, raw: u });
-    }), d !== this.state.hoveredPoint && (this.state.hoveredPoint = d, this.canvas.style.cursor = d ? "pointer" : "default", this.render()), this.showTooltip(l, h, a, r, c);
+    let d = null, p = 14;
+    const b = (u = this.state.option.side) == null ? void 0 : u.data;
+    (this.state.option.series || []).forEach((S) => {
+      const g = S.data;
+      if (!g) return;
+      const f = L.resolveData(g, b);
+      if (!f) return;
+      const y = L.t2c(...f, this.state.tri), m = Math.hypot(y.x - r, y.y - h);
+      m < p && (p = m, d = { series: S, raw: f });
+    }), d !== this.state.hoveredPoint && (this.state.hoveredPoint = d, this.canvas.style.cursor = d ? "pointer" : "default", this.render()), this.showTooltip(r, h, a, l, c);
   }
   handleClick(t) {
     if (this._zoom.isDragging) return;
-    const e = this.canvas.getBoundingClientRect(), o = this.state.W / e.width, s = this.state.H / e.height, i = (t.clientX - e.left) * o, n = (t.clientY - e.top) * s, l = (i - this._zoom.panX) / this._zoom.zoom, h = (n - this._zoom.panY) / this._zoom.zoom, { a, b: r, c } = D.c2t(l, h, this.state.tri);
-    if (a < -1e-7 || r < -1e-7 || c < -1e-7) return;
-    const d = this.getZoneAt(a, r, c);
-    typeof this.events.click == "function" && this.events.click({ a, b: r, c, zone: d }), this.canvas.dispatchEvent(
-      new CustomEvent("triangle:click", { detail: { a, b: r, c, zone: d }, bubbles: !0 })
+    const e = this.canvas.getBoundingClientRect(), o = this.state.W / e.width, i = this.state.H / e.height, s = (t.clientX - e.left) * o, n = (t.clientY - e.top) * i, r = (s - this._zoom.panX) / this._zoom.zoom, h = (n - this._zoom.panY) / this._zoom.zoom, { a, b: l, c } = L.c2t(r, h, this.state.tri);
+    if (a < -1e-7 || l < -1e-7 || c < -1e-7) return;
+    const d = this.getZoneAt(a, l, c);
+    this._bus.emit("click", { a, b: l, c, zone: d }), this.canvas.dispatchEvent(
+      new CustomEvent("triangle:click", { detail: { a, b: l, c, zone: d }, bubbles: !0 })
     );
   }
-  showTooltip(t, e, o, s, i) {
-    var y, u;
+  showTooltip(t, e, o, i, s) {
+    var g, f;
     const n = this.state.option.tooltip || {};
-    if (n.show === !1 || !this.state.hoveredPoint && n.showDiagnostic === !1) {
+    if (n.show === !1 || !this.state.hoveredPoint) {
       this.hideTooltip();
       return;
     }
-    const l = this.getZoneAt(o, s, i), a = (this.state.option.side || {}).data || ["A", "B", "C"];
-    if (typeof this.events.hover == "function" && this.events.hover({
-      ratio: [o, s, i],
-      zone: l,
-      point: ((y = this.state.hoveredPoint) == null ? void 0 : y.series) || null
+    const r = this.getZoneAt(o, i, s), a = (this.state.option.side || {}).data || ["A", "B", "C"];
+    if (this._bus.emit("hover", {
+      ratio: [o, i, s],
+      zone: r,
+      point: ((g = this.state.hoveredPoint) == null ? void 0 : g.series) || null
     }), n.formatter) {
-      const b = n.formatter({
+      const y = n.formatter({
         a: o,
-        b: s,
-        c: i,
+        b: i,
+        c: s,
         sNames: a,
-        zone: l,
-        point: (u = this.state.hoveredPoint) == null ? void 0 : u.series
-      }), w = t * this._zoom.zoom + this._zoom.panX, x = e * this._zoom.zoom + this._zoom.panY;
-      this._tooltip.show(b, w, x, n, {}, l);
+        zone: r,
+        point: (f = this.state.hoveredPoint) == null ? void 0 : f.series
+      }), m = t * this._zoom.zoom + this._zoom.panX, v = e * this._zoom.zoom + this._zoom.panY;
+      this._tooltip.show(y, m, v, n, {}, r);
       return;
     }
-    const r = this._defaultTooltipHTML(o, s, i, a, l), c = t * this._zoom.zoom + this._zoom.panX, d = e * this._zoom.zoom + this._zoom.panY, f = this.canvas.getBoundingClientRect(), g = this.container.getBoundingClientRect(), p = f.left - g.left, m = f.top - g.top;
-    this._tooltip.show(r, c + p, d + m, n, {}, l);
+    const l = this._defaultTooltipHTML(o, i, s, a, r), c = t * this._zoom.zoom + this._zoom.panX, d = e * this._zoom.zoom + this._zoom.panY, p = this.canvas.getBoundingClientRect(), b = this.container.getBoundingClientRect(), u = p.left - b.left, S = p.top - b.top;
+    this._tooltip.show(l, c + u, d + S, n, {}, r);
   }
   hideTooltip() {
     this._tooltip && this._tooltip.hide();
   }
   getZoneAt(t, e, o) {
-    const s = D.t2c(t, e, o, this.state.tri), i = this.ctx;
-    i.save(), i.setTransform(1, 0, 0, 1, 0, 0);
-    const n = (this.state.zones || []).find((l) => l.path && i.isPointInPath(l.path, s.x, s.y));
-    return i.restore(), n;
+    const i = L.t2c(t, e, o, this.state.tri), s = this.ctx;
+    s.save(), s.setTransform(1, 0, 0, 1, 0, 0);
+    const n = (this.state.zones || []).find((r) => r.path && s.isPointInPath(r.path, i.x, i.y));
+    return s.restore(), n;
   }
-  resetZoom() {
-    this.state.scale = 1, this.state.tx = 0, this.state.ty = 0, this.render(), typeof this.events.viewChange == "function" && this.events.viewChange({ scale: this.state.scale, tx: this.state.tx, ty: this.state.ty });
+  zoomReset() {
+    this.state.scale = 1, this.state.tx = 0, this.state.ty = 0, this.render(), this._bus.emit("zoom", { scale: this.state.scale, tx: this.state.tx, ty: this.state.ty });
   }
   dispose() {
-    var t, e, o;
-    (t = this.ro) == null || t.disconnect(), (e = this._tooltip) == null || e.dispose(), (o = this.canvas) == null || o.remove();
+    var t, e, o, i;
+    (t = this.ro) == null || t.disconnect(), (e = this._tooltip) == null || e.dispose(), (o = this.canvas) == null || o.remove(), window.removeEventListener("mouseup", this._onUp), (i = this._bus) == null || i.dispose();
   }
   /**
    * 默认 tooltip HTML 生成
    * @private
    */
-  _defaultTooltipHTML(t, e, o, s, i) {
-    var m, y, u;
-    const n = this.state.hoveredPoint, l = this.state.option.tooltip || {}, h = l.showPoint !== !1, a = l.showDiagnostic !== !1;
-    let r = "";
-    if (n && h) {
-      let b = ((m = n.series) == null ? void 0 : m.name) || "";
-      b && (r = `<div style="font-size:14px; font-weight:bold; margin-bottom:4px; color:#fff;">${b}</div>`);
-    }
-    const c = i ? `${i.name || i.id} ${i.desc || i.title || ""}` : "Outside", d = i && ((y = i.color) == null ? void 0 : y.replace(/[\d.]+\)$/, "1)")) || "#fff";
-    let f = `
-      ${r}
-      ${c ? `<div style="color:${d}; font-size:13px; font-weight:bold; padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.07);">${c}</div>` : ""}
+  _defaultTooltipHTML(t, e, o, i, s) {
+    var S, g, f;
+    const n = this.state.hoveredPoint, h = `<div style="font-size:14px; font-weight:bold; margin-bottom:4px; color:#fff;">${((S = n == null ? void 0 : n.series) == null ? void 0 : S.name) || "Data Point"}</div>`, a = {
+      PD: "局部放电",
+      D1: "低能放电",
+      D2: "高能放电",
+      T1: "热故障，t＜300℃",
+      T2: "热故障，300℃＜t＜700℃",
+      T3: "热故障，t＞700℃",
+      DT: "热和放电混合故障",
+      S: "温度<200℃时的杂散气体",
+      C: "绝缘纸可能碳化",
+      O: "矿物油过热",
+      "T3-H": "仅矿物油过热",
+      ND: "正常"
+    }, l = (s == null ? void 0 : s.title) || (s == null ? void 0 : s.desc) || (s ? a[s.name] : "") || "", c = s ? `${s.name || s.id || ""} ${l}`.trim() : "Outside", d = s && ((g = s.color) == null ? void 0 : g.replace(/[\d.]+\)$/, "1)")) || "#fff";
+    let p = `
+      ${h}
+      <div style="color:${d}; font-size:13px; font-weight:bold; padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.07);">
+        ${c}
+      </div>
     `;
-    const g = ["#00e5ff", "#ff6b35", "#ffcc02"], p = (u = n == null ? void 0 : n.series) == null ? void 0 : u.data;
-    return (h || !h && !a) && s.forEach((b, w) => {
-      const x = g[w % 3];
-      let S = "-";
-      p && (Array.isArray(p) ? S = p[w] !== void 0 ? p[w] : "-" : typeof p == "object" && (p.value && Array.isArray(p.value) ? S = p.value[w] !== void 0 ? p.value[w] : "-" : p[b] !== void 0 && (S = p[b]))), f += `
+    const b = ["#00e5ff", "#ff6b35", "#ffcc02"], u = (f = n == null ? void 0 : n.series) == null ? void 0 : f.data;
+    return i.forEach((y, m) => {
+      const v = b[m % 3];
+      let x = "-";
+      u && (Array.isArray(u) ? x = u[m] !== void 0 ? u[m] : "-" : typeof u == "object" && (u.value && Array.isArray(u.value) ? x = u.value[m] !== void 0 ? u.value[m] : "-" : u[y] !== void 0 && (x = u[y]))), p += `
           <div style="display:flex; align-items:center; margin-bottom:6px; font-size:13px;">
-            <span style="display:inline-block; width:8px; height:8px; border-radius:50%; background-color:${x}; margin-right:8px;"></span>
-            <span style="color:#cbd5e1; flex-grow:1;">${b}</span>
-            <span style="color:#fff; font-weight:bold; margin-left:20px;">${S}</span>
+            <span style="display:inline-block; width:8px; height:8px; border-radius:50%; background-color:${v}; margin-right:8px;"></span>
+            <span style="color:#cbd5e1; flex-grow:1;">${y}</span>
+            <span style="color:#fff; font-weight:bold; margin-left:20px;">${x}</span>
           </div>
         `;
-    }), f;
+    }), p;
   }
 }
-function St(v) {
-  const t = v.trim().toLowerCase();
+function bt(w) {
+  const t = w.trim().toLowerCase();
   if (t.startsWith("#")) {
     let o = t.slice(1);
     o.length === 3 && (o = o[0] + o[0] + o[1] + o[1] + o[2] + o[2]);
-    const s = parseInt(o.substring(0, 2), 16), i = parseInt(o.substring(2, 4), 16), n = parseInt(o.substring(4, 6), 16), l = o.length === 8 ? parseInt(o.substring(6, 8), 16) / 255 : 1;
-    return [s, i, n, l];
+    const i = parseInt(o.substring(0, 2), 16), s = parseInt(o.substring(2, 4), 16), n = parseInt(o.substring(4, 6), 16), r = o.length === 8 ? parseInt(o.substring(6, 8), 16) / 255 : 1;
+    return [i, s, n, r];
   }
   const e = t.match(/rgba?\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\)/);
   return e ? [
@@ -1830,13 +1809,18 @@ function St(v) {
     e[4] !== void 0 ? parseFloat(e[4]) : 1
   ] : t === "transparent" ? [0, 0, 0, 0] : [255, 255, 255, 1];
 }
-function $t(v, t, e) {
-  const [o, s, i, n] = St(v), [l, h, a, r] = St(t), c = Math.round(o + (l - o) * e), d = Math.round(s + (h - s) * e), f = Math.round(i + (a - i) * e), g = n + (r - n) * e;
-  return `rgba(${c},${d},${f},${g})`;
+function zt(w, t = 1) {
+  const [e, o, i, s] = bt(w);
+  return `rgba(${e},${o},${i},${s * t})`;
 }
-const T = Object.freeze({
+function Ot(w, t, e) {
+  const [o, i, s, n] = bt(w), [r, h, a, l] = bt(t), c = Math.round(o + (r - o) * e), d = Math.round(i + (h - i) * e), p = Math.round(s + (a - s) * e), b = n + (l - n) * e;
+  return `rgba(${c},${d},${p},${b})`;
+}
+const C = Object.freeze({
+  colors: Q,
   // 故障区域定义（用于诊断逻辑与 3D/2D 绘图）
-  ZONES: kt,
+  ZONES: Rt,
   // 坐标轴固定配置（X: C2H4/C2H6, Y: CH4/H2, Z: C2H2/C2H4）
   AXES: {
     x: { color: "#ff9a3c", label: "X (C₂H₄/C₂H₆)" },
@@ -1963,31 +1947,31 @@ class F {
     return t < 0.01 ? t.toFixed(4) : t.toFixed(3);
   }
 }
-class It {
-  constructor(t, e, o, s = {}) {
-    this.ctx = t, this.opts = s, this.layout = s.layout ?? "fill", this.resize(e, o), this.updateOptions(s);
+class jt {
+  constructor(t, e, o, i = {}) {
+    this.ctx = t, this.opts = i, this.layout = i.layout ?? "fill", this.resize(e, o), this.updateOptions(i);
   }
   /** 更新渲染配置 */
   updateOptions(t = {}) {
     this.opts = { ...this.opts, ...t }, (t.layout !== void 0 || t.grid !== void 0) && (t.layout !== void 0 && (this.layout = t.layout), this.resize(this.W, this.H));
     const e = this.opts.theme ?? "dark";
-    this.theme = T.THEMES[e] ?? T.THEMES.dark, this.themeName = e, this.zone = this.processZones(this.opts.zone ?? T.ZONES);
+    this.theme = C.THEMES[e] ?? C.THEMES.dark, this.themeName = e, this.zone = this.processZones(this.opts.zone ?? C.ZONES);
     const o = {
       show: !0,
       fill: { show: !0, alpha: this.theme.wallFillAlpha, colors: { xy: void 0, xz: void 0, yz: void 0 } },
       grid: { show: !0, lineStyle: { lineWidth: 0.6, alpha: parseInt(this.theme.wallGridAlpha, 16) / 255, type: "solid" } },
       border: { show: !0, lineStyle: { lineWidth: 0.8, alpha: parseInt(this.theme.wallEdgeAlpha, 16) / 255, type: "solid" } }
-    }, s = {
+    }, i = {
       show: !0,
       lineStyle: { lineWidth: 1.8, arrowSize: 9 },
       labelStyle: { show: !0, fontSize: 14, fontWeight: "bold", distance: 16 },
       tickLabelStyle: { show: !0, fontSize: 12, color: "rgba(255, 255, 255, 0.8)" },
       data: {
-        x: { name: T.AXES.x.label, color: T.AXES.x.color },
-        y: { name: T.AXES.y.label, color: T.AXES.y.color },
-        z: { name: T.AXES.z.label, color: T.AXES.z.color }
+        x: { name: C.AXES.x.label, color: C.AXES.x.color },
+        y: { name: C.AXES.y.label, color: C.AXES.y.color },
+        z: { name: C.AXES.z.label, color: C.AXES.z.color }
       }
-    }, i = {
+    }, s = {
       show: !0,
       fade3DAlpha: 0.03,
       grid: {
@@ -2003,41 +1987,45 @@ class It {
       },
       zone: {
         show: !0,
-        alpha: 0.45,
-        borderStyle: { show: !0, lineWidth: 1.4 }
+        alpha: 0.75,
+        borderStyle: { show: !0, width: 1.4 }
       }
     };
-    this.opts.wall = E(o, this.opts.wall || {}), this.opts.axis = E(s, this.opts.axis || {}), this.opts.plane2D = E(i, this.opts.plane2D || {});
+    this.opts.wall = X(o, this.opts.wall || {}), this.opts.axis = X(i, this.opts.axis || {}), this.opts.plane2D = X(s, this.opts.plane2D || {});
   }
   /** 预计算区域数据 */
   processZones(t) {
-    let e = [], o = {};
-    return Array.isArray(t) ? e = t : t && typeof t == "object" && Array.isArray(t.data) ? (e = t.data, o = t.labelStyle || {}) : e = T.ZONES, e.map((s) => {
-      const [i, n, l] = ht(s.fill || "#ffffff"), h = s.labelStyle || o, a = h.color || s.fill;
-      let r = [];
-      h.fontWeight && r.push(h.fontWeight), h.fontSize && r.push(h.fontSize + "px"), h.fontFamily && r.push(h.fontFamily);
-      const c = r.length > 0 ? r.join(" ") : null;
-      let d = s.edgeColor || s.fill;
-      return s.edgeAlpha !== void 0 && (d = _t(d, s.edgeAlpha)), {
-        ...s,
-        fillBase: `rgba(${i},${n},${l},`,
-        edgeStr: d,
-        x0: F.realToU(s.p1[0]),
-        x1: F.realToU(s.p2[0]),
-        y0: F.realToU(s.p1[1]),
-        y1: F.realToU(s.p2[1]),
-        z0: F.realToU(s.p1[2]),
-        z1: F.realToU(s.p2[2]),
-        labelColor: a,
-        labelFontStr: c
+    let e = [], o = {}, i, s = {}, n = this.opts.colors || C.colors || Q;
+    return t && typeof t == "object" && Array.isArray(t.data) ? (e = t.data, o = t.labelStyle || {}, i = t.alpha, s = t.borderStyle || {}, t.colors && (n = t.colors)) : e = C.ZONES, e.map((r, h) => {
+      let a = r.color || n[h % n.length];
+      i !== void 0 && a !== "transparent" && (a = mt(a, i));
+      const [l, c, d] = ut(a), p = o, b = p.color || a;
+      let u = [];
+      p.fontWeight && u.push(p.fontWeight), p.fontSize && u.push(p.fontSize + "px"), p.fontFamily && u.push(p.fontFamily);
+      const S = u.length > 0 ? u.join(" ") : null, g = s;
+      let f = g.color || a;
+      g.alpha !== void 0 && f !== "transparent" && (f = mt(f, g.alpha));
+      const y = r.coordinates && r.coordinates[0] ? r.coordinates[0] : [0, 0, 0], m = r.coordinates && r.coordinates[1] ? r.coordinates[1] : [0, 0, 0];
+      return {
+        ...r,
+        fillBase: `rgba(${l},${c},${d},`,
+        edgeStr: f,
+        x0: F.realToU(y[0]),
+        x1: F.realToU(m[0]),
+        y0: F.realToU(y[1]),
+        y1: F.realToU(m[1]),
+        z0: F.realToU(y[2]),
+        z1: F.realToU(m[2]),
+        labelColor: b,
+        labelFontStr: S
       };
     });
   }
   /** 获取配置的字体样式 */
   getFont(t) {
-    var l;
-    const e = T.TEXT_STYLE, o = ((l = this.opts.textStyle) == null ? void 0 : l[t]) ?? this.opts.textStyle ?? {}, s = o.fontSize ?? e.fontSize, i = o.fontFamily ?? e.fontFamily;
-    return `${o.fontWeight ?? (t === "axis" || t === "zone" ? "bold" : e.fontWeight)} ${s}px ${i}`;
+    var r;
+    const e = C.TEXT_STYLE, o = ((r = this.opts.textStyle) == null ? void 0 : r[t]) ?? this.opts.textStyle ?? {}, i = o.fontSize ?? e.fontSize, s = o.fontFamily ?? e.fontFamily;
+    return `${o.fontWeight ?? (t === "axis" || t === "zone" ? "bold" : e.fontWeight)} ${i}px ${s}`;
   }
   /** 更新渲染器主题 */
   setTheme(t) {
@@ -2048,31 +2036,31 @@ class It {
     this.W = t, this.H = e;
     const o = this.opts.grid;
     if (o && (o.left !== void 0 || o.right !== void 0 || o.top !== void 0 || o.bottom !== void 0)) {
-      const i = ct(t, e, o, 0);
-      this.renderW = i.availW, this.renderH = i.availH, this.offsetX = i.left, this.offsetY = i.top;
+      const s = gt(t, e, o, 0);
+      this.renderW = s.availW, this.renderH = s.availH, this.offsetX = s.left, this.offsetY = s.top;
     } else if (this.layout === "square") {
-      const i = Math.min(t, e);
-      this.renderW = i, this.renderH = i, this.offsetX = (t - i) / 2, this.offsetY = (e - i) / 2;
+      const s = Math.min(t, e);
+      this.renderW = s, this.renderH = s, this.offsetX = (t - s) / 2, this.offsetY = (e - s) / 2;
     } else
       this.renderW = t, this.renderH = e, this.offsetX = 0, this.offsetY = 0;
-    this.CX = this.offsetX + this.renderW * T.PROJ.cx, this.CY = this.offsetY + this.renderH * T.PROJ.cy;
+    this.CX = this.offsetX + this.renderW * C.PROJ.cx, this.CY = this.offsetY + this.renderH * C.PROJ.cy;
   }
   /**
    * 核心投影函数：将 0-1 坐标系的 3D 点映射为 2D 屏幕画布坐标
    * 逻辑：平移中心 -> 执行绕 X, Y 轴旋转矩阵 -> 应用视场角(FOV)进行透视缩放 -> 映射至屏幕中心
    */
   proj(t, e, o) {
-    const s = t - 0.5, i = e - 0.5, n = o - 0.5, l = this.cam.rotX * Math.PI / 180, h = this.cam.rotY * Math.PI / 180, a = Math.cos(l), r = Math.sin(l), c = Math.cos(h), d = Math.sin(h), f = s * c + i * d, g = -s * d + i * c, p = n * a - g * r, m = n * r + g * a, y = Math.min(this.renderW, this.renderH) * T.PROJ.scaleK * this.cam.zoomFactor, u = T.PROJ.fov, b = m + u;
+    const i = t - 0.5, s = e - 0.5, n = o - 0.5, r = this.cam.rotX * Math.PI / 180, h = this.cam.rotY * Math.PI / 180, a = Math.cos(r), l = Math.sin(r), c = Math.cos(h), d = Math.sin(h), p = i * c + s * d, b = -i * d + s * c, u = n * a - b * l, S = n * l + b * a, g = Math.min(this.renderW, this.renderH) * C.PROJ.scaleK * this.cam.zoomFactor, f = C.PROJ.fov, y = S + f;
     return {
-      x: this.CX + f / b * y * u,
-      y: this.CY - p / b * y * u,
-      depth: m
+      x: this.CX + p / y * g * f,
+      y: this.CY - u / y * g * f,
+      depth: S
     };
   }
   /** 判断法向量是否背向相机 (Backface Culling) */
   isBackface(t, e, o) {
-    const s = this.cam.rotX * Math.PI / 180, i = this.cam.rotY * Math.PI / 180, n = Math.cos(s), l = Math.sin(s), h = Math.cos(i), a = Math.sin(i), r = -t * a + e * h;
-    return o * l + r * n > 0;
+    const i = this.cam.rotX * Math.PI / 180, s = this.cam.rotY * Math.PI / 180, n = Math.cos(i), r = Math.sin(i), h = Math.cos(s), a = Math.sin(s), l = -t * a + e * h;
+    return o * r + l * n > 0;
   }
   /**
    * 渲染主循环
@@ -2081,90 +2069,90 @@ class It {
    * @param {string} view 当前视图 ID ('3d', 'xz' 等)
    * @param {number} flat 扁平化程度 (0-1), 用于 3D 转换 2D 平面的视觉过度
    */
-  draw(t, e, o, s) {
-    var a;
-    const i = this.ctx;
-    i.clearRect(0, 0, this.W, this.H), this.cam = t;
-    const n = ((a = this.opts.plane2D) == null ? void 0 : a.fade3DAlpha) ?? 0.03, l = 1 - s * (1 - n);
-    i.globalAlpha = l, this.drawWalls(l), this.drawGrid(l), this.drawZones(l), this.drawAxes(l), this.drawTickLabels(l);
-    const h = Array.isArray(e) ? e : [];
-    [...h].sort(
-      (r, c) => this.proj(F.realToU(r.position.x), F.realToU(r.position.y), F.realToU(r.position.z)).depth - this.proj(F.realToU(c.position.x), F.realToU(c.position.y), F.realToU(c.position.z)).depth
-    ).forEach((r) => this.drawPoint3D(r, l)), i.globalAlpha = 1, s > 0 && this.opts.plane2D.show && this.draw2DOverlay(o, s, h);
+  draw(t, e, o, i) {
+    var l;
+    const s = this.ctx, n = window.devicePixelRatio || 1;
+    s.setTransform(n, 0, 0, n, 0, 0), s.clearRect(0, 0, this.W, this.H), this.cam = t;
+    const r = ((l = this.opts.plane2D) == null ? void 0 : l.fade3DAlpha) ?? 0.03, h = 1 - i * (1 - r);
+    s.globalAlpha = h, this.drawWalls(h), this.drawGrid(h), this.drawZones(h), this.drawAxes(h), this.drawTickLabels(h);
+    const a = Array.isArray(e) ? e : [];
+    [...a].sort(
+      (c, d) => this.proj(F.realToU(c.position.x), F.realToU(c.position.y), F.realToU(c.position.z)).depth - this.proj(F.realToU(d.position.x), F.realToU(d.position.y), F.realToU(d.position.z)).depth
+    ).forEach((c) => this.drawPoint3D(c, h)), s.globalAlpha = 1, i > 0 && this.opts.plane2D.show && this.draw2DOverlay(o, i, a);
   }
   // 基础绘制
   face(t, e, o) {
-    const s = this.ctx, i = t.map((n) => this.proj(...n));
-    s.beginPath(), s.moveTo(i[0].x, i[0].y);
-    for (let n = 1; n < i.length; n++) s.lineTo(i[n].x, i[n].y);
-    s.closePath(), e && (s.fillStyle = e, s.fill()), o && (s.strokeStyle = o, s.lineWidth = 0.8, s.stroke());
+    const i = this.ctx, s = t.map((n) => this.proj(...n));
+    i.beginPath(), i.moveTo(s[0].x, s[0].y);
+    for (let n = 1; n < s.length; n++) i.lineTo(s[n].x, s[n].y);
+    i.closePath(), e && (i.fillStyle = e, i.fill()), o && (i.strokeStyle = o, i.lineWidth = 0.8, i.stroke());
   }
   line(t, e) {
     const o = this.ctx;
     o.beginPath(), o.moveTo(t.x, t.y), o.lineTo(e.x, e.y), o.stroke();
   }
-  box(t, e, o, s, i, n, l, h) {
+  box(t, e, o, i, s, n, r, h) {
     [
-      { f: [[t, o, i], [e, o, i], [e, s, i], [t, s, i]], n: [0, 0, -1] },
-      { f: [[t, o, n], [e, o, n], [e, s, n], [t, s, n]], n: [0, 0, 1] },
-      { f: [[t, o, i], [e, o, i], [e, o, n], [t, o, n]], n: [0, -1, 0] },
-      { f: [[t, s, i], [e, s, i], [e, s, n], [t, s, n]], n: [0, 1, 0] },
-      { f: [[t, o, i], [t, s, i], [t, s, n], [t, o, n]], n: [-1, 0, 0] },
-      { f: [[e, o, i], [e, s, i], [e, s, n], [e, o, n]], n: [1, 0, 0] }
-    ].filter(({ n: r }) => !this.isBackface(r[0], r[1], r[2])).map(({ f: r }) => ({
-      f: r,
-      d: r.reduce((c, d) => c + this.proj(...d).depth, 0) / r.length
-    })).sort((r, c) => r.d - c.d).forEach(({ f: r }) => this.face(r, l, h));
+      { f: [[t, o, s], [e, o, s], [e, i, s], [t, i, s]], n: [0, 0, -1] },
+      { f: [[t, o, n], [e, o, n], [e, i, n], [t, i, n]], n: [0, 0, 1] },
+      { f: [[t, o, s], [e, o, s], [e, o, n], [t, o, n]], n: [0, -1, 0] },
+      { f: [[t, i, s], [e, i, s], [e, i, n], [t, i, n]], n: [0, 1, 0] },
+      { f: [[t, o, s], [t, i, s], [t, i, n], [t, o, n]], n: [-1, 0, 0] },
+      { f: [[e, o, s], [e, i, s], [e, i, n], [e, o, n]], n: [1, 0, 0] }
+    ].filter(({ n: l }) => !this.isBackface(l[0], l[1], l[2])).map(({ f: l }) => ({
+      f: l,
+      d: l.reduce((c, d) => c + this.proj(...d).depth, 0) / l.length
+    })).sort((l, c) => l.d - c.d).forEach(({ f: l }) => this.face(l, r, h));
   }
   drawWalls(t = 1) {
     const e = this.ctx, o = this.opts.wall;
     if (!o.show) return;
-    const s = this.opts.axis.data, i = T.TICKS.vals, n = [
+    const i = this.opts.axis.data, s = C.TICKS.vals, n = [
       {
         // X-Z 面 (底层底面通常认为是 z=0 或 y=0)
         pts: [[0, 0, 0], [1, 0, 0], [1, 0, 1], [0, 0, 1]],
-        color: o.fill.colors.xz || s.x.color,
-        segs: (l) => [[this.proj(l, 0, 0), this.proj(l, 0, 1)], [this.proj(0, 0, l), this.proj(1, 0, l)]],
-        gridColor: s.x.color
+        color: o.fill.colors.xz || i.x.color,
+        segs: (r) => [[this.proj(r, 0, 0), this.proj(r, 0, 1)], [this.proj(0, 0, r), this.proj(1, 0, r)]],
+        gridColor: i.x.color
       },
       {
         // Y-Z 面
         pts: [[0, 0, 0], [0, 1, 0], [0, 1, 1], [0, 0, 1]],
-        color: o.fill.colors.yz || s.y.color,
-        segs: (l) => [[this.proj(0, l, 0), this.proj(0, l, 1)], [this.proj(0, 0, l), this.proj(0, 1, l)]],
-        gridColor: s.y.color
+        color: o.fill.colors.yz || i.y.color,
+        segs: (r) => [[this.proj(0, r, 0), this.proj(0, r, 1)], [this.proj(0, 0, r), this.proj(0, 1, r)]],
+        gridColor: i.y.color
       },
       {
         // X-Y 面
         pts: [[0, 0, 0], [1, 0, 0], [1, 1, 0], [0, 1, 0]],
-        color: o.fill.colors.xy || s.z.color,
-        segs: (l) => [[this.proj(l, 0, 0), this.proj(l, 1, 0)], [this.proj(0, l, 0), this.proj(1, l, 0)]],
-        gridColor: s.z.color
+        color: o.fill.colors.xy || i.z.color,
+        segs: (r) => [[this.proj(r, 0, 0), this.proj(r, 1, 0)], [this.proj(0, r, 0), this.proj(1, r, 0)]],
+        gridColor: i.z.color
       }
     ];
-    o.fill.show && (e.globalAlpha = o.fill.alpha * t, n.forEach((l) => this.face(l.pts, l.color)), e.globalAlpha = t), o.grid.show && (e.lineWidth = o.grid.lineStyle.lineWidth, e.globalAlpha = o.grid.lineStyle.alpha * t, o.grid.lineStyle.type === "dashed" ? e.setLineDash([4, 4]) : o.grid.lineStyle.type === "dotted" ? e.setLineDash([2, 2]) : e.setLineDash([]), n.forEach(({ gridColor: l, segs: h }) => {
-      e.strokeStyle = l, i.forEach((a) => h(a).forEach(([r, c]) => this.line(r, c)));
-    }), e.setLineDash([]), e.globalAlpha = t), o.border.show && (e.lineWidth = o.border.lineStyle.lineWidth, e.globalAlpha = o.border.lineStyle.alpha * t, o.border.lineStyle.type === "dashed" ? e.setLineDash([4, 4]) : o.border.lineStyle.type === "dotted" ? e.setLineDash([2, 2]) : e.setLineDash([]), n.forEach(({ pts: l, gridColor: h }) => {
-      e.strokeStyle = h, l.forEach((a, r) => this.line(this.proj(...a), this.proj(...l[(r + 1) % l.length])));
+    o.fill.show && (e.globalAlpha = o.fill.alpha * t, n.forEach((r) => this.face(r.pts, r.color)), e.globalAlpha = t), o.grid.show && (e.lineWidth = o.grid.lineStyle.lineWidth, e.globalAlpha = o.grid.lineStyle.alpha * t, o.grid.lineStyle.type === "dashed" ? e.setLineDash([4, 4]) : o.grid.lineStyle.type === "dotted" ? e.setLineDash([2, 2]) : e.setLineDash([]), n.forEach(({ gridColor: r, segs: h }) => {
+      e.strokeStyle = r, s.forEach((a) => h(a).forEach(([l, c]) => this.line(l, c)));
+    }), e.setLineDash([]), e.globalAlpha = t), o.border.show && (e.lineWidth = o.border.lineStyle.lineWidth, e.globalAlpha = o.border.lineStyle.alpha * t, o.border.lineStyle.type === "dashed" ? e.setLineDash([4, 4]) : o.border.lineStyle.type === "dotted" ? e.setLineDash([2, 2]) : e.setLineDash([]), n.forEach(({ pts: r, gridColor: h }) => {
+      e.strokeStyle = h, r.forEach((a, l) => this.line(this.proj(...a), this.proj(...r[(l + 1) % r.length])));
     }), e.setLineDash([]), e.globalAlpha = t);
   }
   drawGrid(t = 1) {
     const e = this.ctx;
-    e.globalAlpha = t, e.strokeStyle = this.theme.outerGrid, e.lineWidth = 0.4, T.TICKS.vals.forEach((o) => {
+    e.globalAlpha = t, e.strokeStyle = this.theme.outerGrid, e.lineWidth = 0.4, C.TICKS.vals.forEach((o) => {
       this.line(this.proj(1, o, 0), this.proj(1, o, 1)), this.line(this.proj(1, 0, o), this.proj(1, 1, o));
     });
   }
   drawZones(t) {
-    const e = this.ctx, o = T.ZONE_VIS;
+    const e = this.ctx, o = C.ZONE_VIS;
     [...this.zone].sort(
-      (s, i) => this.proj((s.x0 + s.x1) / 2, (s.y0 + s.y1) / 2, (s.z0 + s.z1) / 2).depth - this.proj((i.x0 + i.x1) / 2, (i.y0 + i.y1) / 2, (i.z0 + i.z1) / 2).depth
-    ).forEach((s) => {
+      (i, s) => this.proj((i.x0 + i.x1) / 2, (i.y0 + i.y1) / 2, (i.z0 + i.z1) / 2).depth - this.proj((s.x0 + s.x1) / 2, (s.y0 + s.y1) / 2, (s.z0 + s.z1) / 2).depth
+    ).forEach((i) => {
       e.globalAlpha = t;
-      const i = s.fillAlpha !== void 0 ? s.fillAlpha : o.fillAlpha;
-      if (this.box(s.x0, s.x1, s.y0, s.y1, s.z0, s.z1, s.fillBase + i + ")", s.edgeStr), t > 0.05) {
+      const s = i.fillAlpha !== void 0 ? i.fillAlpha : o.fillAlpha;
+      if (this.box(i.x0, i.x1, i.y0, i.y1, i.z0, i.z1, i.fillBase + s + ")", i.edgeStr), t > 0.05) {
         e.globalAlpha = t * o.labelAlpha;
-        const n = this.proj((s.x0 + s.x1) / 2, (s.y0 + s.y1) / 2, (s.z0 + s.z1) / 2);
-        e.font = s.labelFontStr || this.getFont("zone"), e.textAlign = "center", e.fillStyle = s.labelColor, e.fillText(s.name, n.x, n.y);
+        const n = this.proj((i.x0 + i.x1) / 2, (i.y0 + i.y1) / 2, (i.z0 + i.z1) / 2);
+        e.font = i.labelFontStr || this.getFont("zone"), e.textAlign = "center", e.fillStyle = i.labelColor, e.fillText(i.name, n.x, n.y);
       }
       e.globalAlpha = t;
     });
@@ -2177,107 +2165,110 @@ class It {
       { from: [0, 0, 0], to: [1.18, 0, 0], lp: [1.22, 0, 0], ...o.data.x },
       { from: [0, 0, 0], to: [0, 1.18, 0], lp: [0, 1.22, 0], ...o.data.y },
       { from: [0, 0, 0], to: [0, 0, 1.22], lp: [0, 0, 1.28], ...o.data.z }
-    ].forEach((s) => {
-      var l;
-      const i = this.proj(...s.from), n = this.proj(...s.to);
-      if (e.beginPath(), e.moveTo(i.x, i.y), e.lineTo(n.x, n.y), e.strokeStyle = s.color, e.lineWidth = o.lineStyle.lineWidth, e.stroke(), o.lineStyle.arrowSize > 0) {
-        const h = n.x - i.x, a = n.y - i.y, r = Math.hypot(h, a) || 1, c = h / r, d = a / r, f = o.lineStyle.arrowSize;
-        e.beginPath(), e.moveTo(n.x, n.y), e.lineTo(n.x - c * f + d * (f / 2.25), n.y - d * f - c * (f / 2.25)), e.lineTo(n.x - c * f - d * (f / 2.25), n.y - d * f + c * (f / 2.25)), e.closePath(), e.fillStyle = s.color, e.fill();
+    ].forEach((i) => {
+      var r;
+      const s = this.proj(...i.from), n = this.proj(...i.to);
+      if (e.beginPath(), e.moveTo(s.x, s.y), e.lineTo(n.x, n.y), e.strokeStyle = i.color, e.lineWidth = o.lineStyle.lineWidth, e.stroke(), o.lineStyle.arrowSize > 0) {
+        const h = n.x - s.x, a = n.y - s.y, l = Math.hypot(h, a) || 1, c = h / l, d = a / l, p = o.lineStyle.arrowSize;
+        e.beginPath(), e.moveTo(n.x, n.y), e.lineTo(n.x - c * p + d * (p / 2.25), n.y - d * p - c * (p / 2.25)), e.lineTo(n.x - c * p - d * (p / 2.25), n.y - d * p + c * (p / 2.25)), e.closePath(), e.fillStyle = i.color, e.fill();
       }
       if (o.labelStyle.show) {
-        const h = n.x - i.x, a = n.y - i.y, r = Math.hypot(h, a) || 1, c = n.x + h / r * o.labelStyle.distance, d = n.y + a / r * o.labelStyle.distance;
-        e.fillStyle = s.color, e.font = `${o.labelStyle.fontWeight} ${o.labelStyle.fontSize}px ${((l = this.opts.textStyle) == null ? void 0 : l.fontFamily) || T.TEXT_STYLE.fontFamily}`, e.textAlign = "center", e.textBaseline = "middle", e.fillText(s.name, c, d);
+        const h = n.x - s.x, a = n.y - s.y, l = Math.hypot(h, a) || 1, c = n.x + h / l * o.labelStyle.distance, d = n.y + a / l * o.labelStyle.distance;
+        e.fillStyle = i.color, e.font = `${o.labelStyle.fontWeight} ${o.labelStyle.fontSize}px ${((r = this.opts.textStyle) == null ? void 0 : r.fontFamily) || C.TEXT_STYLE.fontFamily}`, e.textAlign = "center", e.textBaseline = "middle", e.fillText(i.name, c, d);
       }
     });
   }
   drawTickLabels(t = 1) {
     const e = this.ctx;
     e.globalAlpha = t;
-    const { vals: o, labels: s } = T.TICKS, i = this.theme.tickAlpha;
-    e.font = this.getFont("tick"), o.forEach((n, l) => {
+    const { vals: o, labels: i } = C.TICKS, s = this.theme.tickAlpha;
+    e.font = this.getFont("tick"), o.forEach((n, r) => {
       let h = this.proj(n, 0, 0);
-      e.fillStyle = T.AXES.x.color + i, e.textAlign = "center", e.fillText(s[l], h.x, h.y + 13), h = this.proj(0, n, 0), e.fillStyle = T.AXES.y.color + i, e.textAlign = "left", e.fillText(s[l], h.x + 7, h.y + 4), h = this.proj(0, 0, n), e.fillStyle = T.AXES.z.color + i, e.textAlign = "right", e.fillText(s[l], h.x - 7, h.y + 4);
+      e.fillStyle = C.AXES.x.color + s, e.textAlign = "center", e.fillText(i[r], h.x, h.y + 13), h = this.proj(0, n, 0), e.fillStyle = C.AXES.y.color + s, e.textAlign = "left", e.fillText(i[r], h.x + 7, h.y + 4), h = this.proj(0, 0, n), e.fillStyle = C.AXES.z.color + s, e.textAlign = "right", e.fillText(i[r], h.x - 7, h.y + 4);
     }), e.textAlign = "center";
   }
   drawPoint3D(t, e) {
-    const o = F.realToU(t.position.x), s = F.realToU(t.position.y), i = F.realToU(t.position.z);
-    this.drawPointAt(this.proj(o, s, i), t, e);
+    const o = F.realToU(t.position.x), i = F.realToU(t.position.y), s = F.realToU(t.position.z);
+    this.drawPointAt(this.proj(o, i, s), t, e);
   }
   drawPointAt(t, e, o = 1) {
-    var p, m;
-    const s = this.ctx, i = T.POINT, n = t.x ?? t.cx, l = t.y ?? t.cy, h = ((p = e.itemStyle) == null ? void 0 : p.radius) ?? i.defaultSize, a = ((m = e.itemStyle) == null ? void 0 : m.color) ?? e.color, r = e.name, c = e.textStyle || {}, d = e.glowStyle !== void 0, f = e.glowStyle || {};
-    if (d && f.show !== !1) {
-      let y = [], u = 3, b = f.glowDistance !== void 0 ? f.glowDistance : 4;
-      const w = f.color ?? a;
-      if (Array.isArray(f.colors) && f.colors.length > 0)
-        y = f.colors, u = y.length;
+    var u, S;
+    const i = this.ctx, s = C.POINT, n = t.x ?? t.cx, r = t.y ?? t.cy, h = ((u = e.itemStyle) == null ? void 0 : u.radius) ?? s.defaultSize, a = ((S = e.itemStyle) == null ? void 0 : S.color) ?? e.color, l = e.name, c = e.textStyle || {}, d = e.glowStyle !== void 0, p = e.glowStyle || {};
+    if (d && p.show !== !1) {
+      let g = [], f = 3, y = p.glowDistance !== void 0 ? p.glowDistance : 4;
+      const m = p.color ?? a;
+      if (Array.isArray(p.colors) && p.colors.length > 0)
+        g = p.colors, f = g.length;
       else {
-        const x = f.startColor || _t(w, 0.15), S = f.endColor || "transparent";
-        u = f.count !== void 0 ? parseInt(f.count, 10) : 3, y = [];
-        for (let C = 0; C < u; C++) {
-          const z = u > 1 ? C / (u - 1) : 0;
-          y.push(Ht(x, S, z));
+        const v = p.startColor || mt(m, 0.15), x = p.endColor || "transparent";
+        f = p.count !== void 0 ? parseInt(p.count, 10) : 3, g = [];
+        for (let A = 0; A < f; A++) {
+          const T = f > 1 ? A / (f - 1) : 0;
+          g.push(Bt(v, x, T));
         }
       }
-      for (let x = u - 1; x >= 0; x--) {
-        const S = y[x];
-        s.save(), s.fillStyle = S, s.beginPath(), s.arc(n, l, h + (x + 1) * b, 0, Math.PI * 2), s.fill(), s.restore();
+      for (let v = f - 1; v >= 0; v--) {
+        const x = g[v];
+        i.save(), i.fillStyle = x, i.beginPath(), i.arc(n, r, h + (v + 1) * y, 0, Math.PI * 2), i.fill(), i.restore();
       }
     }
-    s.globalAlpha = o, s.beginPath(), s.arc(n, l, h, 0, Math.PI * 2);
-    const g = s.createRadialGradient(n - h * i.hlOffset, l - h * i.hlOffset, 1, n, l, h);
-    g.addColorStop(0, "rgba(255,255,255,0.9)"), g.addColorStop(0.4, a + "ee"), g.addColorStop(1, a + "88"), s.fillStyle = g, s.fill(), s.strokeStyle = this.theme.pointStroke, s.lineWidth = 1.3, s.stroke(), s.restore(), r && (s.font = c.bold ? `bold ${c.fontSize || 12}px ${c.fontFamily || "sans-serif"}` : `${c.fontSize || 12}px ${c.fontFamily || "sans-serif"}`, s.fillStyle = c.color ?? e.color, s.textAlign = "left", s.fillText(r, n + h + 3, l - 2));
+    i.globalAlpha = o, i.beginPath(), i.arc(n, r, h, 0, Math.PI * 2);
+    const b = i.createRadialGradient(n - h * s.hlOffset, r - h * s.hlOffset, 1, n, r, h);
+    b.addColorStop(0, "rgba(255,255,255,0.9)"), b.addColorStop(0.4, a + "ee"), b.addColorStop(1, a + "88"), i.fillStyle = b, i.fill(), i.strokeStyle = this.theme.pointStroke, i.lineWidth = 1.3, i.stroke(), i.restore(), l && (i.font = c.bold ? `bold ${c.fontSize || 12}px ${c.fontFamily || "sans-serif"}` : `${c.fontSize || 12}px ${c.fontFamily || "sans-serif"}`, i.fillStyle = c.color ?? e.color, i.textAlign = "left", i.fillText(l, n + h + 3, r - 2));
   }
   draw2DOverlay(t, e, o) {
-    var z;
-    const s = T.PLANES[t];
-    if (!s) return;
-    const i = this.ctx, n = this.theme, l = this.opts.plane2D, h = this.opts.axis.data;
-    i.save(), i.globalAlpha = e;
-    let a = this.offsetX, r = this.offsetY, c = this.offsetX + this.renderW, d = this.offsetY + this.renderH;
-    const f = this.opts.grid || {};
-    if (!(f.left !== void 0 || f.right !== void 0 || f.top !== void 0 || f.bottom !== void 0)) {
-      const _ = T.PAD2D || { l: 70, r: 30, t: 50, b: 60 };
-      a = _.l, r = _.t, c = this.W - _.r, d = this.H - _.b;
+    var T;
+    const i = C.PLANES[t];
+    if (!i) return;
+    const s = this.ctx, n = this.theme, r = this.opts.plane2D, h = this.opts.axis.data;
+    s.save(), s.globalAlpha = e;
+    let a = this.offsetX, l = this.offsetY, c = this.offsetX + this.renderW, d = this.offsetY + this.renderH;
+    const p = this.opts.grid || {};
+    if (!(p.left !== void 0 || p.right !== void 0 || p.top !== void 0 || p.bottom !== void 0)) {
+      const _ = C.PAD2D || { l: 70, r: 30, t: 50, b: 60 };
+      a = _.l, l = _.t, c = this.W - _.r, d = this.H - _.b;
     }
-    const p = c - a, m = d - r, y = Math.min(p, m), u = a + p / 2, b = r + m / 2;
-    a = u - y / 2, c = u + y / 2, r = b - y / 2, d = b + y / 2;
-    const { vals: w, labels: x } = T.TICKS, S = (_, A) => ({
+    const u = c - a, S = d - l, g = Math.min(u, S), f = a + u / 2, y = l + S / 2;
+    a = f - g / 2, c = f + g / 2, l = y - g / 2, d = y + g / 2;
+    const { vals: m, labels: v } = C.TICKS, x = (_, M) => ({
       cx: a + _ * (c - a),
-      cy: d - A * (d - r)
-    }), C = this.themeName ?? "dark";
-    if (l.grid.show && (i.fillStyle = l.grid.backgroundColor ?? s.bgColor[C] ?? s.bgColor.dark, i.fillRect(a, r, c - a, d - r)), l.zone.show && this.zone.forEach((_) => {
-      const [A, Y] = [_[s.hAxis + "0"], _[s.hAxis + "1"]], [P, k] = [_[s.vAxis + "0"], _[s.vAxis + "1"]], M = S(A, P), L = S(Y, k), Q = L.cx - M.cx, N = M.cy - L.cy, ot = _.fillAlpha !== void 0 ? _.fillAlpha : l.zone.alpha;
-      i.fillStyle = _.fillBase + ot + ")", i.fillRect(M.cx, L.cy, Q, N), l.zone.borderStyle.show && (i.strokeStyle = _.edgeStr, i.lineWidth = l.zone.borderStyle.lineWidth, i.strokeRect(M.cx, L.cy, Q, N));
-      const Z = (M.cx + L.cx) / 2, tt = (M.cy + L.cy) / 2;
-      i.font = _.labelFontStr || this.getFont("zone"), i.textAlign = "center", i.fillStyle = _.labelColor, i.fillText(_.name, Z, tt + 4);
-    }), l.grid.show && (i.strokeStyle = l.grid.lineStyle.color || n.plane2dGrid, i.lineWidth = l.grid.lineStyle.lineWidth, i.globalAlpha = e * l.grid.lineStyle.alpha, l.grid.lineStyle.type === "dashed" ? i.setLineDash([4, 4]) : l.grid.lineStyle.type === "dotted" ? i.setLineDash([2, 2]) : i.setLineDash([]), w.forEach((_) => {
-      const A = S(_, 0).cx, Y = S(0, _).cy;
-      i.beginPath(), i.moveTo(A, r), i.lineTo(A, d), i.stroke(), i.beginPath(), i.moveTo(a, Y), i.lineTo(c, Y), i.stroke();
-    }), i.setLineDash([]), i.globalAlpha = e), l.axis.show) {
-      const _ = h[s.hAxis].color, A = h[s.vAxis].color;
-      i.lineWidth = l.axis.lineStyle.lineWidth, i.globalAlpha = e * l.axis.lineStyle.alpha, i.strokeStyle = _, i.beginPath(), i.moveTo(a, d), i.lineTo(c + 10, d), i.stroke(), i.strokeStyle = A, i.beginPath(), i.moveTo(a, d), i.lineTo(a, r - 10), i.stroke(), i.globalAlpha = e;
-      const Y = ((z = this.opts.textStyle) == null ? void 0 : z.fontFamily) || T.TEXT_STYLE.fontFamily;
-      if (l.axis.tickLabelStyle.show) {
-        i.font = `${l.axis.tickLabelStyle.fontSize}px ${Y}`;
-        const P = l.axis.tickLabelStyle.distance;
-        w.forEach((k, M) => {
-          i.fillStyle = _, i.textAlign = "center", i.fillText(x[M], S(k, 0).cx, d + P + l.axis.tickLabelStyle.fontSize / 2), i.fillStyle = A, i.textAlign = "right", i.fillText(x[M], a - P + 2, S(0, k).cy + l.axis.tickLabelStyle.fontSize / 3);
+      cy: d - M * (d - l)
+    }), A = this.themeName ?? "dark";
+    if (r.grid.show && (s.fillStyle = r.grid.backgroundColor ?? i.bgColor[A] ?? i.bgColor.dark, s.fillRect(a, l, c - a, d - l)), r.zone.show && this.zone.forEach((_) => {
+      var W;
+      const [M, k] = [_[i.hAxis + "0"], _[i.hAxis + "1"]], [P, E] = [_[i.vAxis + "0"], _[i.vAxis + "1"]], z = x(M, P), D = x(k, E), j = D.cx - z.cx, H = z.cy - D.cy, K = _.fillAlpha !== void 0 ? _.fillAlpha : r.zone.alpha;
+      s.fillStyle = _.fillBase + K + ")", s.fillRect(z.cx, D.cy, j, H), r.zone.borderStyle.show && (s.strokeStyle = _.edgeStr, s.lineWidth = r.zone.borderStyle.width ?? 1.4, s.strokeRect(z.cx, D.cy, j, H));
+      const O = (z.cx + D.cx) / 2, ot = (z.cy + D.cy) / 2;
+      s.font = _.labelFontStr || this.getFont("zone"), s.textAlign = "center", s.fillStyle = _.labelColor;
+      const R = ((W = this.opts.zone) == null ? void 0 : W.labelStyle) || {}, it = typeof R.formatter == "function" ? R.formatter(_) : _.name;
+      s.fillText(it, O, ot + 4);
+    }), r.grid.show && (s.strokeStyle = r.grid.lineStyle.color || n.plane2dGrid, s.lineWidth = r.grid.lineStyle.lineWidth, s.globalAlpha = e * r.grid.lineStyle.alpha, r.grid.lineStyle.type === "dashed" ? s.setLineDash([4, 4]) : r.grid.lineStyle.type === "dotted" ? s.setLineDash([2, 2]) : s.setLineDash([]), m.forEach((_) => {
+      const M = x(_, 0).cx, k = x(0, _).cy;
+      s.beginPath(), s.moveTo(M, l), s.lineTo(M, d), s.stroke(), s.beginPath(), s.moveTo(a, k), s.lineTo(c, k), s.stroke();
+    }), s.setLineDash([]), s.globalAlpha = e), r.axis.show) {
+      const _ = h[i.hAxis].color, M = h[i.vAxis].color;
+      s.lineWidth = r.axis.lineStyle.lineWidth, s.globalAlpha = e * r.axis.lineStyle.alpha, s.strokeStyle = _, s.beginPath(), s.moveTo(a, d), s.lineTo(c + 10, d), s.stroke(), s.strokeStyle = M, s.beginPath(), s.moveTo(a, d), s.lineTo(a, l - 10), s.stroke(), s.globalAlpha = e;
+      const k = ((T = this.opts.textStyle) == null ? void 0 : T.fontFamily) || C.TEXT_STYLE.fontFamily;
+      if (r.axis.tickLabelStyle.show) {
+        s.font = `${r.axis.tickLabelStyle.fontSize}px ${k}`;
+        const P = r.axis.tickLabelStyle.distance;
+        m.forEach((E, z) => {
+          s.fillStyle = _, s.textAlign = "center", s.fillText(v[z], x(E, 0).cx, d + P + r.axis.tickLabelStyle.fontSize / 2), s.fillStyle = M, s.textAlign = "right", s.fillText(v[z], a - P + 2, x(0, E).cy + r.axis.tickLabelStyle.fontSize / 3);
         });
       }
-      if (l.axis.labelStyle.show) {
-        i.font = `bold ${l.axis.labelStyle.fontSize}px ${Y}`;
-        const P = l.axis.labelStyle.distance;
-        i.textAlign = "center", i.fillStyle = _, i.fillText(h[s.hAxis].name, (a + c) / 2, d + P + l.axis.labelStyle.fontSize), i.save(), i.translate(a - P - l.axis.labelStyle.fontSize, (r + d) / 2), i.rotate(-Math.PI / 2), i.fillStyle = A, i.fillText(h[s.vAxis].name, 0, 0), i.restore();
+      if (r.axis.labelStyle.show) {
+        s.font = `bold ${r.axis.labelStyle.fontSize}px ${k}`;
+        const P = r.axis.labelStyle.distance;
+        s.textAlign = "center", s.fillStyle = _, s.fillText(h[i.hAxis].name, (a + c) / 2, d + P + r.axis.labelStyle.fontSize), s.save(), s.translate(a - P - r.axis.labelStyle.fontSize, (l + d) / 2), s.rotate(-Math.PI / 2), s.fillStyle = M, s.fillText(h[i.vAxis].name, 0, 0), s.restore();
       }
     }
     o.forEach((_) => {
-      const A = S(F.realToU(_.position[s.hAxis]), F.realToU(_.position[s.vAxis]));
-      this.drawPointAt(A, _, e);
-    }), i.restore();
+      const M = x(F.realToU(_.position[i.hAxis]), F.realToU(_.position[i.vAxis]));
+      this.drawPointAt(M, _, e);
+    }), s.restore();
   }
 }
-const it = class it {
+const rt = class rt {
   /**
    * 构造函数
    * @param {string|HTMLElement} container 容器选择器或元素
@@ -2286,15 +2277,16 @@ const it = class it {
    * @param {string} opts.theme 初始主题 ('dark' | 'light')
    */
   constructor(t, e = {}) {
-    this.series = [], this.opts = e, this.cam = {
-      rotX: T.CAM.elev,
-      rotY: T.CAM.yaw,
+    if (this.series = [], this.opts = e, this.cam = {
+      rotX: C.CAM.elev,
+      rotY: C.CAM.yaw,
       zoomFactor: 1
     }, this.view = e.initialView ?? "3d", this.layout = e.layout ?? "fill", this.drag = { active: !1, lastX: 0, lastY: 0 }, this.tween = {
       from: { rotX: 0, rotY: 0 },
       to: { rotX: 0, rotY: 0 },
       t: 1
-    }, this.animId = null, this.pinchDist = null, this.events = { viewChange: null, dataChange: null }, t = typeof t == "string" ? document.querySelector(t) : t, t && this.buildDOM(t), this.renderer = new It(this.ctx, this.W, this.H, e), this.bindEvents(), this.applyView(), this.render();
+    }, this.animId = null, this.pinchDist = null, this._bus = new pt(), t = typeof t == "string" ? document.querySelector(t) : t, !t) throw new Error("ThreeRatioChart: container not found");
+    this.buildDOM(t), this.renderer = new jt(this.ctx, this.W, this.H, e), this.bindEvents(), this.applyView(), this.render();
   }
   /**
    * 设置图表配置（主要用于更新数据或视角）
@@ -2316,29 +2308,32 @@ const it = class it {
         const e = Array.isArray(t.series) ? t.series : [t.series];
         this.series = e.map((o) => ({
           name: o.name ?? "",
-          color: o.color ?? T.POINT.defaultColor,
+          color: o.color ?? C.POINT.defaultColor,
           itemStyle: o.itemStyle ?? {},
           textStyle: o.textStyle ?? {},
           glowStyle: o.glowStyle,
           position: o.position ?? { x: 0, y: 0, z: 0 }
         })), this.emit("dataChange", [...this.series]), this.render();
       }
-      t.view && t.view !== this.view && this.setView(t.view);
+      return t.view && t.view !== this.view && this.setView(t.view), this;
     }
   }
+  setSeries(t) {
+    return this.setOption({ series: t });
+  }
   /**
    * 切换视图角度（包含平滑补间动画）
    * @param {string} v 视图 ID
    */
   setView(t) {
-    if (!it.VIEWS[t]) return;
+    if (!rt.VIEWS[t]) return;
     this.view = t, cancelAnimationFrame(this.animId);
     const e = this.getViewTarget(t);
     this.tween = {
       from: { rotX: this.cam.rotX, rotY: this.cam.rotY },
       to: e,
       t: 0
-    }, this.cv.style.cursor = t === "3d" ? "grab" : "default", this.runTween(), this.emit("viewChange", t);
+    }, this.cv.style.cursor = t === "3d" ? "grab" : "default", this.runTween(), this._bus.emit("viewChange", t);
   }
   /** 切换主题渲染 */
   setTheme(t) {
@@ -2349,26 +2344,45 @@ const it = class it {
    * @returns {Array} 匹配到的诊断区域信息数组
    */
   diagnose(t, e, o) {
-    if (!this.renderer) return [{ ...this.opts.unknown ?? T.UNKNOWN }];
-    const s = this.renderer.zone.filter((i) => t >= i.p1[0] && t < i.p2[0] && e >= i.p1[1] && e < i.p2[1] && o >= i.p1[2] && o < i.p2[2]).map((i) => ({ name: i.name, title: i.title, color: i.edgeColor || i.fill }));
-    return s.length ? s : [{ ...this.opts.unknown ?? T.UNKNOWN }];
+    if (!this.renderer) return [{ ...this.opts.unknown ?? C.UNKNOWN }];
+    const i = this.renderer.zone.filter((s) => {
+      if (!s.coordinates || s.coordinates.length < 2) return !1;
+      const n = s.coordinates[0], r = s.coordinates[1];
+      return t >= n[0] && t < r[0] && e >= n[1] && e < r[1] && o >= n[2] && o < r[2];
+    }).map((s) => ({ name: s.name, title: s.title, color: s.color || "#fff" }));
+    return i.length ? i : [{ ...this.opts.unknown ?? C.UNKNOWN }];
   }
   on(t, e) {
-    t in this.events && (this.events[t] = e);
+    return this._bus.on(t, e), this;
+  }
+  off(t, e) {
+    return this._bus.off(t, e), this;
   }
   emit(t, ...e) {
-    typeof this.events[t] == "function" && this.events[t](...e);
+    this._bus.emit(t, ...e);
   }
   render() {
-    !this.renderer || !this.ctx || this.renderer.draw(this.cam, this.series, this.view, this.flatness());
+    if (!this.renderer || !this.ctx) return;
+    this.renderer.draw(this.cam, this.series, this.view, this.flatness());
+    const t = [];
+    this.series.forEach((e) => {
+      if (e.position) {
+        const o = this.diagnose(e.position.x, e.position.y, e.position.z);
+        t.push({
+          series: e,
+          zone: o.length ? o[0] : null,
+          position: e.position
+        });
+      }
+    }), t.length > 0 && this._bus.emit("diagnose", t);
   }
   dispose() {
-    var t, e;
-    cancelAnimationFrame(this.animId), (t = this.resizeObs) == null || t.disconnect(), (e = this.cv) == null || e.remove(), window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("mouseup", this.onMouseUp);
+    var t, e, o;
+    cancelAnimationFrame(this.animId), (t = this.resizeObs) == null || t.disconnect(), (e = this.cv) == null || e.remove(), window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("mouseup", this.onMouseUp), (o = this._bus) == null || o.dispose();
   }
   // 内部方法
   getViewTarget(t) {
-    const e = it.VIEWS[t];
+    const e = rt.VIEWS[t];
     return {
       rotX: typeof e.rotX == "function" ? e.rotX() : e.rotX,
       rotY: typeof e.rotY == "function" ? e.rotY() : e.rotY
@@ -2386,20 +2400,23 @@ const it = class it {
     return Math.max(0, 1 - (Math.abs(this.cam.rotX - t.rotX) + Math.abs(this.cam.rotY - t.rotY)) / 30);
   }
   runTween() {
-    this.tween.t = Math.min(1, this.tween.t + T.TWEEN.step);
+    this.tween.t = Math.min(1, this.tween.t + C.TWEEN.step);
     const t = ((e) => e < 0.5 ? 2 * e * e : 1 - Math.pow(-2 * e + 2, 2) / 2)(this.tween.t);
     this.cam.rotX = this.tween.from.rotX + (this.tween.to.rotX - this.tween.from.rotX) * t, this.cam.rotY = this.tween.from.rotY + (this.tween.to.rotY - this.tween.from.rotY) * t, this.render(), this.tween.t < 1 && (this.animId = requestAnimationFrame(() => this.runTween()));
   }
   buildDOM(t) {
-    const e = t.getBoundingClientRect();
-    this.W = e.width > 0 ? Math.round(e.width) : 600, this.H = e.height > 0 ? Math.round(e.height) : 540, this.cv = document.createElement("canvas"), this.cv.className = "trc-canvas", this.cv.width = this.W, this.cv.height = this.H, this.cv.style.cssText = "width:100%;height:100%;display:block;touch-action:none;", this.ctx = this.cv.getContext("2d"), t.appendChild(this.cv), this.resizeObs = new ResizeObserver((o) => {
-      var n;
-      const { width: s, height: i } = o[0].contentRect;
-      s > 0 && i > 0 && (this.W = Math.round(s), this.H = Math.round(i), this.cv.width = this.W, this.cv.height = this.H, (n = this.renderer) == null || n.resize(this.W, this.H), this.render());
+    const e = window.devicePixelRatio || 1, o = t.getBoundingClientRect();
+    this.W = o.width > 0 ? Math.round(o.width) : 600, this.H = o.height > 0 ? Math.round(o.height) : 540, this.cv = document.createElement("canvas"), this.cv.className = "trc-canvas", this.cv.width = this.W * e, this.cv.height = this.H * e, this.cv.style.cssText = "width:100%;height:100%;display:block;touch-action:none;", this.ctx = this.cv.getContext("2d"), t.appendChild(this.cv), this.resizeObs = new ResizeObserver((i) => {
+      var r;
+      const { width: s, height: n } = i[0].contentRect;
+      if (s > 0 && n > 0) {
+        const h = window.devicePixelRatio || 1;
+        this.W = Math.round(s), this.H = Math.round(n), this.cv.width = this.W * h, this.cv.height = this.H * h, (r = this.renderer) == null || r.resize(this.W, this.H), this.render();
+      }
     }), this.resizeObs.observe(t);
   }
   bindEvents() {
-    const t = T.DRAG, e = this.cv;
+    const t = C.DRAG, e = this.cv;
     e.addEventListener("mousedown", (o) => {
       this.view === "3d" && (this.drag = { active: !0, lastX: o.clientX, lastY: o.clientY }, e.style.cursor = "grabbing", cancelAnimationFrame(this.animId));
     }), this.onMouseMove = (o) => {
@@ -2427,14 +2444,14 @@ const it = class it {
       (o) => {
         if (this.view === "3d")
           if (o.touches.length === 2 && this.pinchDist !== null) {
-            const s = Math.hypot(
+            const i = Math.hypot(
               o.touches[0].clientX - o.touches[1].clientX,
               o.touches[0].clientY - o.touches[1].clientY
             );
             this.cam.zoomFactor = Math.max(
               t.zoomMin,
-              Math.min(t.zoomMax, this.cam.zoomFactor * s / this.pinchDist)
-            ), this.pinchDist = s, this.render();
+              Math.min(t.zoomMax, this.cam.zoomFactor * i / this.pinchDist)
+            ), this.pinchDist = i, this.render();
           } else this.drag.active && o.touches.length === 1 && (this.cam.rotY += (o.touches[0].clientX - this.drag.lastX) * t.rotYSens, this.cam.rotX = Math.max(
             t.rotXMin,
             Math.min(t.rotXMax, this.cam.rotX + (o.touches[0].clientY - this.drag.lastY) * t.rotXSens)
@@ -2459,20 +2476,20 @@ const it = class it {
     );
   }
 };
-K(it, "VIEWS", {
-  "3d": { rotX: () => T.CAM.elev, rotY: () => T.CAM.yaw },
+J(rt, "VIEWS", {
+  "3d": { rotX: () => C.CAM.elev, rotY: () => C.CAM.yaw },
   xz: { rotX: 0, rotY: 0 },
   yz: { rotX: 0, rotY: 90 },
   xy: { rotX: 90, rotY: 0 }
 });
-let xt = it;
-function ht(v) {
-  const t = v.trim().toLowerCase();
+let Mt = rt;
+function ut(w) {
+  const t = w.trim().toLowerCase();
   if (t.startsWith("#")) {
     let o = t.slice(1);
     o.length === 3 && (o = o[0] + o[0] + o[1] + o[1] + o[2] + o[2]);
-    const s = parseInt(o.substring(0, 2), 16), i = parseInt(o.substring(2, 4), 16), n = parseInt(o.substring(4, 6), 16), l = o.length === 8 ? parseInt(o.substring(6, 8), 16) / 255 : 1;
-    return [s, i, n, l];
+    const i = parseInt(o.substring(0, 2), 16), s = parseInt(o.substring(2, 4), 16), n = parseInt(o.substring(4, 6), 16), r = o.length === 8 ? parseInt(o.substring(6, 8), 16) / 255 : 1;
+    return [i, s, n, r];
   }
   const e = t.match(/rgba?\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\)/);
   return e ? [
@@ -2482,15 +2499,22 @@ function ht(v) {
     e[4] !== void 0 ? parseFloat(e[4]) : 1
   ] : t === "transparent" ? [0, 0, 0, 0] : [255, 255, 255, 1];
 }
-function _t(v, t) {
-  const [e, o, s, i] = ht(v);
-  return `rgba(${e},${o},${s},${t !== void 0 ? t : i})`;
+function mt(w, t) {
+  const [e, o, i, s] = ut(w);
+  return `rgba(${e},${o},${i},${t !== void 0 ? t : s})`;
+}
+function Bt(w, t, e) {
+  const [o, i, s, n] = ut(w), [r, h, a, l] = ut(t), c = Math.round(o + (r - o) * e), d = Math.round(i + (h - i) * e), p = Math.round(s + (a - s) * e), b = n + (l - n) * e;
+  return `rgba(${c},${d},${p},${b})`;
 }
-function Ht(v, t, e) {
-  const [o, s, i, n] = ht(v), [l, h, a, r] = ht(t), c = Math.round(o + (l - o) * e), d = Math.round(s + (h - s) * e), f = Math.round(i + (a - i) * e), g = n + (r - n) * e;
-  return `rgba(${c},${d},${f},${g})`;
+function Dt(w, t) {
+  return w ? w.startsWith("#") ? wt(w, t) : w.startsWith("rgb") ? w.replace(/rgb(a)?\(([^)]+)\)/, (e, o, i) => {
+    const s = i.split(","), n = s[0].trim(), r = s[1].trim(), h = s[2].trim();
+    return `rgba(${n},${r},${h},${t})`;
+  }) : w : `rgba(0,0,0,${t})`;
 }
-const jt = {
+const Zt = {
+  colors: Q,
   theme: "light",
   backgroundColor: "transparent",
   grid: {
@@ -2502,7 +2526,8 @@ const jt = {
     majorLineStyle: { type: "solid", width: 0.8, color: null }
   },
   zone: {
-    data: Wt,
+    data: Ft,
+    alpha: 0.75,
     labelStyle: { show: !0, fontSize: 12, borderRadius: 4 },
     borderStyle: { show: !0, stroke: 1, type: "solid", color: null }
   },
@@ -2510,8 +2535,8 @@ const jt = {
     title: "",
     min: -2,
     max: 3,
-    // log10 range
-    labelStyle: { fontSize: 11, fontWeight: "normal", offsetX: 0, offsetY: 0, color: null },
+    // 以10为底的对数范围 (例如 -2 表示 10^-2 = 0.01)
+    labelStyle: { fontSize: 11, fontWeight: "normal", offsetX: 0, offsetY: 0, color: null, scientific: !0, formatter: null },
     lineStyle: { show: !0, stroke: 1.5, type: "solid", color: null },
     titleStyle: { fontSize: 13, color: null, fontWeight: "normal", align: "center", offsetX: 0, offsetY: 0 }
   },
@@ -2519,14 +2544,14 @@ const jt = {
     title: "",
     min: -3,
     max: 3,
-    // log10 range
-    labelStyle: { fontSize: 11, fontWeight: "normal", offsetX: 0, offsetY: 0, color: null },
+    // 以10为底的对数范围
+    labelStyle: { fontSize: 11, fontWeight: "normal", offsetX: 0, offsetY: 0, color: null, scientific: !0, formatter: null },
     lineStyle: { show: !0, stroke: 1.5, type: "solid", color: null },
     titleStyle: { fontSize: 13, color: null, fontWeight: "normal", align: "center", offsetX: 0, offsetY: 0 }
   },
   tooltip: { show: !0, formatter: null },
   series: []
-}, Ct = {
+}, Et = {
   light: {
     backgroundColor: "#ffffff",
     text: "#333333",
@@ -2554,35 +2579,36 @@ const jt = {
     tooltipTextColor: "rgba(255,255,255,0.9)"
   }
 };
-function Tt(v) {
-  const t = Math.round(v);
+function Lt(w) {
+  const t = Math.round(w);
   return "10" + String(t).split("").map(
     (o) => ({ "-": "⁻", 0: "⁰", 1: "¹", 2: "²", 3: "³", 4: "⁴", 5: "⁵", 6: "⁶", 7: "⁷", 8: "⁸", 9: "⁹" })[o] || o
   ).join("");
 }
-class zt {
+class Pt {
+  /** 构造函数，初始化容器、合并配置并绑定事件 */
   constructor(t, e = {}) {
     if (typeof t == "string" && (t = document.querySelector(t)), !t) throw new Error("[ETRAChart] Container element not found");
-    this._container = t, this._opt = E(E({}, jt), e), this._bus = new At(), this._initDOM(), this._zoom = new ut(this._opt.zoom || {}), this._tooltipRenderer = new yt(this._container, this._theme), this._hoverZone = null, this._hoverPoint = null, typeof ResizeObserver < "u" && (this._ro = new ResizeObserver(() => this.resize()), this._ro.observe(this._container)), this._onWheel = (s) => {
-      s.preventDefault();
-      const i = this._canvas.getBoundingClientRect(), n = s.clientX - i.left, l = s.clientY - i.top;
-      this._zoom.onWheel(s.deltaY, n, l), this._bus.emit("zoom", this._zoom.state), this._render();
-    }, this._onDown = (s) => {
-      s.button === 0 && (this._zoom.startDrag(s.clientX, s.clientY), this._canvas.style.cursor = "grabbing");
-    }, this._onMove = (s) => {
-      const i = this._canvas.getBoundingClientRect();
-      if (this._zoom.moveDrag(s.clientX, s.clientY, 1)) {
+    this._container = t, this._opt = X(X({}, Zt), e), this._bus = new pt(), this._initDOM(), this._zoom = new St(this._opt.zoom || {}), this._tooltipRenderer = new vt(this._container, this._theme), this._hoverZone = null, this._hoverPoint = null, typeof ResizeObserver < "u" && (this._ro = new ResizeObserver(() => this.resize()), this._ro.observe(this._container)), this._onWheel = (i) => {
+      i.preventDefault();
+      const s = this._canvas.getBoundingClientRect(), n = i.clientX - s.left, r = i.clientY - s.top;
+      this._zoom.onWheel(i.deltaY, n, r), this._bus.emit("zoom", this._zoom.state), this._render();
+    }, this._onDown = (i) => {
+      i.button === 0 && (this._zoom.startDrag(i.clientX, i.clientY), this._canvas.style.cursor = "grabbing");
+    }, this._onMove = (i) => {
+      const s = this._canvas.getBoundingClientRect();
+      if (this._zoom.moveDrag(i.clientX, i.clientY, 1)) {
         this._render();
         return;
       }
       if (!this._coordMap || !this._drawnPoints) return;
-      const n = s.clientX - i.left, l = s.clientY - i.top, { panX: h, panY: a, zoom: r } = this._zoom, c = (n - h) / r, d = (l - a) / r;
-      let f = null, g = 1 / 0;
-      for (const p of this._drawnPoints) {
-        const m = Math.hypot(c - p.px, d - p.py), y = p.series.size || 6;
-        m < y * 2 + 5 && m < g && (g = m, f = p);
+      const n = i.clientX - s.left, r = i.clientY - s.top, { panX: h, panY: a, zoom: l } = this._zoom, c = (n - h) / l, d = (r - a) / l;
+      let p = null, b = 1 / 0;
+      for (const u of this._drawnPoints) {
+        const S = Math.hypot(c - u.px, d - u.py), g = u.series.size || 6;
+        S < g * 2 + 5 && S < b && (b = S, p = u);
       }
-      f !== this._hoverPoint && (this._hoverPoint = f, this._render(), f ? (this._canvas.style.cursor = "pointer", this._bus.emit("hover", f)) : (this._canvas.style.cursor = "default", this._bus.emit("hover", null)));
+      p !== this._hoverPoint && (this._hoverPoint = p, this._render(), p ? (this._canvas.style.cursor = "pointer", this._bus.emit("hover", p)) : (this._canvas.style.cursor = "default", this._bus.emit("hover", null)));
     }, this._onUp = () => {
       this._zoom.endDrag() && (this._canvas.style.cursor = this._hoverPoint ? "pointer" : "default", this._bus.emit("zoom", this._zoom.state));
     }, this._onLeave = () => {
@@ -2593,198 +2619,247 @@ class zt {
     const o = this._canvas;
     o.addEventListener("wheel", this._onWheel, { passive: !1 }), o.addEventListener("mousedown", this._onDown), o.addEventListener("mousemove", this._onMove), o.addEventListener("mouseleave", this._onLeave), o.addEventListener("dblclick", this._onDbl), window.addEventListener("mouseup", this._onUp), this._render();
   }
+  /** 静态工厂方法，快速初始化图表实例 */
   static init(t, e) {
-    return new zt(t, e);
+    return new Pt(t, e);
   }
+  /** 获取当前匹配的主题配置 */
   get _theme() {
-    return Ct[this._opt.theme] || Ct.light;
+    return Et[this._opt.theme] || Et.light;
   }
+  /** 初始化 DOM 结构，创建内部 Canvas 画布 */
   _initDOM() {
     this._container.style.position = "relative", this._container.style.overflow = "hidden", this._canvas = document.createElement("canvas"), this._canvas.style.display = "block", this._canvas.style.width = "100%", this._canvas.style.height = "100%", this._container.appendChild(this._canvas), this._ctx = this._canvas.getContext("2d");
   }
+  /** 设置或更新图表配置项，并触发重绘 */
   setOption(t) {
-    return this._opt = E(this._opt, t), this._render(), this;
+    return this._opt = X(this._opt, t), t.series !== void 0 && (this._opt.series = Array.isArray(t.series) ? t.series : [t.series]), this._coordMap = null, this._canvas && this._canvas.width > 0 && this._render(), this;
+  }
+  /** 单独更新数据系列并重绘 */
+  setSeries(t) {
+    return this._opt.series = Array.isArray(t) ? t : [t], this._render(), this;
+  }
+  /**
+   * 诊断指定的坐标数据，返回命中的区域
+   * @param {number} x - 原始或对数 X 坐标 (取决于实际的 logScale 配置)
+   * @param {number} y - 原始或对数 Y 坐标
+   * @returns {object|null} - 命中的故障区域对象
+   */
+  diagnose(t, e) {
+    if (!this._opt.zone || !this._opt.zone.data) return null;
+    for (const o of this._opt.zone.data)
+      if (o.coordinates && ct(t, e, o.coordinates))
+        return o;
+    return null;
   }
+  /** 绑定事件监听器 (如 hover, zoom, diagnose) */
   on(t, e) {
     return this._bus.on(t, e), this;
   }
+  /** 移除指定的事件监听器 */
   off(t, e) {
     return this._bus.off(t, e), this;
   }
+  /** 强制触发图表尺寸重新计算并重绘 */
   resize() {
     return this._render(), this;
   }
+  /** 销毁图表实例，解绑事件清理 DOM 和内存 */
   dispose() {
     this._ro && this._ro.disconnect(), this._tooltipRenderer.dispose(), this._canvas && this._canvas.parentNode && this._canvas.parentNode.removeChild(this._canvas), this._bus.dispose(), window.removeEventListener("mouseup", this._onUp);
   }
+  /** 计算当前画布物理尺寸和图表可用绘图网格范围 */
   _dims() {
-    const t = this._container.getBoundingClientRect(), e = t.width || 600, o = t.height || 400, s = window.devicePixelRatio || 1;
-    (this._canvas.width !== Math.round(e * s) || this._canvas.height !== Math.round(o * s)) && (this._canvas.width = Math.round(e * s), this._canvas.height = Math.round(o * s));
-    const i = ct(e, o, this._opt.grid, 0);
-    return { W: e, H: o, box: i, dpr: s };
+    const t = this._container.getBoundingClientRect(), e = t.width || 600, o = t.height || 400, i = window.devicePixelRatio || 1;
+    (this._canvas.width !== Math.round(e * i) || this._canvas.height !== Math.round(o * i)) && (this._canvas.width = Math.round(e * i), this._canvas.height = Math.round(o * i));
+    const s = gt(e, o, this._opt.grid, 0);
+    return { W: e, H: o, box: s, dpr: i };
   }
+  /** 核心主渲染流程 */
   _render() {
-    const { W: t, H: e, box: o, dpr: s } = this._dims(), i = this._ctx;
-    if (!i) return;
-    const n = this._theme, l = this._opt;
-    i.setTransform(s, 0, 0, s, 0, 0), i.clearRect(0, 0, t, e);
-    const h = l.backgroundColor || n.backgroundColor || "transparent";
-    h !== "transparent" && (i.fillStyle = h, i.fillRect(0, 0, t, e));
-    const a = l.xAxis.min, r = l.xAxis.max, c = l.yAxis.min, d = l.yAxis.max, f = o.availW, g = o.availH, p = o.left, m = o.top, y = (w) => p + (w - a) / (r - a) * f, u = (w) => m + (d - w) / (d - c) * g;
-    this._coordMap = { xMin: a, xMax: r, yMin: c, yMax: d, plotW: f, plotH: g, gL: p, gT: m, toPixX: y, toPixY: u }, i.save(), this._zoom.applyTransform(i), this._drawGrid(i, y, u, n, l), this._drawZones(i, y, u, n, l);
-    const b = this._drawSeries(i, y, u, n, l);
-    if (this._drawAxes(i, y, u, n, l, t, e, p, m, f, g), i.restore(), l.tooltip.show && this._hoverPoint) {
-      const w = this._hoverPoint, x = y(w.logX) * this._zoom.zoom + this._zoom.panX, S = u(w.logY) * this._zoom.zoom + this._zoom.panY;
-      let C = "";
-      typeof l.tooltip.formatter == "function" ? C = l.tooltip.formatter({
-        series: w.series,
-        logX: w.logX,
-        logY: w.logY,
-        rawX: Math.pow(10, w.logX),
-        rawY: Math.pow(10, w.logY),
-        zone: w.zone
-      }) : C = this._defaultTooltipHTML(w, l), this._tooltipRenderer.show(C, x, S, l.tooltip, n, w.zone);
+    const { W: t, H: e, box: o, dpr: i } = this._dims(), s = this._ctx;
+    if (!s) return;
+    const n = this._theme, r = this._opt;
+    s.setTransform(i, 0, 0, i, 0, 0), s.clearRect(0, 0, t, e);
+    const h = r.backgroundColor || n.backgroundColor || "transparent";
+    h !== "transparent" && (s.fillStyle = h, s.fillRect(0, 0, t, e));
+    const a = r.xAxis.min, l = r.xAxis.max, c = r.yAxis.min, d = r.yAxis.max, p = o.availW, b = o.availH, u = o.left, S = o.top, g = (m) => u + (m - a) / (l - a) * p, f = (m) => S + (d - m) / (d - c) * b;
+    this._coordMap = { xMin: a, xMax: l, yMin: c, yMax: d, plotW: p, plotH: b, gL: u, gT: S, toPixX: g, toPixY: f }, s.save(), this._zoom.applyTransform(s), this._drawGrid(s, g, f, n, r), this._drawZones(s, g, f, n, r);
+    const y = this._drawSeries(s, g, f, n, r);
+    if (this._drawAxes(s, g, f, n, r, t, e, u, S, p, b), s.restore(), r.tooltip.show && this._hoverPoint) {
+      const m = this._hoverPoint, v = g(m.logX) * this._zoom.zoom + this._zoom.panX, x = f(m.logY) * this._zoom.zoom + this._zoom.panY;
+      let A = "";
+      typeof r.tooltip.formatter == "function" ? A = r.tooltip.formatter({
+        series: m.series,
+        logX: m.logX,
+        logY: m.logY,
+        rawX: Math.pow(10, m.logX),
+        rawY: Math.pow(10, m.logY),
+        zone: m.zone
+      }) : A = this._defaultTooltipHTML(m, r), this._tooltipRenderer.show(A, v, x, r.tooltip, n, m.zone);
     } else
       this._tooltipRenderer.hide();
-    b.length > 0 && this._bus.emit("diagnose", b);
-  }
-  _drawGrid(t, e, o, s, i) {
-    const n = i.xAxis.min, l = i.xAxis.max, h = i.yAxis.min, a = i.yAxis.max, r = this._coordMap.gL, c = this._coordMap.gT, d = this._coordMap.plotW, f = this._coordMap.plotH, g = i.grid.lineStyle || {}, p = g.color || s.gridLineMajor, m = s.gridLine;
-    for (let y = Math.ceil(n); y <= Math.floor(l); y++) {
-      const u = e(y);
-      t.beginPath(), t.moveTo(u, c), t.lineTo(u, c + f), t.strokeStyle = p, t.lineWidth = g.width || 0.4, g.type === "dashed" ? t.setLineDash([4, 3]) : t.setLineDash([]), t.stroke(), t.setLineDash([]), t.strokeStyle = m, t.lineWidth = 0.25;
-      for (let b = 2; b <= 9; b++) {
-        const w = y + Math.log10(b);
-        if (w > l) break;
-        const x = e(w);
-        t.beginPath(), t.moveTo(x, c), t.lineTo(x, c + f), t.stroke();
+    y.length > 0 && this._bus.emit("diagnose", y);
+  }
+  /** 绘制背景对数网格（主网格和次级网格） */
+  _drawGrid(t, e, o, i, s) {
+    const n = s.xAxis.min, r = s.xAxis.max, h = s.yAxis.min, a = s.yAxis.max, l = this._coordMap.gL, c = this._coordMap.gT, d = this._coordMap.plotW, p = this._coordMap.plotH, b = s.grid.lineStyle || {}, u = b.color || i.gridLineMajor, S = i.gridLine;
+    for (let g = Math.ceil(n); g <= Math.floor(r); g++) {
+      const f = e(g);
+      t.beginPath(), t.moveTo(f, c), t.lineTo(f, c + p), t.strokeStyle = u, t.lineWidth = b.width || 0.4, b.type === "dashed" ? t.setLineDash([4, 3]) : t.setLineDash([]), t.stroke(), t.setLineDash([]), t.strokeStyle = S, t.lineWidth = 0.25;
+      for (let y = 2; y <= 9; y++) {
+        const m = g + Math.log10(y);
+        if (m > r) break;
+        const v = e(m);
+        t.beginPath(), t.moveTo(v, c), t.lineTo(v, c + p), t.stroke();
       }
     }
-    for (let y = Math.ceil(h); y <= Math.floor(a); y++) {
-      const u = o(y);
-      t.beginPath(), t.moveTo(r, u), t.lineTo(r + d, u), t.strokeStyle = p, t.lineWidth = g.width || 0.4, g.type === "dashed" ? t.setLineDash([4, 3]) : t.setLineDash([]), t.stroke(), t.setLineDash([]), t.strokeStyle = m, t.lineWidth = 0.25;
-      for (let b = 2; b <= 9; b++) {
-        const w = y + Math.log10(b);
-        if (w > a) break;
-        const x = o(w);
-        t.beginPath(), t.moveTo(r, x), t.lineTo(r + d, x), t.stroke();
+    for (let g = Math.ceil(h); g <= Math.floor(a); g++) {
+      const f = o(g);
+      t.beginPath(), t.moveTo(l, f), t.lineTo(l + d, f), t.strokeStyle = u, t.lineWidth = b.width || 0.4, b.type === "dashed" ? t.setLineDash([4, 3]) : t.setLineDash([]), t.stroke(), t.setLineDash([]), t.strokeStyle = S, t.lineWidth = 0.25;
+      for (let y = 2; y <= 9; y++) {
+        const m = g + Math.log10(y);
+        if (m > a) break;
+        const v = o(m);
+        t.beginPath(), t.moveTo(l, v), t.lineTo(l + d, v), t.stroke();
       }
     }
   }
-  _drawZones(t, e, o, s, i) {
-    const n = i.zone;
-    if (!(!n || !n.data)) {
-      for (const l of n.data)
-        if (!(!l.poly || l.poly.length < 3) && (t.beginPath(), l.poly.forEach((h, a) => {
-          const r = e(h[0]), c = o(h[1]);
-          a === 0 ? t.moveTo(r, c) : t.lineTo(r, c);
-        }), t.closePath(), t.fillStyle = l.color || "rgba(128,128,128,0.2)", t.fill(), n.borderStyle.show && (t.strokeStyle = n.borderStyle.color || l.color || s.zoneBorder, t.lineWidth = n.borderStyle.stroke || 1, n.borderStyle.type === "dashed" ? t.setLineDash([5, 3]) : t.setLineDash([]), t.stroke(), t.setLineDash([])), n.labelStyle.show && (l.title || l.name))) {
-          let h = 0, a = 0;
-          l.poly.forEach((b) => {
-            h += e(b[0]), a += o(b[1]);
-          });
-          const r = h / l.poly.length, c = a / l.poly.length, d = this._coordMap.gL, f = this._coordMap.gT, g = this._coordMap.plotW, p = this._coordMap.plotH, m = Math.max(d + 4, Math.min(d + g - 4, r)), y = Math.max(f + 4, Math.min(f + p - 4, c)), u = n.labelStyle.fontSize || 12;
-          if (t.textAlign = "center", t.textBaseline = "middle", l.title && l.name && l.name !== l.title)
-            t.font = `600 ${u + 1}px system-ui, sans-serif`, t.fillStyle = l.labelColor || s.text, t.fillText(l.name, m, y - u * 0.7), t.font = `${u - 1}px system-ui, sans-serif`, t.fillStyle = l.labelColor || s.textSecondary, t.fillText(l.title, m, y + u * 0.9);
-          else {
-            const b = l.title || l.name;
-            t.font = `500 ${u}px system-ui, sans-serif`, t.fillStyle = l.labelColor || s.text, t.fillText(b, m, y);
-          }
-        }
+  /** 绘制诊断区域多边形及其文本标签 */
+  _drawZones(t, e, o, i, s) {
+    const n = s.zone;
+    if (!n || !n.data) return;
+    const r = n.alpha, h = n.colors || s.colors || Q;
+    for (let a = 0; a < n.data.length; a++) {
+      const l = n.data[a];
+      if (!l.coordinates || l.coordinates.length < 3) continue;
+      t.beginPath(), l.coordinates.forEach((d, p) => {
+        const b = e(d[0]), u = o(d[1]);
+        p === 0 ? t.moveTo(b, u) : t.lineTo(b, u);
+      }), t.closePath();
+      let c = l.color || h[a % h.length];
+      if (r !== void 0 && c !== "transparent" && (c = Dt(c, r)), t.fillStyle = c, t.fill(), n.borderStyle.show) {
+        let d = n.borderStyle.color || c;
+        n.borderStyle.alpha !== void 0 && d !== "transparent" && (d = Dt(d, n.borderStyle.alpha)), t.strokeStyle = d, t.lineWidth = n.borderStyle.width ?? 1, n.borderStyle.type === "dashed" ? t.setLineDash([5, 3]) : t.setLineDash([]), t.stroke(), t.setLineDash([]);
+      }
+      if (n.labelStyle.show && l.name) {
+        let d = 0, p = 0;
+        l.coordinates.forEach((T) => {
+          d += e(T[0]), p += o(T[1]);
+        });
+        const b = d / l.coordinates.length, u = p / l.coordinates.length, S = this._coordMap.gL, g = this._coordMap.gT, f = this._coordMap.plotW, y = this._coordMap.plotH, m = Math.max(S + 4, Math.min(S + f - 4, b)), v = Math.max(g + 4, Math.min(g + y - 4, u)), x = n.labelStyle.fontSize || 12;
+        t.textAlign = "center", t.textBaseline = "middle";
+        const A = typeof n.labelStyle.formatter == "function" ? n.labelStyle.formatter(l) : l.name;
+        t.font = `${n.labelStyle.fontWeight || "500"} ${x}px system-ui, sans-serif`, t.fillStyle = n.labelStyle.color || i.text, t.fillText(A, m, v);
+      }
     }
   }
-  _drawAxes(t, e, o, s, i, n, l, h, a, r, c) {
-    const d = i.xAxis.min, f = i.xAxis.max, g = i.yAxis.min, p = i.yAxis.max;
-    t.beginPath(), t.rect(h, a, r, c), t.strokeStyle = s.axisLine, t.lineWidth = 1, t.stroke();
-    const m = i.xAxis.labelStyle.color || s.textSecondary, y = i.yAxis.labelStyle.color || s.textSecondary;
+  _drawAxes(t, e, o, i, s, n, r, h, a, l, c) {
+    const d = s.xAxis.min, p = s.xAxis.max, b = s.yAxis.min, u = s.yAxis.max;
+    t.beginPath(), t.rect(h, a, l, c), t.strokeStyle = i.axisLine, t.lineWidth = 1, t.stroke();
+    const S = s.xAxis.labelStyle.color || i.textSecondary, g = s.yAxis.labelStyle.color || i.textSecondary;
     t.textAlign = "center", t.textBaseline = "middle";
-    for (let u = Math.ceil(d); u <= Math.floor(f); u++) {
-      const b = e(u), w = i.xAxis.labelStyle;
-      t.font = `${w.fontWeight || "normal"} ${w.fontSize || 11}px system-ui, sans-serif`, t.fillStyle = m, t.fillText(Tt(u), b + (w.offsetX || 0), a + c + 16 + (w.offsetY || 0));
+    for (let f = Math.ceil(d); f <= Math.floor(p); f++) {
+      const y = e(f), m = s.xAxis.labelStyle;
+      t.font = `${m.fontWeight || "normal"} ${m.fontSize || 11}px system-ui, sans-serif`, t.fillStyle = S;
+      const v = typeof m.formatter == "function" ? m.formatter(f, Math.pow(10, f)) : m.scientific === !1 ? String(Number(Math.pow(10, f).toPrecision(4))) : Lt(f);
+      t.fillText(v, y + (m.offsetX || 0), a + c + 16 + (m.offsetY || 0));
     }
     t.textAlign = "right";
-    for (let u = Math.ceil(g); u <= Math.floor(p); u++) {
-      const b = o(u), w = i.yAxis.labelStyle;
-      t.font = `${w.fontWeight || "normal"} ${w.fontSize || 11}px system-ui, sans-serif`, t.fillStyle = y, t.fillText(Tt(u), h - 6 + (w.offsetX || 0), b + (w.offsetY || 0));
+    for (let f = Math.ceil(b); f <= Math.floor(u); f++) {
+      const y = o(f), m = s.yAxis.labelStyle;
+      t.font = `${m.fontWeight || "normal"} ${m.fontSize || 11}px system-ui, sans-serif`, t.fillStyle = g;
+      const v = typeof m.formatter == "function" ? m.formatter(f, Math.pow(10, f)) : m.scientific === !1 ? String(Number(Math.pow(10, f).toPrecision(4))) : Lt(f);
+      t.fillText(v, h - 6 + (m.offsetX || 0), y + (m.offsetY || 0));
     }
-    if (i.xAxis.title) {
-      const u = i.xAxis.titleStyle, b = { left: h, center: h + r / 2, right: h + r }, w = (b[u.align] || b.center) + (u.offsetX || 0), x = a + c + 38 + (u.offsetY || 0);
-      t.textAlign = u.align === "left" ? "left" : u.align === "right" ? "right" : "center", t.font = `${u.fontWeight || "normal"} ${u.fontSize || 13}px system-ui, sans-serif`, t.fillStyle = u.color || s.text, t.fillText(i.xAxis.title, w, x);
+    if (s.xAxis.title) {
+      const f = s.xAxis.titleStyle, y = { left: h, center: h + l / 2, right: h + l }, m = (y[f.align] || y.center) + (f.offsetX || 0), v = a + c + 38 + (f.offsetY || 0);
+      t.textAlign = f.align === "left" ? "left" : f.align === "right" ? "right" : "center", t.font = `${f.fontWeight || "normal"} ${f.fontSize || 13}px system-ui, sans-serif`, t.fillStyle = f.color || i.text, t.fillText(s.xAxis.title, m, v);
     }
-    if (i.yAxis.title) {
-      const u = i.yAxis.titleStyle, b = { left: a + c, center: a + c / 2, right: a }, w = b[u.align] || b.center, x = 14 + (u.offsetX || 0), S = w + (u.offsetY || 0);
-      t.save(), t.translate(x, S), t.rotate(-Math.PI / 2), t.textAlign = u.align === "left" ? "right" : u.align === "right" ? "left" : "center", t.font = `${u.fontWeight || "normal"} ${u.fontSize || 13}px system-ui, sans-serif`, t.fillStyle = u.color || s.text, t.fillText(i.yAxis.title, 0, 0), t.restore();
+    if (s.yAxis.title) {
+      const f = s.yAxis.titleStyle, y = { left: a + c, center: a + c / 2, right: a }, m = y[f.align] || y.center, v = 14 + (f.offsetX || 0), x = m + (f.offsetY || 0);
+      t.save(), t.translate(v, x), t.rotate(-Math.PI / 2), t.textAlign = f.align === "left" ? "right" : f.align === "right" ? "left" : "center", t.font = `${f.fontWeight || "normal"} ${f.fontSize || 13}px system-ui, sans-serif`, t.fillStyle = f.color || i.text, t.fillText(s.yAxis.title, 0, 0), t.restore();
     }
   }
-  _drawSeries(t, e, o, s, i) {
-    var l, h, a;
+  /** 绘制所有数据点，并进行区域碰撞检测诊断 */
+  _drawSeries(t, e, o, i, s) {
+    var r, h, a;
     const n = [];
-    for (const r of i.series || []) {
+    for (const l of s.series || []) {
       let c = 0, d = 0;
-      if (Array.isArray(r.data) && r.data.length >= 2) {
-        const S = typeof r.data[0] == "object" ? r.data[0].value : r.data[0], C = typeof r.data[1] == "object" ? r.data[1].value : r.data[1];
-        c = r.logScale === !1 ? S : Math.log10(S || 1e-9), d = r.logScale === !1 ? C : Math.log10(C || 1e-9);
-      } else if (r.dataX !== void 0 && r.dataY !== void 0)
-        c = r.logScale === !1 ? r.dataX : Math.log10(r.dataX || 1e-9), d = r.logScale === !1 ? r.dataY : Math.log10(r.dataY || 1e-9);
+      if (Array.isArray(l.data) && l.data.length >= 2) {
+        const x = typeof l.data[0] == "object" ? l.data[0].value : l.data[0], A = typeof l.data[1] == "object" ? l.data[1].value : l.data[1];
+        c = l.logScale === !1 ? x : Math.log10(x || 1e-9), d = l.logScale === !1 ? A : Math.log10(A || 1e-9);
+      } else if (l.dataX !== void 0 && l.dataY !== void 0)
+        c = l.logScale === !1 ? l.dataX : Math.log10(l.dataX || 1e-9), d = l.logScale === !1 ? l.dataY : Math.log10(l.dataY || 1e-9);
       else
         continue;
-      const f = e(c), g = o(d);
-      let p = null;
-      if (i.zone && i.zone.data) {
-        for (const S of i.zone.data)
-          if (S.poly && gt(c, d, S.poly)) {
-            p = S;
+      const p = e(c), b = o(d);
+      let u = null;
+      if (s.zone && s.zone.data) {
+        for (const x of s.zone.data)
+          if (x.coordinates && ct(c, d, x.coordinates)) {
+            u = x;
             break;
           }
       }
-      n.push({ series: r, zone: p, logX: c, logY: d, px: f, py: g });
-      const m = r.color || "#00e5ff", y = r.size || 6, u = r.shape || "circle", b = this._hoverPoint && this._hoverPoint.series === r;
-      t.save(), t.translate(f, g);
-      const w = r.glowStyle || {};
-      (w.show || b && w.show !== !1) && (t.shadowColor = w.color || Lt(m, 0.8), t.shadowBlur = w.blur || 15), t.fillStyle = m, t.strokeStyle = ((l = r.itemStyle) == null ? void 0 : l.borderColor) || "none", t.lineWidth = ((h = r.itemStyle) == null ? void 0 : h.borderWidth) || 0, (t.strokeStyle === "none" || !((a = r.itemStyle) != null && a.borderColor)) && (t.lineWidth = 0), t.beginPath(), nt(t, 0, 0, u, y, 1, 0), t.fill(), t.lineWidth > 0 && t.stroke();
-      const x = r.textStyle;
-      if (x && x.show && r.name) {
+      n.push({ series: l, zone: u, logX: c, logY: d, px: p, py: b });
+      const S = l.color || "#00e5ff";
+      let g = l.size || 6;
+      const f = l.shape || "circle", y = this._hoverPoint && this._hoverPoint.series === l;
+      y && (g *= 1.5), t.save(), t.translate(p, b);
+      const m = l.glowStyle || {};
+      (m.show || y && m.show !== !1) && (t.shadowColor = m.color || wt(S, 0.8), t.shadowBlur = m.blur || 15), t.fillStyle = S, t.strokeStyle = ((r = l.itemStyle) == null ? void 0 : r.borderColor) || "none", t.lineWidth = ((h = l.itemStyle) == null ? void 0 : h.borderWidth) || 0, (t.strokeStyle === "none" || !((a = l.itemStyle) != null && a.borderColor)) && (t.lineWidth = 0), t.beginPath(), lt(t, 0, 0, f, g, 1, 0), t.fill(), t.lineWidth > 0 && t.stroke();
+      const v = l.textStyle;
+      if (v && v.show && l.name) {
         t.shadowBlur = 0;
-        const S = {
-          top: [0, -(y + 6)],
-          bottom: [0, y + 12],
-          left: [-(y + 6), 4],
-          right: [y + 6, 4]
-        }, [C, z] = S[x.position] || S.top;
-        t.textAlign = x.position === "left" ? "right" : x.position === "right" ? "left" : "center", t.textBaseline = "middle", t.font = `${x.fontWeight || "normal"} ${x.fontSize || 12}px system-ui, sans-serif`, t.fillStyle = x.color || m, t.fillText(r.name, C, z);
+        const x = {
+          top: [0, -(g + 6)],
+          bottom: [0, g + 12],
+          left: [-(g + 6), 4],
+          right: [g + 6, 4]
+        }, [A, T] = x[v.position] || x.top;
+        t.textAlign = v.position === "left" ? "right" : v.position === "right" ? "left" : "center", t.textBaseline = "middle", t.font = `${v.fontWeight || "normal"} ${v.fontSize || 12}px system-ui, sans-serif`, t.fillStyle = v.color || S, t.fillText(l.name, A, T);
       }
       t.restore();
     }
     return this._drawnPoints = n, n;
   }
+  /** 生成默认的浮窗 (Tooltip) HTML 结构 */
   _defaultTooltipHTML(t, e) {
-    const o = t.series, s = Math.pow(10, t.logX).toPrecision(4), i = Math.pow(10, t.logY).toPrecision(4), n = e.xAxis.title || "X", l = e.yAxis.title || "Y", h = t.zone ? t.zone.title || t.zone.name : "Outside", a = t.zone && t.zone.color || "#fff";
+    const o = t.series, i = Math.pow(10, t.logX).toPrecision(4), s = Math.pow(10, t.logY).toPrecision(4), n = e.xAxis.title || "X", r = e.yAxis.title || "Y", a = `<div style="font-size:14px; font-weight:bold; margin-bottom:4px; color:#fff;">${(o == null ? void 0 : o.name) || t.name || "Data Point"}</div>`, l = t.zone ? `${t.zone.name || ""} ${t.zone.title || t.zone.desc || ""}`.trim() : "Outside", c = t.zone && t.zone.color || "#fff";
     return `
-            <div style="font-weight:bold; font-size:14px; margin-bottom:6px; color:#fff;">${o.name || "Data Point"}</div>
-            <div style="font-size:13px; font-weight:bold; color:${a}; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:6px; margin-bottom:8px;">${h}</div>
-            <div style="font-size:13px; color:#cbd5e1; display:flex; justify-content:space-between; margin-bottom:4px;">
-                <span>${n}:</span><span style="font-weight:bold; color:#fff; margin-left:12px;">${s}</span>
+            ${a}
+            <div style="color:${c}; font-size:13px; font-weight:bold; padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.07);">
+                ${l}
+            </div>
+            <div style="display:flex; align-items:center; margin-bottom:6px; font-size:13px;">
+                <span style="display:inline-block; width:8px; height:8px; border-radius:50%; background-color:#00e5ff; margin-right:8px;"></span>
+                <span style="color:#cbd5e1; flex-grow:1;">${n}</span>
+                <span style="color:#fff; font-weight:bold; margin-left:20px;">${i}</span>
             </div>
-            <div style="font-size:13px; color:#cbd5e1; display:flex; justify-content:space-between;">
-                <span>${l}:</span><span style="font-weight:bold; color:#fff; margin-left:12px;">${i}</span>
+            <div style="display:flex; align-items:center; margin-bottom:6px; font-size:13px;">
+                <span style="display:inline-block; width:8px; height:8px; border-radius:50%; background-color:#ff6b35; margin-right:8px;"></span>
+                <span style="color:#cbd5e1; flex-grow:1;">${r}</span>
+                <span style="color:#fff; font-weight:bold; margin-left:20px;">${s}</span>
             </div>
         `;
   }
 }
 export {
-  Ut as DiagnosticTools,
-  vt as DuvalPentagon,
-  Gt as DuvalTriangle,
-  zt as ETRAChart,
-  Wt as ETRA_ZONES_A,
-  Zt as ETRA_ZONES_B,
-  st as PENTAGON_ZONES_1,
-  lt as PENTAGON_ZONES_2,
-  kt as THREE_RADIO_ZONES,
-  Pt as TRIANGLE_ZONES_1,
-  Ot as TRIANGLE_ZONES_4,
-  Nt as TRIANGLE_ZONES_5,
-  xt as ThreeRatioChart,
-  ft as computedPercent
+  qt as DiagnosticTools,
+  Ct as DuvalPentagon,
+  Jt as DuvalTriangle,
+  Pt as ETRAChart,
+  Ft as ETRA_ZONES_A,
+  Kt as ETRA_ZONES_B,
+  nt as PENTAGON_ZONES_1,
+  at as PENTAGON_ZONES_2,
+  Rt as THREE_RADIO_ZONES,
+  Yt as TRIANGLE_ZONES_1,
+  Gt as TRIANGLE_ZONES_4,
+  Vt as TRIANGLE_ZONES_5,
+  Mt as ThreeRatioChart,
+  yt as computedPercent
 };
 //# sourceMappingURL=index.js.map