Example of Area Zone in Javascript Chart Control

Area Zone

This sample visualizes the organic revenue data with multi colored area series in the chart. Data points are enhanced with segments and tooltip.

More Details...


In this example, you can see how to render and configure the points in a particular range by using MultiColoredArea series type. Points under the range can be configured with color, width, and dashArray. Tooltip is 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.