When trying out the code from here:
https://blazor.syncfusion.com/documentation/chart/data-label-template/
which is this (without changes)
@using Syncfusion.Blazor.Charts
<SfChart>
<ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Category"/>
<ChartSeriesCollection>
<ChartSeries DataSource="@WeatherReports" XName="X" YName="Y">
<ChartMarker>
<ChartDataLabel Visible="true">
<Template>
@{
var data = context as ChartDataPointInfo;
}
<div style="background-color: aliceblue">@data.PointX</div>
</Template>
</ChartDataLabel>
</ChartMarker>
</ChartSeries>
</ChartSeriesCollection>
</SfChart>
@code{
public class Data
{
public string X { get; set; }
public double Y { get; set; }
public string Fill { get; set; }
public string Text { get; set; }
}
public List<Data> WeatherReports = new List<Data> {
new Data{ X= "Jan", Y= 3, Fill= "#498fff", Text= "January" },
new Data{ X= "Feb", Y= 3.5, Fill= "#ffa060", Text= "February" },
new Data{ X= "Mar", Y= 7, Fill= "#ff68b6", Text= "March" },
new Data{ X= "Apr", Y= 13.5,Fill= "#81e2a1", Text= "April" }
};
};
The following exception is thrown (SF 19.1.0.63)
System.NullReferenceException: Object reference not set to an instance of an object.
at Syncfusion.Blazor.Charts.SfChart.UpdateDatalabelTemplate()
at System.Threading.Tasks.Task.<>c.<ThrowAsync>b__140_0(Object state)
at Microsoft.AspNetCore.Components.Rendering.RendererSynchronizationContext.ExecuteSynchronously(TaskCompletionSource`1 completion, SendOrPostCallback d, Object state)
at System.Threading.ExecutionContext.RunInternal(ExecutionContext executionContext, ContextCallback callback, Object state)
--- End of stack trace from previous location ---
at Microsoft.AspNetCore.Components.Rendering.RendererSynchronizationContext.ExecuteBackground(WorkItem item)
