lowerBoxColor: String

lowerBoxColor allows you to set the color of lower box that appears between lower quartile (Q1) and the mean / median (Q2). The value of lowerBoxColor can be a “HTML Color Name” or “Hex Code”.

Default: “white”
Example: “green”, “#DD7E86”

  • Works only in Box and Whisker chart.

var  chart =  new  CanvasJS.Chart("container",
  data: [{
   type: "boxAndWhisker",
   lowerBoxColor: "blue"

Try it Yourself by Editing the Code below.

In order to provide better support, we have closed the comments and switched completely to our Forums.
If you have any questions, please feel free to ask in our forums.