Version

5.5.1

Link to Minimal Reproduction

chart = { tooltip: { trigger: 'item' }, legend: { show: false }, series: [ { name: 'Cylinders Loaded', type: 'pie', radius: ['110%', '130%'], center: ['50%', '70%'], // adjust the start and end angle startAngle: 180, endAngle: 360, label: { show: true, position: 'center', fontSize: 15, // fontWeight: 'bold', formatter: () => { return 'Total Cylinders \n \n ' + cylinder.total_cylinders; // var result = ""; // result += // "<span style='font-family: 'poppins';color:rgba(0, 0, 0, 0.4);'>Total Cylinders

<span style='font-family: 'poppins';font-weight:600'>" + // loaded+ // "" // return res; } }, itemStyle: { // borderRadius: [0, 9, 0, 9] }, silent: true, color: ['#1D4ED7', '#EDF2F7'], data: cylinder.data }

Steps to Reproduce

created apache echart in angular implemented according to the example in website. for sometime it is looking good when created. later on half doughnut is changing into pie chart .

Current Behavior

half piechart is turning in to full pie chart

Expected Behavior

it should look like full piechart

Environment

- OS:windows
- Browser:chrome  128.0.6613.85
- Framework:angular@12

Any additional comments?

Can you give me solution as quich as possible