title: how to draw charts with json file data in highcharts
body: <p>my json.data file is in the same directory as my index.html file. data.json file looks like this:</p>
  
  <pre><code>  {
   data:
      [
            [1369540800000,20]
      ]
  }
  </code></pre>
  
  <p>when I do:</p>
  
  <pre><code>alert(JSON.stringify(jsonData, null, 4));
  </code></pre>
  
  <p>I get this back, so I get the values. Still dont know what is wrong.</p>
  
  <pre><code>{
     "data":[
      [
        1369540800000,
            10
          ],
          [
            1369541700000,
            20
      ]
        ]
  }
  </code></pre>
  
  <p>my html file including java script to build the charts is below:</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;html&gt;
          &lt;head&gt;
          &lt;meta http-equiv="content-type" content="text/html;charset=utf-8"&gt;
          &lt;title&gt;HIGHTCHARTS&lt;/title&gt;
  
                  &lt;style&gt;
  
                          body
                          {
                                  font: 10px arial;
                          }
  
                  &lt;/style&gt;
  
               &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"&gt;&lt;/script&gt;
               &lt;script src="http://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
  
                  &lt;script type="text/javascript"&gt;
  
                  $(function () {
                              var chart;
                              $.getJSON('data.json', function(jsonData) {
                                  chartOptions.series = jsonData;
                                  chart = new Highcharts.Chart(chartOptions);
                              });
  
                              var chartOptions = {
                                  chart: {
                                      renderTo: 'container'
                                  },
                                  xAxis: {
                                      type: 'datetime'
                                  },
  
                                  series: []
                              };
                          });
                  &lt;/script&gt;
  
  
          &lt;/head&gt;
  
          &lt;body&gt;
                 &lt;div id="container" style="width:100%; height:400px;"&gt;&lt;/div&gt;
          &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>I see the chart title but I dont see any charts or data points. What am I missing here?</p>