我想让我的甜甜圈图表项目变成圆角,请指导
const Chart = dynamic(() => import('react-apexcharts'), { ssr: false });
const series = [54, 45];
const options: ApexCharts.ApexOptions = {
chart: {
width: 380,
type: 'donut',
},
labels: ['Active Users', 'Inactive Users'],
plotOptions: {
pie: {
expandOnClick:false,
donut: {
size:'85%',
labels: {
show: true,
name: {
show: true,
fontSize: '12px',
fontWeight: '400',
color: '#6E7191'
},
value: {
show: true,
fontSize: '22px',
fontWeight: '600',
color: '#2E285C'
},
total: {
show: true,
color: '#BCC1C8',
fontWeight: 600,
}
}
}
}
},
dataLabels: {
enabled: false,
},
responsive: [{
breakpoint: 480,
options: {
chart: {
width: 200
},
legend: {
show: false
}
}
}],
legend: {
position: 'left',
offsetY: 50,
},
colors: ['#645CAA', '#BFACE0'],
title: {
text: '264',
align: 'left',
floating: false,
style: {
fontSize: '36px',
fontWeight: '500',
color: '#2E285C'
},
}
}
<Chart series={series} options={options} type="donut" />
我已经try 过了,但我找不到任何解决方案来更改此图表的边框半径.我已经在谷歌上搜索过了,但找不到我正在写的,因为堆栈溢出说它的代码编写细节太多(Alflsjdfakjjjhfkjd Kdjfjkdhfkjdjfsdjhfkdh Jdfkjhdfkj Jdfksjhdfkj Ksdjfkdhfkdsf Jhdfkhsfjf Jsdhfkhjkjf Jdfkh Jdkjf Jdfkh Jdkjf Jfhskdf)