update pay function

This commit is contained in:
2025-11-20 14:24:24 +08:00
parent 80fe74c041
commit d3879b3840

View File

@@ -11,7 +11,8 @@ import {
useColorMode,
Tooltip,
} from '@chakra-ui/react';
import { createChart, IChartApi, ISeriesApi, LineData, Time } from 'lightweight-charts';
import * as LightweightCharts from 'lightweight-charts';
import type { IChartApi, ISeriesApi, LineData, Time } from 'lightweight-charts';
import {
FaExpand,
FaCompress,
@@ -70,8 +71,14 @@ const TradingViewChart: React.FC<TradingViewChartProps> = ({
useEffect(() => {
if (!chartContainerRef.current || data.length === 0) return;
try {
// 调试信息
console.log('🔍 TradingView Chart - 开始初始化');
console.log('📦 LightweightCharts 模块:', LightweightCharts);
console.log('📊 createChart 函数类型:', typeof LightweightCharts.createChart);
// 创建图表 (lightweight-charts 5.0 标准 API)
const chart = createChart(chartContainerRef.current, {
const chart = LightweightCharts.createChart(chartContainerRef.current, {
width: chartContainerRef.current.clientWidth,
height: 500,
layout: {
@@ -119,6 +126,19 @@ const TradingViewChart: React.FC<TradingViewChartProps> = ({
},
});
// 调试信息
console.log('📈 Chart 对象:', chart);
console.log('📈 Chart 类型:', typeof chart);
console.log('📈 Chart 的方法:', Object.keys(chart));
console.log('📈 addLineSeries 存在?', typeof chart.addLineSeries);
// 检查 chart 对象是否有效
if (!chart || typeof chart.addLineSeries !== 'function') {
console.error('❌ createChart 返回的对象无效!');
console.error('Chart 对象:', chart);
throw new Error('createChart 返回的对象没有 addLineSeries 方法');
}
// 创建折线系列 (lightweight-charts 5.0 标准 API)
const lineSeries = chart.addLineSeries({
color: themeColors.primary.gold,
@@ -135,6 +155,8 @@ const TradingViewChart: React.FC<TradingViewChartProps> = ({
title: metricName,
});
console.log('✅ LineSeries 创建成功');
// 转换数据格式
const chartData: LineData[] = data
.filter((item) => item.value !== null)
@@ -173,6 +195,17 @@ const TradingViewChart: React.FC<TradingViewChartProps> = ({
window.removeEventListener('resize', handleResize);
chart.remove();
};
} catch (error) {
console.error('❌ TradingView Chart 初始化失败:', error);
console.error('Error details:', {
message: error.message,
stack: error.stack,
LightweightChartsModule: LightweightCharts,
createChartType: typeof LightweightCharts.createChart,
});
// 重新抛出错误让 ErrorBoundary 捕获
throw error;
}
}, [data, metricName]);
// 时间范围筛选