running sample of SfAccumulationChart- throwing "Object reference not set to an instance of an object."

[gopichandar]

As like the sample provided here in the link: https://blazor.syncfusion.com/demos/chart/pie?_ga=2.260368461.1942556528.1642919925-312463608.1637213985

I literally copy/pase the sample and When I run the app, Im getting the following error in browser Console.

blazor.webassembly.js:1 crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]

Unhandled exception rendering component: Object reference not set to an instance of an object.

System.NullReferenceException: Object reference not set to an instance of an object.

at Syncfusion.Blazor.Charts.SfAccumulationChart.CalculateSecondaryElementPosition()

at Syncfusion.Blazor.Charts.SfAccumulationChart.OnAfterScriptRendered()

at Syncfusion.Blazor.SfBaseComponent.OnAfterRenderAsync(Boolean firstRender)

at Syncfusion.Blazor.SfDataBoundComponent.OnAfterRenderAsync(Boolean firstRender)

at Syncfusion.Blazor.Charts.SfAccumulationChart.OnAfterRenderAsync(Boolean firstRender)

[gopichandar]

Here is my code. Im using "Syncfusion.Blazor.Charts" v19.4.0.43

      <SfAccumulationChart Title="Percentage of Completion (as per last month end)">

                    <AccumulationChartSeriesCollection>

                        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Source" YName="Value"

                                                 Name="Source">

                        </AccumulationChartSeries>

                    </AccumulationChartSeriesCollection>

                    <AccumulationChartLegendSettings Visible="false"></AccumulationChartLegendSettings>

                </SfAccumulationChart>

@code{

public List StatisticsDetails = new List

{

new Statistics { Browser = "Chrome", Users = 37 },

new Statistics { Browser = "UC Browser", Users = 17 },

new Statistics { Browser = "iPhone", Users = 19 },

new Statistics { Browser = "Others", Users = 4 },

new Statistics { Browser = "Opera", Users = 11 },

new Statistics { Browser = "Android", Users = 12 },

};

public class Statistics

{

public string Browser { get; set; }

public double Users { get; set; }

}

}

[Swetha Babu]

Hi Gopichandar,

Greetings from Syncfusion.

When we analyzed the provided code snippet, we came to know that the value of the XValue and YValue property in AccumulationChartSeries did not match the name in the dataSource. So please provide the name for the above properties that match the dataSource values. However, we have created the simple blazor application to demonstrate the same and it can be downloaded from the below link.

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/PieChart1412302458

Code Snippet: 

<SfAccumulationChart Title="Percentage of Completion (as per last month end)"> 

    <AccumulationChartSeriesCollection> 

        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users" 

                                 Name="Source"> 

        </AccumulationChartSeries> 

    </AccumulationChartSeriesCollection> 

    <AccumulationChartLegendSettings Visible="false"></AccumulationChartLegendSettings> 

</SfAccumulationChart> 

Screenshot:



Kindly let us know if you have any concerns.

Thanks,
Swetha 

[gopichandar]

Hi Swetha, thanks for the reply and samples.  but I still have issue as same but was working fine on the sample you shared.  Let me try to create a sample here. 

[gopichandar]

Hi, Can you Try with Wasm.  HEre is the sample to reproduce the issue. 

https://drive.google.com/file/d/1W6ne9GahHwmPQGC6YAu1vU_ItUS63bY6/view?usp=sharing

[gopichandar]

Hi Swetha, did you get a chance to review this? Are we able to reproduce the issue?

[Durga Gopalakrishnan]

Hi Gopichandar, 

We are facing problem while running an attached sample. We are checking on that and we will update the status within one business day. We have also created Blazor WebAssembly sample as like attached sample, but unfortunately we are unable to replicate an issue from our end. We have attached the tested sample for your reference.  

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/PieChart972166150.zip 

Please let us know if you have any concerns. 

Regards, 

Durga G 

[gopichandar]

Okay.  Thanks for the update

[Durga Gopalakrishnan]

Hi Gopichandar, 

We are facing the reported problem in latest .Net SDK version 6.0.1. So, we have considered this as a bug and logged a defect report for this issue. This fix will be available in our upcoming weekly patch release which is scheduled to be rolled out on 8^th February 2022. We appreciate your patience until then. You can keep track of the bug from the below feedback link. 

Feedback Link :  https://www.syncfusion.com/feedback/32264/pie-chart-throws-console-error-in-latest-net-sdk-6-0-1 

If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal. 

Regards, 

Durga G 

[gopichandar]

Thanks.  Also, the FeedbackURL your shared throws "404". 

[Durga Gopalakrishnan]

Hi Gopichandar,

Sorry for the inconvenience caused. We have now validated the provided feedback. Please ensure from your end.

Regards,

Durga G

[Durga Gopalakrishnan]

Hi Gopichandar, 

We are glad to announce that our v19.4.50 patch release is rolled out; we have added the fix for reported issue. You can use the latest Syncfusion.Blazor NuGet package version.  

NuGet Package : https://www.nuget.org/packages/Syncfusion.Blazor  

We request you to add the script reference in your application, since you have enabled IgnoreScriptIsolation as true in your shared project. Please check with the below documentation link for more information. 

UG : https://blazor.syncfusion.com/documentation/common/adding-script-references 

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 

Regards, 

Durga G