title: Highcharts - Highlight / Shade date range
body: <p>I need to add a new series to this chart which will allow me to highlight / shade a particular range of dates. It needs to be 100% height of the chart.</p>
  
  <p>I was looking at using another area series, but I couldn't get it working as I wanted it given I have two existing area series on this chart. </p>
  
  <p>I thought another series which had a 1 or 0 for the particular point to indicate if it should be highlighted or not?</p>
  
  <pre><code>{name: 'mydates',
    color:'red',
    fillOpacity: 0.3,
    data: [0, 0, 0,1,1,1,1, 1, 1,1,0,0],
    type:'area',
    stacking: 'percent'
  },
  </code></pre>
  
  <p><a href="http://jsfiddle.net/L3ynM/" rel="noreferrer">http://jsfiddle.net/L3ynM/</a></p>
  
  <p>The problem with my sample:</p>
  
  <ul>
  <li>The 'mydates' series doesn't take 100% height of the chart</li>
  <li>If the 'mydates' series begins midchart, it starts with an angle. I'd like it to go straight up</li>
  </ul>