On Clicking Legend item from disable to enable, browser becomes unresponsive

[Ketan Patel]

I have added Accumulation chart in my Angular 14 standalone architecture. When I am clicking on any legend to disable that series, it is working fine but when I am clicking again to make it enable, it is not resetting and whole browser becomes unresponsive. I have added AccumulationLegendService in providers.

[Swetha Babu]

Hi Ketan,

Greetings from Syncfusion.

We have created a simple angular application with the Angular 14 version to replicate the reported scenario. But, we are unable to reproduce the reported scenario. Please find the below stackblitz link for the tested sample for your reference.

Sample link: https://stackblitz.com/edit/angular-ksuti3?file=app.component.html

Code Snippet:

<ejs-accumulationchart [legendSettings]="legendSettings">

            <e-accumulation-series-collection>

                <e-accumulation-series name='Browser' [dataSource]='data' xName='x' yName='y'>

                </e-accumulation-series>

            </e-accumulation-series-collection>

        </ejs-accumulationchart>

 

public data: Object[] = [

        { 'x': 'Complete', y: 37, text: '37%' },

        { 'x': 'In Progress', y: 17, text: '17%' },

        { 'x': 'Not Attempted', y: 46, text: '46%' }

    ];

Screenshot:

If the reported scenario still persists, please modify the above sample to replicate the reported scenario. Also, please let us know the dataSource that you are using to render the pie chart. It will be helpful for us to analyze further and assist you better.

Regards,

Swetha