Box and Whisker

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 BoxAndWhiskerSeriesService into the @NgModule.providers section. More information on the BoxAndWhisker can be found in this documentation section.