Example of Area Zone in React Chart Component


This sample visualizes the data on US season retail sales growth using a multi-colored area series in the chart. Data points are enhanced with segments and tooltips.

More Details...


In this example, you can see how to render and configure the points in a particular range by using MultiColoredArea series. Points within the range can be configured with color property in ChartSegment.

Tooltips are enabled in this example, to see the tooltip in action, hover a point or tap a point in touch enabled devices.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use area series, we need to inject MultiColoredAreaSeries module using Chart.Inject(MultiColoredAreaSeries) method.

More information on the multi-colored area series can be found in this   documentation section.