diff --git a/src/views/Company/components/FinancialPanorama/components/MainBusinessAnalysis.tsx b/src/views/Company/components/FinancialPanorama/components/MainBusinessAnalysis.tsx index efd90031..fc507f98 100644 --- a/src/views/Company/components/FinancialPanorama/components/MainBusinessAnalysis.tsx +++ b/src/views/Company/components/FinancialPanorama/components/MainBusinessAnalysis.tsx @@ -248,8 +248,8 @@ export const MainBusinessAnalysis: React.FC = ({ })); const pieOption = getMainBusinessPieOption( - `主营业务构成 - ${latestPeriod.report_type}`, - dataSource === 'industry' ? '按行业分类' : '按产品分类', + `主营业务构成(${latestPeriod.report_type})`, + '', pieData ); diff --git a/src/views/Company/components/FinancialPanorama/utils/chartOptions.ts b/src/views/Company/components/FinancialPanorama/utils/chartOptions.ts index 06465099..09b77af2 100644 --- a/src/views/Company/components/FinancialPanorama/utils/chartOptions.ts +++ b/src/views/Company/components/FinancialPanorama/utils/chartOptions.ts @@ -238,22 +238,18 @@ const BLACK_GOLD_PIE_COLORS = chartTheme.goldSeries; */ export const getMainBusinessPieOption = ( title: string, - subtitle: string, + _subtitle: string, data: { name: string; value: number }[] ) => { return { title: { text: title, - subtext: subtitle, left: 'center', + top: 0, textStyle: { color: fui.gold, fontSize: 14, }, - subtextStyle: { - color: '#A0AEC0', - fontSize: 12, - }, }, tooltip: { trigger: 'item', @@ -269,26 +265,29 @@ export const getMainBusinessPieOption = ( }, }, legend: { - orient: 'vertical', - left: 'left', - top: 'center', + orient: 'horizontal', + bottom: 0, + left: 'center', textStyle: { color: '#E2E8F0', - fontSize: 12, + fontSize: 11, }, + itemWidth: 12, + itemHeight: 12, + itemGap: 8, }, color: BLACK_GOLD_PIE_COLORS, series: [ { type: 'pie', - radius: '55%', - center: ['55%', '50%'], + radius: '50%', + center: ['50%', '48%'], data: data, label: { show: true, color: '#E2E8F0', fontSize: 11, - formatter: '{b}: {d}%', + formatter: '{d}%', }, labelLine: { lineStyle: {