Example of Annotation in React Chart Component


This sample demonstrates annotation feature in chart. Accumulation chart is placed in cartesian chart by using annotation.

More Details...


In this example, you can see how to render and configure annotation feature in chart. We have used a pie chart to depict the sales for each year using annotation support, while selecting a particular year from the StackedColumn series, the respective data's are showed in pie. An annotation can hold any html element as its content, here we have added the Pie chart as its content.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use annotation feature in chart, we need to inject ChartAnnotation module into services.

More information on the chart annotation can be found in this documentation section.