[Bug] apache e chart half doughnut chart is not working, for some time it is looking good later on getting shaped out and going in to full circle

[ravi-zestiot]

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

[helgasoft]

I doubt radius: ['110%', '130%'] will make it look good... See official example and start working from there. 📌 Please make an effort to provide a working Minimal Reproduction code.

[ravi-zestiot]

Already it is having 100%,130% radius that is not an issue, in angular if you find apache e charts half dougnut chart is working for 2 days means tell me.