title: How to dynamically populate Highcharts column chart with two series
body: <p>I'm straggling with two issues: 
  The first - I'm trying to change this</p>
  
  <pre><code>series: [{
              type: 'column',
              color: '#a0a0a0',
              name: 'Previous',
              data: [A, B, C, D, E]
  
          }, {
              type: 'column',
              color: 'rgba(250,206,57,1)',
              name: 'Current',
              data: [AA, BB, CC, DD, EE]
          }
          ]
  </code></pre>
  
  <p>to populate with loop so the Number of items can be change, but this code made each item as a different series. </p>
  
  <pre><code>series: []
  
  });
  
  var newSeries = [];
  for (var i = 2; i &lt;= (N-1); i++) {
  var newData = [];
  
  var seria = {};
  seria['name'] = 'Previous';
  seria['data'] = [Pre[i]];
  seria['color'] = '#2dbdda';
  
  newSeries.push(seria);
  
  var seria2 = {};
  seria2['name'] = 'Current';
  seria2['data'] = [Cur[i]];
  seria2['color'] = '#214881';
  
  
  newSeries.push(seria2);
  </code></pre>
  
  <p>}</p>
  
  <p>What is wrong?</p>
  
  <p>The second - how to add dynamically population to the X-Axis data label?</p>
  
  <p>Thanx</p>