RealTime chart with ChartJS, Socket.io and KnockoutJS

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="author" content="lnmunhoz">

function MainViewModel(data) {
    var self = this;
    var socket = io.connect('localhost:8080');

self.lineChartData = ko.observable({
      labels : ["January","February","March","April","May","June","July"],
      datasets : [
        {
          fillColor : "rgba(151,187,205,0.5)",
          strokeColor : "rgba(151,187,205,1)",
          pointColor : "rgba(151,187,205,1)",
          pointStrokeColor : "#fff",
          data : [65,59,90,81,56,55,40]
        }
      ]
    });

socket.on('pushdata', function (data) {
      self.lineChartData().datasets[0].data.shift();
      self.lineChartData().datasets[0].data.push(data);
      self.initLine();
    });

self.initLine = function() {
      var options = {
        animation : false,
        scaleOverride : true,
        scaleSteps : 10, // The number of steps in a hard coded scale
        scaleStepWidth : 10, // The value jump in the hard coded scale
        scaleStartValue : 10 // The scale starting value
      };

var ctx = $("#canvas").get(0).getContext("2d");
      var myLine = new Chart(ctx).Line( vm.lineChartData(), options );
    }

}

var vm = new MainViewModel();
  ko.applyBindings(vm);
  vm.initLine();

</script>
</body>
</html>

Modified http://code.jquery.com/jquery-1.9.1.js to a secure url

Updated missing url https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1/Chart.js to https://cdnjs.cloudflare.com/ajax/libs/chart.js/1.0.1/chart.js

https://code.jquery.com/jquery-1.9.1.js

https://cdnjs.cloudflare.com/ajax/libs/knockout/2.1.0/knockout-min.js

https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1/Chart.js

https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.3/socket.io.min.js