title: JSON and Highcharts
body: <p>I'm recently new using JSON and i´m not able to draw any kind of charts from Highcharts. Since last Friday i'm reading and reading over the internet, i'm learning a lot, for sure, but right now i'm desperate. I just want a simple bar and a pie!</p>
  
  <p>From my php file, Json_encode prints something this:</p>
  
  <pre><code>[["January",4],["February",9]]
  </code></pre>
  
  <p>I think that is the correct format, string with the "" and int without it. </p>
  
  <p>And this is the code that i'm trying (i'm putting the entire example from some web i found):</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
      &lt;title&gt;Example&lt;/title&gt;
      &lt;script src="http://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.highcharts.com/modules/exporting.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;       &lt;/script&gt;
      &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          var options = {
              chart: {
                  renderTo: 'container',
                  type: 'column',
                  marginRight: 130,
                  marginBottom: 25
              },
              title: {
                  text: 'Project Requests',
                  x: -20 //center
              },
              subtitle: {
                  text: '',
                  x: -20
              },
              xAxis: {
                  categories: []
              },
              yAxis: {
                  title: {
                      text: 'Requests'
                  },
                  plotLines: [{
                      value: 0,
                      width: 1,
                      color: '#808080'
                  }]
              },
              tooltip: {
                  formatter: function() {
                          return '&lt;b&gt;'+ this.series.name +'&lt;/b&gt;&lt;br/&gt;'+
                          this.x +': '+ this.y;
                  }
              },
              legend: {
                  layout: 'vertical',
                  align: 'right',
                  verticalAlign: 'top',
                  x: -10,
                  y: 100,
                  borderWidth: 0
              }, {
              series: []
          }
  
          $.getJSON("myphpname.php", function(json) {
              options.xAxis.categories = json[0]['data'];
              options.series[0] = json[1];
              chart = new Highcharts.Chart(options);
          });
      });
      &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thanks for all!!!</p>