Chart Series not correctly updating when adding a new series

Hello, I get an error when adding a new series to my chart. I am trying to create a chart with candlesticks and various custom indicators. Indicators is a list that gets added to after a user clicks a button. See the following code below:

<EjsChart>      <ChartPrimaryXAxis ValueType="Syncfusion.EJ2.Blazor.Charts.ValueType.DateTime"></ChartPrimaryXAxis>      <ChartSeriesCollection>          <ChartSeries  DataSource="IndicatorData[0].Outputs" XName="@nameof(ChartData.XValue)"  YName="@nameof(ChartData.YValue)" Type="ChartSeriesType.Column"></ChartSeries>          @foreach (var indicator in IndicatorData)          {              <ChartSeries DataSource="indicator.Outputs" XName="@nameof(ChartData.XValue)"  YName="@nameof(ChartData.YValue)"></ChartSeries>          }      </ChartSeriesCollection>  </EjsChart>    @code{        public class ChartData      {          public DateTime XValue { get; set; }          public double YValue { get; set; }      }        public class Indicator      {          public string value { get; set; }          public List<ChartData> Outputs { get; set; }      }  }

Thank you for your quick response. However, this does not solve the problem. The problem is when you add another series to the chart after the chart is already made. I updated the Index.razor file you sent me in your demo to be able to add a series after the chart is created, so I hope the issue is clear. Please try running this code and click the "Add Indicator" button. For me the chart breaks and I get a javascript error. Let me know if it's not clear. Thanks!
Attachment: MultipleSeries_51962db2.zip

Is this fixed and deployed?

It seems to be working fine for me. Thanks for the fix. FYI for those using Web Assembly blazor, all I had to do was update the ej2.min.js to https://cdn.syncfusion.com/ej2/17.3.19/dist/ej2.min.js worked for me. I don't have an interop file referenced (maybe it's a server-side blazor thing?)

Using the latest version (17.4.39) this demo doesn't work for me. It'll render the initial line but won't add a second. Also if you're making an async call for data in OnInitializedAsync how do you get it to render additional chart series?

....  <EjsChart @ref="ChartObj">      <ChartPrimaryXAxis ValueType="Syncfusion.EJ2.Blazor.Charts.ValueType.DateTime"></ChartPrimaryXAxis>      <ChartSeriesCollection>            @foreach (var indicator in IndicatorData)          {              <ChartSeries DataSource="indicator.Outputs" XName="XValue" YName="YValue"></ChartSeries>          }      </ChartSeriesCollection>  </EjsChart>  ....    @code{      EjsChart ChartObj;    ....  public void AddIndicator()      {          List<ChartSeries> seriesCollection = new List<ChartSeries>();          seriesCollection.Add(new ChartSeries          {              XName = "XValue",              YName = "YValue",              DataSource = new List<ChartData>              {                  new ChartData { XValue = new DateTime(2005, 01, 01), YValue = 31 },                  new ChartData { XValue = new DateTime(2006, 01, 01), YValue = 26 },                  new ChartData { XValue = new DateTime(2007, 01, 01), YValue = 43 },                  new ChartData { XValue = new DateTime(2008, 01, 01), YValue = 31 },                  new ChartData { XValue = new DateTime(2009, 01, 01), YValue = 44 },                  new ChartData { XValue = new DateTime(2010, 01, 01), YValue = 67 },                  new ChartData { XValue = new DateTime(2011, 01, 01), YValue = 60 },              }          });          ChartObj.AddSeries(seriesCollection);      }  ....

Hi, the sample code above seems to work for the line or area chart. 

Thanks for the update.

Hi,
Attachment: BlazorApp1_ea0efb90.zip

Hi Dan,

 

Thanks for your patience.

We are able to reproduce the reported issue and we will validate and update you the status on 6^th April, 2020. We appreciate your patience until then.

 

Regards,

Baby.