Example of Tooltip Template in Javascript Chart Control

Tooltip Template

This sample visualizes USA wheat production data with the default line series in the chart. Data points are enhanced with a background image and a tooltip template.

More Details...


In this example, you can see how to render and configure a background image and the tooltip template for the chart. You can use the backgroundImage property to configure the background for the chart and the template property in ChartTooltipSettings to customize the tooltip UI. Tooltip is enabled in this example, to see the tooltip in action, hover a point or tap on a point in touch enabled devices. Injecting Module Chart component features are segregated into individual feature-wise modules. To use Tooltip, we need to inject Tooltip module using Chart.Inject(Tooltip) method. More information on the tooltip template can be found in this documentation section.