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.

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