title: Highcharts: How to load data from JSON to xAxis.categories and series.data?
body: <p>Sorry for the beginner question.</p>
  
  <p>This is how my JSON looks like:</p>
  
  <pre><code>[
     ["junior college", "Primary", "secondary", "polytechnic"],
     ["4", "3", "1", "1"]
  ]
  </code></pre>
  
  <p>And this is my HTML,</p>
  
  <pre><code>var chart; // global
  var options = {
      chart: {
          renderTo: 'container',
          defaultSeriesType: 'bar'
      },
      title:{
          text: 'No. Schools for different levels'
      },
      xAxis:{
          title:'Education Level',
          categories:[]
      },
      yAxis:{
          title:{
              text:'No. Of Schools'
          }
      },
      series:[{
          name: "No. Schools",
          data: []
      }]
  };
  
  $.getJSON('loadData.php', function(JSONresult) {
      yData = options.series[0].data; //Array to store data for y column
      xData = options.xAxis.categories; //Array to store data for x column
  
      xDataObj = JSONresult[0];
      yDataObj = JSONresult[1];
  
      for(var key in xDataObj){
          xData.push(xDataObj[key]);
      }
  
      for(var key in yDataObj){
          yData.push(parseFloat(yDataObj[key]));
      }
  </code></pre>
  
  <p>I tried to execute the code, firebug shows no error but the chart never shows up. Could you help point out where did I go wrong?</p>