JavaScript code that generates box and whisker charts containing outliers

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.

Table of Contents

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.

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

 

 

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.

You've just finished reading the article "JavaScript code that generates box and whisker charts containing outliers" edited by the TipsMake team. You can save javascript-code-that-generates-box-and-whisker-charts-containing-outliers.pdf to your computer here to read later or print it out. We hope this article has provided you with many useful tech tips and tricks. You can search for similar articles on tips and guides. Thank you for reading and for following us regularly.

« PREV : JavaScript code to...
JavaScript code to... : NEXT »