title: Highstock xAxis.setExtremes call causing volume graph to dissapear or draw incorretly in two pane chart
body: <p>Editing the HighStock example 2 pane chart, to set extreme values on the axis causes the volume chart to disappear. Here is an example</p>
  
  <p><a href="http://jsfiddle.net/gbcLC/1/" rel="nofollow">http://jsfiddle.net/gbcLC/1/</a></p>
  
  <p>I am using a two pane chart, but when I call setExtremes ( because I want to set the starting value of the navigator ), for the most part the first chart is fine, however the volume chart ( which is my second x-axis) dances around to a different height every time ( causing it to come off of the x-axis ) and sometimes it completely disappears ( although the y-axis itself still looks fine ).</p>
  
  <p>$(function() {
      $.getJSON('<a href="http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-ohlcv.json&amp;callback=" rel="nofollow">http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-ohlcv.json&amp;callback=</a>?', function(data) {</p>
  
  <pre><code>    // split the data set into ohlc and volume
      var ohlc = [],
          volume = [],
          dataLength = data.length;
  
      for (i = 0; i &lt; dataLength; i++) {
          ohlc.push([
              data[i][0], // the date
              data[i][1], // open
              data[i][2], // high
              data[i][3], // low
              data[i][4] // close
          ]);
  
          volume.push([
              data[i][0], // the date
              data[i][5] // the volume
          ])
      }
  
      // set the allowed units for data grouping
      var groupingUnits = [[
          'week',                         // unit name
          [1]                             // allowed multiples
      ], [
          'month',
          [1, 2, 3, 4, 6]
      ]];
  
      // create the chart
      $('#container').highcharts('StockChart', {
                  chart: {
                      events: {
                          load: function() {
                              this.xAxis[0].setExtremes(Date.UTC(2008,1,1),Date.UTC(2008,8,1),true,true);
                          }
                      }
                  },          
          rangeSelector: {
              selected: 1
          },
  
          title: {
              text: 'AAPL Historical'
          },
  
          yAxis: [{
              title: {
                  text: 'OHLC'
              },
              height: 200,
              lineWidth: 2
          }, {
              title: {
                  text: 'Volume'
              },
              top: 300,
              height: 100,
              offset: 0,
              lineWidth: 2
          }],
  
          series: [{
              type: 'candlestick',
              name: 'AAPL',
              data: ohlc,
              dataGrouping: {
                  units: groupingUnits
              }
          }, {
              type: 'column',
              name: 'Volume',
              data: volume,
              yAxis: 1,
              dataGrouping: {
                  units: groupingUnits
              }
          }]
      });
  });
  </code></pre>
  
  <p>});</p>