| | |
| | | pieChart.setOption({ |
| | | title: { |
| | | text: '总量\n4083', |
| | | left: 'center', |
| | | top: 'center', |
| | | left: '30%', |
| | | top: '50%', |
| | | textStyle: { |
| | | fontSize: 20, // 增大字体大小 |
| | | fontSize: 14, |
| | | lineHeight: 24, |
| | | align: 'center', |
| | | fontWeight: 'bold', // 加粗显示 |
| | | fontWeight: 'normal', |
| | | rich: { |
| | | value: { |
| | | fontSize: 24, |
| | | fontWeight: 'bold', |
| | | padding: [10, 0], |
| | | }, |
| | | }, |
| | | }, |
| | | textAlign: 'center', |
| | | textVerticalAlign: 'middle', |
| | | }, |
| | | tooltip: { |
| | | trigger: 'item', |
| | |
| | | }, |
| | | legend: { |
| | | orient: 'vertical', |
| | | right: '10%', |
| | | right: '-1%', |
| | | top: 'middle', |
| | | formatter: (name: string) => { |
| | | const item = chartData.find((d) => d.name === name); |
| | |
| | | pieChart2.setOption({ |
| | | title: { |
| | | text: '总量\n4083', |
| | | left: 'center', |
| | | top: 'center', |
| | | left: '30%', |
| | | top: '50%', |
| | | textStyle: { |
| | | fontSize: 20, |
| | | fontSize: 14, |
| | | lineHeight: 24, |
| | | align: 'center', |
| | | fontWeight: 'normal', |
| | | rich: { |
| | | value: { |
| | | fontSize: 24, |
| | | fontWeight: 'bold', |
| | | padding: [10, 0], |
| | | }, |
| | | }, |
| | | }, |
| | | textAlign: 'center', |
| | | textVerticalAlign: 'middle', |
| | | }, |
| | | tooltip: { |
| | | trigger: 'item', |
| | |
| | | }, |
| | | legend: { |
| | | orient: 'vertical', |
| | | right: '10%', |
| | | right: '-1%', |
| | | top: 'middle', |
| | | formatter: (name: string) => { |
| | | const item = chartData2.find((d) => d.name === name); |