From 42327fc110e86b534c29e8035801a8db918322d6 Mon Sep 17 00:00:00 2001
From: hzm <934585316@qq.com>
Date: Tue, 24 Feb 2026 22:05:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=8A=98=E7=BA=BF=E5=9B=BE2=E7=A7=92?=
 =?UTF-8?q?=E5=90=8E=E8=87=AA=E5=8A=A8=E5=A4=B1=E7=84=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/FundIntradayChart.jsx | 19 +++++++++----
 app/components/FundTrendChart.jsx    | 40 +++++++++++++++++-----------
 2 files changed, 39 insertions(+), 20 deletions(-)

diff --git a/app/components/FundIntradayChart.jsx b/app/components/FundIntradayChart.jsx
index 24748cd..6fb79a9 100644
--- a/app/components/FundIntradayChart.jsx
+++ b/app/components/FundIntradayChart.jsx
@@ -105,19 +105,28 @@ export default function FundIntradayChart({ series = [], referenceNav }) {
     },
     onHover: (event, chartElement, chart) => {
       const target = event?.native?.target;
-      if (target) {
-        target.style.cursor = chartElement[0] ? 'crosshair' : 'default';
-      }
-
       const currentChart = chart || chartRef.current;
       if (!currentChart) return;
 
+      const tooltipActive = currentChart.tooltip?._active ?? [];
+      const activeElements = currentChart.getActiveElements
+        ? currentChart.getActiveElements()
+        : [];
+      const hasActive =
+        (chartElement && chartElement.length > 0) ||
+        (tooltipActive && tooltipActive.length > 0) ||
+        (activeElements && activeElements.length > 0);
+
+      if (target) {
+        target.style.cursor = hasActive ? 'crosshair' : 'default';
+      }
+
       if (hoverTimeoutRef.current) {
         clearTimeout(hoverTimeoutRef.current);
         hoverTimeoutRef.current = null;
       }
 
-      if (chartElement[0]) {
+      if (hasActive) {
         hoverTimeoutRef.current = setTimeout(() => {
           const c = chartRef.current || currentChart;
           if (!c) return;
diff --git a/app/components/FundTrendChart.jsx b/app/components/FundTrendChart.jsx
index 3a6a45d..56acd9d 100644
--- a/app/components/FundTrendChart.jsx
+++ b/app/components/FundTrendChart.jsx
@@ -220,10 +220,25 @@ export default function FundTrendChart({ code, isExpanded, onToggleExpand, trans
       },
       onHover: (event, chartElement, chart) => {
         const target = event?.native?.target;
+        const currentChart = chart || chartRef.current;
+        if (!currentChart) return;
+
+        const tooltipActive = currentChart.tooltip?._active ?? [];
+        const activeElements = currentChart.getActiveElements
+          ? currentChart.getActiveElements()
+          : [];
+        const hasActive =
+          (chartElement && chartElement.length > 0) ||
+          (tooltipActive && tooltipActive.length > 0) ||
+          (activeElements && activeElements.length > 0);
+
         if (target) {
-          target.style.cursor = chartElement[0] ? 'crosshair' : 'default';
+          target.style.cursor = hasActive ? 'crosshair' : 'default';
         }
 
+        // 仅用于桌面端 hover 改变光标，不在这里做 2 秒清除，避免移动端 hover 事件不稳定
+      },
+      onClick: (_event, _elements, chart) => {
         const currentChart = chart || chartRef.current;
         if (!currentChart) return;
 
@@ -232,20 +247,15 @@ export default function FundTrendChart({ code, isExpanded, onToggleExpand, trans
           hoverTimeoutRef.current = null;
         }
 
-        if (chartElement[0]) {
-          hoverTimeoutRef.current = setTimeout(() => {
-            const c = chartRef.current || currentChart;
-            if (!c) return;
-            c.setActiveElements([]);
-            if (c.tooltip) {
-              c.tooltip.setActiveElements([], { x: 0, y: 0 });
-            }
-            c.update();
-            if (target) {
-              target.style.cursor = 'default';
-            }
-          }, 2000);
-        }
+        hoverTimeoutRef.current = setTimeout(() => {
+          const c = chartRef.current || currentChart;
+          if (!c) return;
+          c.setActiveElements([]);
+          if (c.tooltip) {
+            c.tooltip.setActiveElements([], { x: 0, y: 0 });
+          }
+          c.update();
+        }, 2000);
       }
     };
   }, []);