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