title: CanvasJS chart not showing
body: <p>I am trying to create a bar chart with data for years 2009 to 2015 of enrolled students in given majors at universities in Mauritius. I am using the Javascript below and <code>console.log(data)</code> shows that the chart has been rendered. However, it does not display. </p>
  
  <pre><code>var dataPoints = [];
  var myChart = document.getElementById('myChart').getContext('2d');
  
  $('#all').click(function(){
  $.get("http://api.worldbank.org/v2/countries/mus/indicators/SE.TER.ENRL?date=2009:2015", function(data) {
      console.log(data);
  
      $(data).find("wb:data").each(function () {
          var $dataPoint = $(this);
          var x = $dataPoint.find("wb:date").text;
          console.log(x);
          var y = $dataPoint.find("wb:value").text();
          dataPoints.push({x: parseFloat(x), y: parseFloat(y)});
      });
  
      var chart = new CanvasJS.Chart("myChart", {
          title: {
              text: $(data).find("wb:indicator").text(),
          },
          data: [{
               type: "column",
               dataPoints: dataPoints,
            }]
      });
  
      chart.render();
      document.getElementById('myChart').style.display = "block";
  });
  });
  </code></pre>
  
  <p>This is the html. The canvas is initially set to <code>display:none</code>.</p>
  
  <pre><code>&lt;canvas id="myChart"&gt;
  &lt;/canvas&gt;
  </code></pre>