diff --git a/src/views/TradingSimulation/components/AccountOverview.js b/src/views/TradingSimulation/components/AccountOverview.js index 00b39307..15c7157b 100644 --- a/src/views/TradingSimulation/components/AccountOverview.js +++ b/src/views/TradingSimulation/components/AccountOverview.js @@ -267,15 +267,15 @@ export default function AccountOverview({ account, tradingEvents }) { - + - + {/* 详细配置信息 */} - + diff --git a/src/views/TradingSimulation/components/AssetAllocationChart.tsx b/src/views/TradingSimulation/components/AssetAllocationChart.tsx index 9c32c1fa..3b31b394 100644 --- a/src/views/TradingSimulation/components/AssetAllocationChart.tsx +++ b/src/views/TradingSimulation/components/AssetAllocationChart.tsx @@ -15,12 +15,12 @@ interface AssetAllocationChartProps { * 资产配置环形图 * @param cashAmount - 现金资产金额 * @param stockAmount - 股票资产金额 - * @param height - 图表高度,默认 280px + * @param height - 图表高度,默认 200px */ export const AssetAllocationChart = ({ cashAmount, stockAmount, - height = 280 + height = 200 }: AssetAllocationChartProps) => { const total = cashAmount + stockAmount; @@ -48,7 +48,7 @@ export const AssetAllocationChart = ({ }, legend: { orient: 'horizontal', - bottom: 10, + bottom: 0, left: 'center', textStyle: { color: '#666', @@ -62,8 +62,8 @@ export const AssetAllocationChart = ({ { name: '资产配置', type: 'pie', - radius: ['45%', '70%'], - center: ['50%', '45%'], + radius: ['40%', '65%'], + center: ['50%', '42%'], avoidLabelOverlap: true, itemStyle: { borderRadius: 4,