diff --git a/src/views/Company/components/MarketDataView/components/panels/PledgePanel.tsx b/src/views/Company/components/MarketDataView/components/panels/PledgePanel.tsx index 99dc48f2..8c64cdc9 100644 --- a/src/views/Company/components/MarketDataView/components/panels/PledgePanel.tsx +++ b/src/views/Company/components/MarketDataView/components/panels/PledgePanel.tsx @@ -1,7 +1,7 @@ // src/views/Company/components/MarketDataView/components/panels/PledgePanel.tsx // 股权质押面板 - 黑金主题 -import React, { memo } from 'react'; +import React, { memo, useMemo } from 'react'; import { Box, Text, @@ -28,6 +28,12 @@ export interface PledgePanelProps { } const PledgePanel: React.FC = ({ pledgeData }) => { + // 缓存图表配置 + const chartOption = useMemo(() => { + if (pledgeData.length === 0) return {}; + return getPledgeDarkGoldOption(pledgeData); + }, [pledgeData]); + return ( {/* 图表卡片 */} @@ -35,7 +41,7 @@ const PledgePanel: React.FC = ({ pledgeData }) => { {pledgeData.length > 0 && (