update pay function

src/components/StockChart/KLineChartModal.tsx

@@ -88,10 +88,13 @@ const KLineChartModal: React.FC<KLineChartModalProps> = ({
         eventTime || undefined
       );
 
+      console.log('[KLineChartModal] API响应:', response);
+
       if (!response || !response.data || response.data.length === 0) {
         throw new Error('暂无K线数据');
       }
 
+      console.log('[KLineChartModal] 数据条数:', response.data.length);
       setData(response.data);
       logger.info('KLineChartModal', 'loadData', 'K线数据加载成功', {
         dataCount: response.data.length,
@@ -109,8 +112,10 @@ const KLineChartModal: React.FC<KLineChartModalProps> = ({
   useEffect(() => {
     if (!chartRef.current || !isOpen) return;
 
-    // 创建图表实例
-    chartInstance.current = echarts.init(chartRef.current, 'dark');
+    console.log('[KLineChartModal] 初始化图表...');
+
+    // 创建图表实例（不使用主题，直接在option中配置背景色）
+    chartInstance.current = echarts.init(chartRef.current);
 
     // 监听窗口大小变化
     const handleResize = () => {
@@ -127,7 +132,15 @@ const KLineChartModal: React.FC<KLineChartModalProps> = ({
 
   // 更新图表数据
   useEffect(() => {
-    if (!chartInstance.current || data.length === 0) return;
+    if (!chartInstance.current || data.length === 0) {
+      console.log('[KLineChartModal] 跳过图表更新:', {
+        hasChart: !!chartInstance.current,
+        dataLength: data.length,
+      });
+      return;
+    }
+
+    console.log('[KLineChartModal] 开始更新图表，数据点:', data.length);
 
     const dates = data.map((d) => d.time);
     const klineData = data.map((d) => [d.open, d.close, d.low, d.high]);
@@ -355,6 +368,12 @@ const KLineChartModal: React.FC<KLineChartModalProps> = ({
     };
 
     chartInstance.current.setOption(option);
+
+    // 强制resize以确保图表正确显示
+    setTimeout(() => {
+      chartInstance.current?.resize();
+      console.log('[KLineChartModal] 图表已设置并resize');
+    }, 100);
   }, [data, stock]);
 
   // 加载数据