This React 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 a box and whisker chart or box plot. This chart is used to visualize a group of numerical data through their data quartiles. Box plots may also have lines extending vertically from the boxes (whiskers) indicating variability outside the upper and lower quartiles. Marker and DataLabel are used to represent individual data and its values.
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.