Blazor No Data Template Chart Example.

Charts / Chart Customization / No Data Template

This Blazor Chart sample illustrates handling the empty data chart using no data template. This template is used to display a custom message or image when the data is not available in the chart.

Loading Syncfusion Blazor Server Demos…

In this example, the NoDataTemplate property is assigned with an HTML template that includes an image, a message indicating data unavailability, and a button to load new data into the chart. Once data is provided, a line chart is displayed.

Tooltip is enabled in the chart. To view a tooltip, hover over a data point or tap on it if you're using a touch-enabled device.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE