Charts do not refresh when data changes

Thread ID:	Created:	Updated:	Platform:	Replies:
145662	Jul 2,2019 07:57 PM UTC	Jul 3,2019 12:35 PM UTC	Blazor	1

Subscribe to this post

Tags: Charts

John

Asked On July 2, 2019 07:57 PM UTC

Hi,

I am experiencing issues with the Doughnut chart and horizontal bar chart.

When the bound data changes and the control re-renders, the charts do not update to display the new data.

Strangely the AccumulationChartAccumulationAnnotation does refresh correctly.

Please advise, thanks.

Reply | Reply with quote

Baby Palanidurai [Syncfusion]

Replied On July 3, 2019 12:35 PM UTC

Hi John,

Greetings from Syncfusion.

Response #1: For Horizontal Bar Chart

We have tried to replicate the reported scenario in bar charts. Unfortunately we are unable reproduce the reported issue at our end. We suspect it may occurs because of older version packages. So, kindly update your packages to new version. If you want to upgrade to new version, please refer the below links.

NuGet package: https://www.nuget.org/packages/Syncfusion.EJ2.Blazor/17.2.0.28-beta

Release Notes: https://ej2.syncfusion.com/aspnet-core-blazor/documentation/release-notes/17.2.28/

Online Documentation: https://ej2.syncfusion.com/aspnet-core-blazor/documentation/getting-started/vs-blazor/

Here we have attached the sample and code snippet for your reference which is used by testing,

Code Snippet:

<button onclick="@dataChange">Change the Data</button>

<EjsChart id="container" width="60%">

<ChartPrimaryXAxis ValueType="Syncfusion.EJ2.Blazor.Charts.ValueType.Double">

</ChartPrimaryXAxis>

<ChartSeriesCollection>

<ChartSeries dataSource="@dataSource" xName="xValue" yName="yValue" name="India" type="ChartSeriesType.Bar">

</ChartSeries>

</ChartSeriesCollection>

</EjsChart>

</div>

@functions{

public class ChartData

{

public double xValue;

public double yValue;

public double yValue1;

}

List<ChartData> dataSource = new List<ChartData> {

new ChartData { xValue = 10, yValue = 21 },

new ChartData { xValue = 20, yValue = 24 },

new ChartData { xValue = 30, yValue = 36 },

new ChartData { xValue = 40, yValue = 38 },

new ChartData { xValue = 50, yValue = 54 },

new ChartData { xValue = 60, yValue = 57 },

new ChartData { xValue = 70, yValue = 70 },

};

void dataChange()

{

this.dataSource = new List<ChartData> {

new ChartData { xValue = 20, yValue = 55 },

new ChartData { xValue = 40, yValue = 15 },

new ChartData { xValue = 60, yValue = 75 },

};

}

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Bar_refresh-747747421.zip

Response #2: For Donut Charts

We have validated the reported issue in donut charts. We were able to reproduce the issue Accumulation chart doesn't refresh when the data changes 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/7260

The fix will be available in our upcoming Volume 2 main release 2019 which is scheduled to be rolled out at mid of July 2019.

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,

Baby.

Reply | Reply with quote

Charts do not refresh when data changes

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US