title: Why is my canvasjs chart not loading?
body: <p>I have a problem. My chart doesn't render at all.</p>
  
  <p>this is the JSON data that the service is returning. 
  [{"label":"A","y":0},{"label":"B","y":5},{"label":"C","y":2},{"label":"D","y":0},{"label":"T","y":7}][{"label":"A","y":0},{"label":"B","y":5},{"label":"C","y":2},{"label":"D","y":0},{"label":"T","y":7}]
  [{"label":"A","y":0},{"label":"B","y":10},{"label":"C","y":4},{"label":"D","y":0},{"label":"T","y":14}]</p>
  
  <p>here is my code</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
      &lt;html xmlns="http://www.w3.org/1999/xhtml" &gt;
      &lt;head&gt;
      &lt;script src="jquery/jquery-1.11.1.js"&gt;&lt;/script&gt;
      &lt;script src="jquery/jquery.canvasjs.min.js"&gt;&lt;/script&gt;
  
      &lt;script type='text/javascript'&gt;
         $(document).ready(function () {
  
         $.getJSON('data.php', function (result) {
          var chart = new CanvasJS.Chart('Container', {
          title:{
              text: 'Results of Survey',
          },
          data: [
  
          {
              type: 'column',
              dataPoints: result
  
          }
  
          ]
  
      });
  
      chart.render();
  
      });
  
  
  
      });
  
      &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
      &lt;div id="Container" style="width: 800px; height: 380px;"&gt;&lt;/div&gt;
  
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>