Example of Box and Whisker in Javascript Chart Control

Box and Whisker

This sample visualizes the employees’ 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. Injecting Module Chart component features are segregated into individual feature-wise modules. To use box and whisker series, we need to inject BoxAndWhiskerSeries module using Chart.Inject(BoxAndWhiskerSeries) method. More information on this series can be found in this documentation section.