This Angular Box and Whisker Chart example visualizes the employee’s age group in various departments of a company with box and whisker chart.
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 about the box and whisker series can be found in this documentation section.