Ok Durga, so even though the code I provided was directly from your online documentation (reference provided, perhaps update), we've established that the issue relates to initialisation/instantiation.
There's still an issue there though if you are instantiating, and one needs to acquire data asynchronously.
Again, as I can't provide my working code, here is a failing example:
<SfStockChart Title="AAPL Stock Price" @ref="@sc">
<StockChartSeriesCollection>
<StockChartSeries DataSource="@StockDetails" Type="ChartSeriesType.Candle" XName="Date" High="High" Low="Low" Open="Open" Close="Close" Volume="Volume" Name="Google"></StockChartSeries>
</StockChartSeriesCollection>
</SfStockChart>
@code {
public DemoFail.Shared.OrgUnit ou;
private List<ChartData> StockDetails { get; set; } = new List<ChartData>();
private SfStockChart sc { get; set; }
protected override async Task OnInitializedAsync() {
await Task.Delay(5000);
StockDetails = new List<ChartData> {
new ChartData { Date = new DateTime(2012, 04, 02), Open= 85.9757, High = 90.6657,Low = 85.7685, Close = 90.5257,Volume = 660187068},
new ChartData { Date = new DateTime(2012, 04, 09), Open= 89.4471, High = 92,Low = 86.2157, Close = 86.4614,Volume = 912634864},
new ChartData { Date = new DateTime(2012, 04, 16), Open= 87.1514, High = 88.6071,Low = 81.4885, Close = 81.8543,Volume = 1221746066},
new ChartData { Date = new DateTime(2012, 04, 23), Open= 81.5157, High = 88.2857,Low = 79.2857, Close = 86.1428,Volume = 965935749},
new ChartData { Date = new DateTime(2012, 04, 30), Open= 85.4, High = 85.4857,Low = 80.7385, Close = 80.75,Volume = 615249365},
new ChartData { Date = new DateTime(2012, 05, 07), Open= 80.2143, High = 82.2685,Low = 79.8185, Close = 80.9585,Volume = 541742692},
new ChartData { Date = new DateTime(2012, 05, 14), Open= 80.3671, High = 81.0728,Low = 74.5971, Close = 75.7685,Volume = 708126233},
new ChartData { Date = new DateTime(2012, 05, 21), Open= 76.3571, High = 82.3571,Low = 76.2928, Close = 80.3271,Volume = 682076215},
new ChartData { Date = new DateTime(2012, 05, 28), Open= 81.5571, High = 83.0714,Low = 80.0743, Close = 80.1414,Volume = 480059584}
};
sc.Refresh();
}
This example, where the datasource is declared to be empty. then loaded async on initialisation fails similarly. To work around this failure, one must initialised the datasource to have some dummy data:
private List<ChartData> StockDetails = new List<ChartData>() { { new ChartData { Date = new DateTime(2012, 04, 02), Open = 85.9757, High = 90.6657, Low = 85.7685, Close = 90.5257, Volume = 660187068 } } };I think its a bug that the chart can't handle being declared, then data populated async on init.
Please advise.
Regards,
Phil
