title: Loading json file to chartjs
body: <p>I'm trying to load a json file (static file) to chartjs. but it's not giving any result back.I'm using python to generate the json file.
  I'm new to jquery and javascript.</p>
  
  <p>this is my code looks like.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;title&gt;Bar Chart&lt;/title&gt;
      &lt;script type="text/javascript" language="javascript" src="static/js/chart-min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" language="javascript" src="static/js/util.js"&gt;&lt;/script&gt;
      &lt;style&gt;
      canvas {
          -moz-user-select: none;
          -webkit-user-select: none;
          -ms-user-select: none;
      }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;script&gt;
      &lt;div id="container" style="width: 75%;"&gt;
          &lt;canvas id="canvas"&gt;&lt;/canvas&gt;
      &lt;/div&gt;
  
  $.getJSON( "var/graph.json", function( data ) {
   var myChart = new Chart(ctx, {
   type: 'bar',
   data: data,
   options: {
      scales: {
          yAxes: [{
              ticks: {
                  beginAtZero: true
              }
          }]
      }
    }
   });
  
  &lt;/script&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>My static json file looks like this</p>
  
  <pre><code>{
      "test_data": [
          ["aa", "11"],
          ["bb", "123"],
          ["cc", "81"],
          ["dd", "12"],
          ["ee", "22"]
      ]
  }
  </code></pre>
  
  <p>What i'm missing here...i need to draw a line graph (x Axis - name (aa,bb,cc,dd) y Axis numbers (11,123,81,22)
  Appreciate your help on this.</p>