Example of Tooltip Template in Javascript Chart Control

Tooltip Template

This sample visualizes the USA Wheat Production data with default line series in the chart. Data points are enhanced with marker and tooltip.

More Details...


In this example, you can see how to render and configure the backgroundImage and tooltip template for the charts. You can use backgroundImage, tooltip, fill properties to customize the line. marker is used to represent individual data and its value. 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 line series can be found in this documentation section.