title: Bubble Chart in Chartjs not working
body: <p>I tried implementing the bubble chart as given on the official site of chartjs
  <a href="http://www.chartjs.org/docs/latest/charts/line.html" rel="nofollow noreferrer">http://www.chartjs.org/docs/latest/charts/line.html</a></p>
  
  <p>but it only displays the grid without any data points.
  It also does not show any errors.</p>
  
  <p>Here's the code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var ctx = document.getElementById("myChart");
  var data = [{x:10, y:10, r:10}];
  // For a bubble chart
  var myBubbleChart = new Chart(ctx,{
      type: 'bubble',
      data: data,
       options: {
       scales: {
         yAxes: [{
           ticks: {
             beginAtZero:true,
              min: -30,
              max: 30  
             }
           }],
           xAxes: [{
           ticks: {
             beginAtZero:true,
              min: -30,
              max: 30  
             }
           }],
         }
       }
     
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Chart Js demo&lt;/title&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.bundle.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="chart-container" style="height:400px; width:400px"&gt;
          &lt;canvas id="myChart" width="40" height="40"&gt;&lt;/canvas&gt;    
      &lt;/div&gt;
      
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>What am i missing ?</p>