title: Data will not draw onto my chart
body: <p>I am trying to output data onto a chart using the chart.js lib. I have successfully pulled the data out I need and created the datasets but for some reason it just will not render onto the chart.</p>
  
  <p>I have three files:</p>
  
  <p>teamData.js</p>
  
  <pre><code>$(document).ready(function(){
  
      $.ajax({
          url : "http://localhost/acredashAdv/teamData.php",
          type : "GET",
          success :function(data){
              console.log(data);
  
              var score_1 = [];
              var score_2 = [];
  
              for (var i in data) {
                   score_1.push(data[i].score_1);
                   score_2.push(data[i].score_2);
              }
  
              var chartata = {
                  labels: [
                   "Strategic Development and Ownership", 
                   "Driving change through others", 
                   "Exec Disposition", 
                   "Commercial Acumen", 
                   "Develops High Performance Teams", 
                   "Innovation and risk taking", 
                   "Global Leadership", 
                   "Industry Leader"
                   ],
  
                  datasets : [
                      {
                            label: "user 1",
                            backgroundColor: "rgba(0,0,0,0)",
                            borderColor: "#B71C1C",
                            data: score_1,
                      },
                      {
                            label: "user 2",
                            backgroundColor: "rgba(0,0,0,0)",
                            borderColor: "#B71C1C",
                            data: score_2
                      },                                                                                              
  
                  ]
              };
  
              var ctx = $("#mycanvas");
  
              var LineGraph = new Chart(ctx, {
                  type: 'radar',
                  data: chartata,
                  animationEasing: 'linear'
              }); 
          },
          error :function(data){
  
          },
      });
  
  });
  </code></pre>
  
  <p>teamData.php</p>
  
  <pre><code>&lt;?php
  include 'config.php';
  
  $query = sprintf("SELECT member_id, firstName, lastName, score_1, score_2, score_3, score_4, score_5, score_6, score_7, score_8 FROM members");
  
  $result = $conn-&gt;query($query);
  
  $data = array();
  foreach ($result as $row) {
    $data[] = $row;
  }
  
  $result-&gt;close();
  $conn-&gt;close();
  
  print json_encode($data);
  
  ?&gt;
  </code></pre>
  
  <p>teams.php</p>
  
  <pre><code>&lt;div style="max-width: 500px;"&gt;
    &lt;canvas id="mycanvas" class="container"&gt;&lt;/canvas&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>On my console.log I can see the data is coming through correctly:</p>
  
  <pre><code>[{"member_id":"144","firstName":"Dan","lastName":"Barrett","score_1":"4","score_2":"2","score_3":"3","score_4":"5","score_5":"1","score_6":"3","score_7":"5","score_8":"4"},{"member_id":"145","firstName":"Jon","lastName":"Smith","score_1":"3","score_2":"4","score_3":"1","score_4":"2","score_5":"1","score_6":"2","score_7":"3","score_8":"4"},{"member_id":"146","firstName":"Dan","lastName":"Barrett","score_1":"1","score_2":"2","score_3":"1","score_4":"1","score_5":"4","score_6":"1","score_7":"4","score_8":"3"}]
  </code></pre>
  
  <p>But unless I am getting mixed up it will not draw out the data... I end up with an empty chart.</p>
  
  <p><a href="https://i.stack.imgur.com/gNAnK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gNAnK.png" alt="enter image description here"></a></p>