Is it possible to make a Donut Chart with remote data?

[Eduardo]

Hello!

I'm using  <SfChart> with remote data just like the image below

It works really well, instead of a list I'm using an URL.

I'd like to use a Donut Chart (<SfAccumulationChart>) with this same structure. I've tried it and the url is used but nothing is displayed. 

I've tried to look for an example of it, but I only found donut charts using "Datasource" with a static list.

Is it possible to use the Donut chart with a remote datasource?

best regards,

[Gopalakrishnan Veeraraghavan]

Hi Eduardo,

We have analyzed your query. We were able to reproduce an issue “Accumulation chart not rendered when using remote data” and we confirm this as a bug and logged a defect report .You can keep track of the bug from the feedback portal below.

Feedback Link: https://www.syncfusion.com/feedback/37476/accumulation-chart-is-not-rendered-when-using-remote-data

The fix will be available in our weekly patch release which is scheduled to be rolled out on 13^th September 2022. We appreciate your patience until then.

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.

Thanks,

Gopalakrishnan Veeraraghavan.

[Swetha Babu]

Hi Eduardo,

Thank you for your patience.

We have created the fix as a custom patch as it is in testing phase and it can be downloaded from the below link. We will include this in our upcoming weekly patch release which is expected to be rolled out on 20^th September 2022.

https://www.syncfusion.com/downloads/support/directtrac/general/ze/Syncfusion.Blazor.20.2.0.50888414846

Please replace the above packages in your application to resolve the reported issue. Please use the above package until the fix is included in our weekly patch release.

Regards,

Swetha Babu

[Eduardo]

Thanks for your answer!

I think I should download the Nuget Package Syncfusion.Blazor and replace it's files with the ones you sent me, right?

I have specifics components like "Syncfusion.Blazor.Popups" and "Syncfusion.Blazor.Lists" installed, they appear to be in conflict with Syncfusion.Blazor.

So I must uninstall Syncfusion.Blazor or keep it and uninstall all the others, right?

The patch release you mentioned will affect the Syncfusion.Blazor.Charts? If it will, I can wait and just update it when the new version become available.

[Swetha Babu]

Hi Eduardo,

The fix for the reported scenario will be included in our next weekly patch release which is expected to be rolled out on 20^th September 2022.

Kindly, revert us if you have any concerns.

Regards,

Swetha

[Swetha Babu]

Hi Eduardo,

Thank you for your patience.

We have included the fix for the reported issue in our weekly patch release(v20.2.50). You can download the package from the following link.

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

Please upgrade the Syncfusion.Blazor package to the latest version to resolve the reported issue. Please get back to us if you need further assistance.

Regards,

Swetha

[Eduardo]

Thank you for the update!

Now the chart works, but it seems that the Tooltips doesn't work, neither the paging buttons for the Legends

I downloaded a sample from Syncfusion:

https://www.syncfusion.com/downloads/support/directtrac/general/ze/AccumulationTooltip18.4.39130833067.zip

It was the version  18.4.39 of Syncfusion, and it worked fine. When I updated to the latest version, the chart doesn't appear anymore.

So, I copied and pasted the code to my project. I was able to see the chart, but the tooltips still didn't work.

I'm sending the code of the sample you guys made (with the latest version of Syncfusion) so you can try to reproduce.

Am I doing something wrong?

Attachment: chart_cc4b27a3.zip

[Swetha Babu]

Hi Eduardo,

We have noticed that you have used the ChartDataTooltipInfo in Template of the tooltip. For the Pie chart, we need to set the class name as AccumulationChartDataPointInfo in the Template of the AccumulationChartTooltipSettings. Also, we are unable to replicate the paging scenario. We have crated a simple blazor application to reproduce the reported scenario and the same can be downloaded from the below link.

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

Code Snippet:

<AccumulationChartTooltipSettings Enable="true">

        <Template>

            @{

                var data = context as AccumulationChartDataPointInfo;

                <div>

                    <table>

                        <tr>

                            <td>@data.X: [email protected]</td>

                        </tr>

                    </table>

                </div>

            }

        </Template>

    </AccumulationChartTooltipSettings>

 

Screenshot:

If the reported scenario still persists, please modify the above sample to replicate the reported scenario. It will be helpful for us to analyze further and assist you better.

Regards,

Swetha

[Eduardo]

Hello, Swetha

I tried to do as you said but it didn't work.

I also tried to do it with the sample provided by Syncfusion, using the older and the latest version:

- My project, latest version of the chart: it doesn't show the tooltips and the legend doesn't work

- Sample, older version of the SF : The chart and tooltips work, but the legend buttons doesn't display right

- Sample, latest version of the SF: The chart doesn't show and the legend buttons doesn't work

I'm sending the projects and some videos showing how the charts are behaving.

Attachment: projects_videos_e53664fc.zip

[Durga Gopalakrishnan]

Hi Eduardo,

In latest version, there is no need of referring the lodash script reference in your application. We suggest you to refer the blazor scripts as CDN link with version number to use latest scripts. Please check with the below release notes and documentation link for more information. We have attached modified sample your reference. Please check with below snippet and sample.

<head>

    <script src=https://cdn.syncfusion.com/blazor/20.2.50/syncfusion-blazor.min.js type="text/javascript"></script>

</head>

Release Notes : https://blazor.syncfusion.com/documentation/release-notes/20.1.47?type=all#breaking-changes

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

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/AccTooltip-875783659.zip

Please revert us if you have any concerns.

Regards,

Durga Gopalakrishnan.

[Eduardo]

It worked! Thank you very much!

[Swetha Babu]

Hi Eduardo,

Most Welcome! Please get back to us if you need further assistance.

Regards,

Swetha