toggleDataPointSelection causes error in pie chart

[vitalcrazz]

Bug report

toggleDataPointSelection causes error in a pie chart in latest 3.18.0 version while in 3.17 version it works just fine.

Codepen

https://codesandbox.io/s/vue-basic-example-5t1jf

Explanation

I'm using a donut chart and I call toggleDataPointSelection(0) method a long time after the chart is loaded (after user clicks a button). I get the following error and a donut piece is disappearing instead of selecting. <path> attribute d: Expected number, "M NaN NaN A NaN Na…".

[vitalcrazz]

[junedchhipa]

Thanks for reporting, the issue will be addressed soon.

[poddarkhushbu07]

What is the cause of this error. I am also getting the same issue.

[neozhu]

me too, use mudcharts in blazor server

[DasunMuthuruwan]

Any update on this? I'm facing this issue too

[khoanld-2442]

Hí anh em

[Mominjon]

is there any fix for this i am having big problems

[AlexParton]

I have solved all those errors by destroying the chart when component unmounts. I did it on Sveltekit, and there the chart needs to be rendered inside the onMount method and binding the html container element with bind:this to avoid another annoying error (window is not defined), and to be able to identify the chart inside the onDestroy method a callback function needs to be created where the chart is rendered (onMount). So the workaround gets like this:

` let graphContainer: HTMLElement; let destroyer: any;

onMount(async () => { const ApexCharts = (await import('apexcharts')).default const container = graphContainer; const chart = new ApexCharts( container, setOptions(pairData)) chart.render(); destroyer = () => chart.destroy() })

onDestroy(async () => { destroyer() }) `

[Rao-Mudasir]

any fix