title: Ability to apply a colored area for a plotted date period
body: <p>In this example <a href="http://jsfiddle.net/hfrntt/qwfZ9/1546/" rel="nofollow">JFiddle Link</a>. I want to apply a colored area for a plotted/selected date period. For example, if I select points 1 to 10, the background of these points should be highlighted. </p>
  
  <pre><code>var $report = $('#report');
  
  // create the chart
  var chart = new Highcharts.Chart({
  chart: {
      renderTo: 'container',
      events: {
          selection: function(event) {
              if (event.xAxis) {
                  var min = Math.ceil( event.xAxis[0].min ),
                      max = Math.ceil( event.xAxis[0].max ),
                      data = this.series[0].data,
                      list = [];
  
                  $('#report').empty();
  
                  for(i=min; i&lt;max; i++)
                      list.push('&lt;li&gt;x: '+data[i].x+', y: '+data[i].y+'&lt;/li&gt;');
  
                  $('#report').append( list.join('') );
  
              }
              return false;
          }
      },
      zoomType: 'x'
  },
  xAxis: {
  },
  
  series: [{
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6,     54.4]        
  }]
  });
  </code></pre>