$(document).ready(function() {
  $('.link').on('click', function() {
    $('.link').removeClass('active');
    $(this).toggleClass('active');
  });
});

var c1 = document.getElementById("c1");
var parent = document.getElementById("p1");
c1.width = parent.offsetWidth;
c1.height = parent.offsetHeight;

var data1 = {
  labels : ["00","10","20","30","40","50","60"],
  datasets : [
    {
      fillColor : "rgba(255,255,255,.1)",
      strokeColor : "rgba(255,255,255,1)",
      pointColor : "#0af",
      pointStrokeColor : "rgba(255,255,255,1)",
      data : [150,200,235,290,300,350, 450]
    }
  ]
}

var options1 = {
  scaleFontColor : "rgba(255,255,255,1)",
  scaleLineColor : "rgba(255,255,255,1)",
  scaleGridLineColor : "transparent",
  bezierCurve : false,
  scaleOverride : true,
  scaleSteps : 5,
  scaleStepWidth : 100,
  scaleStartValue : 0
}

new Chart(c1.getContext("2d")).Line(data1,options1)