JavaScript code that generates box and whisker charts containing outliers

Outliers or outliers are values ​​that fall outside the minimum and maximum data point values. Any data that is not between the extremes (whiskers) is an outlier and is usually represented by a dot or a plus sign. You can add scatter series in the histogram to show outlier values.

The example below illustrates a box & whisker chart pattern with outlier values ​​represented by a scatter plot. The article also provides JavaScript source code  for you to edit or save to your computer to run internally.

JavaScript code that generates box and whisker charts containing outliers Picture 1

Source : CanvasJS

Chart customization

You can change the way outliers are marked via the scatter string's markerType property. Other customization options include: markerSize - marker size, markerColor - marker color, markerBorderColor - marker border color.

Jessica Tanner

Update 27 June 2023