title: Highcharts Grouped Column with Time Series
body: <p>I know how to make the regular columns in highcharts that are grouped and I know how to make a time series for a line chart OR columns (they have examples for these), but what I can't seem to figure out is how to create a time series for grouped columns. The closest I can get is overlapping columns.</p>
  
  <p>I'm looking for something like this (<strong>made in paint</strong>): 
  <img src="https://i467.photobucket.com/albums/rr40/hosoi_dan/grouped_column_time_series_zpsbd2afb7d.jpg" alt="grouped column time series chart">(<a href="https://i467.photobucket.com/albums/rr40/hosoi_dan/grouped_column_time_series_zpsbd2afb7d.jpg" rel="nofollow noreferrer">https://i467.photobucket.com/albums/rr40/hosoi_dan/grouped_column_time_series_zpsbd2afb7d.jpg</a>)</p>
  
  <p>Here's what my code looks like:
  ` </p>
  
  <pre><code>var data =
  [
      /* Apr 2013 */
      {name:"T1",x:1364774400000, y:13918927, color:"red"},
      {name:"T1",x:1364774400000, y:10920462, color:"green"},
      [1364860800000,18920462],
      [1364947200000,12971961],
  
      /* May 2013 */
      [1367366400000,18112671],
      [1367452800000,15072312]
  ];
  
  
  
  
  $('#container').highcharts('StockChart', {
      chart: {
          alignTicks: false,
              type: 'column'
      },
      rangeSelector: {
          selected: 1
      },
      title: {
          text: 'AAPL Stock Volume'
      },
  
      series: [{
          name: 'AAPL Stock Volume',
          data: data
      }]
  });
  </code></pre>
  
  <p>`</p>
  
  <p>And a jsfillde with the code:
  <a href="http://jsfiddle.net/UH5wj/" rel="nofollow noreferrer">http://jsfiddle.net/UH5wj/</a></p>