Unable to display the chart in Chart.js

Here is the code: graphs.html

 <html>
 <head>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"> 
 </script>
 <title>Graphs</title>
 </head>

 <body>
<canvas id = "graphs" width="400" height="400" ></canvas>
<script>
var chart = document.getElementById("graphs").getContext("2d");
//var myarray = #{data_y};
var myarray = [10,20,30,40]
var data = {
    //labels:#{data_x},
    lables : ["hi","bye","hello","chao"],
    datasets: [{
        label:"Scores",
        fillColor: #fa5,
        strokeColor: #111,
        highlightFill: #123,
        highlightStroke: #123,
        data: myarray //y-axis
    }]


   };
  var charts = new Chart(chart).Bar(data);
 </script>
 </body>
 </html>
 </html>

This is a snippet of the relevant index.js code:

 /* GRAPHS */
 router.get('/graphs', function(req, res, next) {
 var db = req.db;

db.collection('Responses').find({},function(er,doc){
        if(er) res.send("Error!");

        else{
      var score = [];
      var uname = [];
      for(i=0;i<doc.length;i++){

          var u = doc[i]["uname"];
          var s = doc[i]["Score"];

          //console.log(u);
          uname.push(u);
          score.push(s);
      }
        var dataset = 
            {
                "categories": uname,
                "dataset": score
            };
         //console.log(uname);
         res.render('graphs',{data_x:uname,data_y:score}); 
        }
    });
 });

When the code is run via: npm start, no chart is displayed. I am unable to find the error. data_x, data_y are returned correctly though, from the back-end to the front-end.