I am attempting to customize the background colors of a highcharts scatter plot. While I can easily change the color of a specific section using the code provided, my goal is to apply multiple colors to different ranges within the same plot. Specifically, I want to shade the area from 60-100 with dark gray, highlight the area from 100-120 with light gray, and cover the range of 40-60 with another hue of light gray. Since I am creating a confidence plot, I believe this should be a common feature but have been unable to find a solution thus far.
Using the following code snippet will add a light gray background to the plot:
plotBands: [{
from: 60,
to: 100,
color: '#d9d9d9'
}]
Check out the Fiddle for reference: Fiddle Here...