line chart with ChartJS

by JohnnyJuarez

HTML

<script src="http://www.chartjs.org/assets/Chart.min.js"></script>
<canvas id="weeksChart" width="651" height="335"></canvas>

JavaScript

var dayTemperatureArray = [-5, 14, 15, 15, 17, 18, 19, 21, 22, 25, 24, 20, 19, 16];
var nightTemperatureArray = [-10, 4, 5, 6, 8, 11, 12, 15, 17, 15, 13, 12, 11, 9];

var dataWeeks = {
	labels: ["16.02", "17.02", "18.02", "19.02", "20.02", "21.02", "22.02", "23.02", "24.02", "25.02", "26.02", "27.02", "28.02", "01.03"],
	datasets: [
		{
			label: "Days temperature chart",
			fillColor: "transparent",
			strokeColor: "rgba(244, 6, 6, 1)",
			data: dayTemperatureArray
		},
		{
			label: "Nights temperature chart",
			strokeColor: "#3f6bf5",
			data: nightTemperatureArray
		}
	]
};



var ctx = document.getElementById("weeksChart").getContext("2d");
window.weeksChart = new Chart(ctx).Line(dataWeeks, {
    responsive: true,
    pointDot: true,
    datasetStrokeWidth: 0.5,
    scaleSteps: 2,
    scaleLabel: "<%=value + '°'%>",
    tooltipTemplate: "<%= value %>",
    showTooltips: true
    
});