• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of No Data Template in ASP.NET Core Chart Control

This 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.

DEMO
SOURCE

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 ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab
Documentation
opens in a new tab
Forum
opens in a new tab
Blog
opens in a new tab
Copyright © 2001-2019 Syncfusion Inc.