feat: StockChartModal.tsx 替换 KLine 实现

src/components/StockChart/utils/eventMarkerUtils.ts

@@ -92,6 +92,61 @@ export const createEventMarkerOverlay = (
   }
 };
 
+/**
+ * 创建事件日K线黄色高亮覆盖层（垂直矩形背景）
+ *
+ * @param eventTime 事件时间（ISO字符串）
+ * @param data K线数据
+ * @returns OverlayCreate | null 高亮覆盖层配置
+ */
+export const createEventHighlightOverlay = (
+  eventTime: string,
+  data: KLineDataPoint[]
+): OverlayCreate | null => {
+  try {
+    const eventTimestamp = dayjs(eventTime).valueOf();
+    const closestPoint = findClosestDataPoint(data, eventTimestamp);
+
+    if (!closestPoint) {
+      logger.warn('eventMarkerUtils', 'createEventHighlightOverlay', '未找到匹配的数据点');
+      return null;
+    }
+
+    // 创建垂直矩形覆盖层（从图表顶部到底部的黄色半透明背景）
+    const overlay: OverlayCreate = {
+      name: 'rect', // 矩形覆盖层
+      id: `event-highlight-${eventTimestamp}`,
+      points: [
+        {
+          timestamp: closestPoint.timestamp,
+          value: closestPoint.high * 1.05, // 顶部位置（高于最高价5%）
+        },
+        {
+          timestamp: closestPoint.timestamp,
+          value: closestPoint.low * 0.95, // 底部位置（低于最低价5%）
+        },
+      ],
+      styles: {
+        style: 'fill',
+        color: 'rgba(255, 193, 7, 0.15)', // 黄色半透明背景（15%透明度）
+        borderColor: '#FFD54F', // 黄色边框
+        borderSize: 2,
+        borderStyle: 'solid',
+      },
+    };
+
+    logger.debug('eventMarkerUtils', 'createEventHighlightOverlay', '创建事件高亮覆盖层', {
+      timestamp: closestPoint.timestamp,
+      eventTime,
+    });
+
+    return overlay;
+  } catch (error) {
+    logger.error('eventMarkerUtils', 'createEventHighlightOverlay', error as Error);
+    return null;
+  }
+};
+
 /**
  * 计算标记的 Y 轴位置
  *