Example of Box and Whisker in React Chart Component


This sample visualizes the employee’s age group in various departments of a country with box and whisker type series in the chart. Mode of box and whisker series can be changed by Mode in property panel. To display the mean value in a series, enable the Mean in the property panel.

More Details...


In this example, you can see how to render and configure the box and whisker type charts. Similar to line type series, but the area get closed and filled with series color. You can use border, fill properties to customize the area. marker and dataLabel are used to represent individual data and its value. Legend is enabled in this example with series type shape.

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 BoxAndWhisker series, we need to inject BoxAndWhiskerSeries module into services.

More information on the box and whisker series can be found in this   documentation section.