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.

JavaScript JavaScript code

Jessica Tanner

Update 27 June 2023

You should read it

May be interested

JavaScript code to generate error line graph/graph
the example below illustrates a sample error chart with line chart created with javascript. the article also provides source code for you to edit in the browser or save to your computer to run locally.
JavaScript code to generate error charts & graphs
the example below illustrates a sample variance chart created with javascript that incorporates a column chart. you will also get the source code for reference and editing as you wish.
Code of chart/bar graph with error combination
the example below illustrates a bar chart template with errors created with javascript.
JavaScript code to create Pareto charts & graphs
the example below illustrates a pareto chart template created with javascript. you will also have the source code to edit in the browser or save to your computer to run locally.
JavaScript code that generates Pareto chart template with Index/Data . label
you can easily add and customize index/data labels to the pareto chart. the example below shows a pareto chart with data/index labels created with javascript.
Problem with % units in CSS
do you know how to use % units in css? do you have any problems using percentages in css? let's find out with tipsmake.com.com!

JavaScript code that generates box and whisker charts containing outliers

Chart customization

You should read it

May be interested

Program