title: In Highcharts, how to set width of plot bands on y-axis in column chart?
body: <p>Is there a smart way of sizing and aligning plot bands on the y-axis to the x-axis columns? The size seems to use the x-axis' width.</p>
  
  <p>JSFiddle demo: <a href="https://jsfiddle.net/remisture/hvy162k5/13/" rel="nofollow noreferrer">https://jsfiddle.net/remisture/hvy162k5/13/</a></p>
  
  <p>I'm trying to have the plot bands to the left of the column, something like this: <a href="https://jsfiddle.net/remisture/hvy162k5/12/" rel="nofollow noreferrer">https://jsfiddle.net/remisture/hvy162k5/12/</a> - where I basically set the <code>.chart-column</code> width small enough to "fake" it, but this varies across browsers, so I need to find a better solution.</p>
  
  <p>The <code>thickness</code> property of PlotBand objects doesn't seem to help me either.</p>
  
  <pre><code>plotBands: [{
      from: 0,
      to: 2500,
      color: '#FB8585'
    }, {
      from: 2500,
      to: 5500,
      color: '#F9E7AE'
    }, {
      from: 5500,
      to: 8000,
      color: '#83DAD9'
    }]
  </code></pre>
  
  <p><strong>This is how it is</strong></p>
  
  <p><a href="https://i.stack.imgur.com/Ab7Rrm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ab7Rrm.png" alt="This is how it is"></a></p>
  
  <p><strong>This is how I like it to be</strong></p>
  
  <p><a href="https://i.stack.imgur.com/x1uXhm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/x1uXhm.png" alt="This is how I like it to be"></a></p>