<div style="width:98%" >
			<div>
				<canvas id="canvas" height="200"   width="600"></canvas>
			</div>
		</div>
var lineChartData = {
		labels: ['2001', '2002', '2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016' ],
		datasets: [{
				label: "SES 3.4",
				fillColor: "#F2CE16",
				strokeColor: "#f26b1d",
				pointColor: "#f26b1d",
				pointStrokeColor: "#f26b1d",
				pointHighlightFill: "#f26b1d",
				pointHighlightStroke: "#f26b1d",
				data: [206,238,214,255, 246, 248, 283, 276, 283, 284, 252, 270, 236, 238, 310, 319]
		}]

}

window.onload = function() {
		var ctx = document.getElementById("canvas").getContext("2d");
		window.myLine = new Chart(ctx).Line(lineChartData, {
				responsive: true

		});
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js