Example of Annotation in Javascript Chart Control


This sample illustrates speed data for the Interlagos circuit. In area-based series, data points can be annotated using symbols.

More Details...


In this example, you can see how to render and configure the annotation feature in charts. An annotation can hold any HTML element as its content. In this example, an area chart depicting speed data for the Interlagos circuit has the circuit session data as its annotation content. Tooltip is enabled in this example. To see the tooltip in action, hover over a point or tap on a point in touch-enabled devices. Injecting Module Chart component features are segregated into individual feature-wise modules. To annotation feature in chart, we need to inject ChartAnnotation module using Chart.Inject(ChartAnnotation) method. More information on the chart annotation can be found in this documentation section.