Charts / Chart Customization / No Data Template

Blazor No Data Template Chart Example.

Loading Syncfusion Blazor Server Demos…

This Blazor Chart sample demonstrates how to handle empty data scenarios using a no data template. This template displays a custom message or image when the chart data is unavailable.

In this example, the NoDataTemplate property is configured with an HTML template that includes:

  • A descriptive image
  • A message indicating data unavailability
  • An action button to load new data into the chart

Once data is provided, the chart displays a line chart with the loaded information. Tooltip is enabled in the chart to view detailed data. To see a tooltip, hover over a data point or tap on it on touch-enabled devices.

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