Bug when clicking a legend button in AccumulationChartComponent

Hello,

I have an Accumulation Chart that initially renders correctly and hides the category when I click on the corresponding legend button.

initial.jpg


However, whenever I click on the same button to restore the original chart, I get the following result as depicted here:

Bug.jpg


3 Replies

DG Durga Gopalakrishnan Syncfusion Team June 17, 2025 01:24 PM UTC

Hi George,


Thanks for using Syncfusion products.


We have validated the scenario based on the screenshot you shared. The legend click functionality in the donut chart is working as expected, we are unable to replicate the reported console exception. For your reference, we have attached the tested sample and corresponding screenshot.



Sample : https://stackblitz.com/edit/react-j2t9643w?file=index.js


To assist you further and identify the root cause more effectively, kindly provide the following details:

  • The complete code snippet with full chart configuration.
  • The locale setting used in your application.
  • Information on whether any custom logic is implemented for legend click through event handling.


Please let us know if you have any further questions or concerns.


Regards,

Durga Gopalakrishnan.



GE George June 17, 2025 03:07 PM UTC

Hello,


Apparently, it's mandatory to have the object keys named as x and y in the data array. Once renamed, it works as advertised.

Thanks for the help.



DG Durga Gopalakrishnan Syncfusion Team June 18, 2025 06:10 AM UTC

We are glad to hear it is working now! Feel free to reach out if you need any further assistance. Happy coding!


Loader.
Up arrow icon