Temp and Hum data
HTML
<script src="jquery-1.8.2.min.js"></script>
JavaScript
$(document).ready(function () {
$.ajax({
type: "GET",
url: "/sensors/temp and hum/living room - Copy (2).csv",
dataType: "text",
success: function (data) { processData(data); }
});
function processData(allText) {
var allLinesArray = allText.split('\n');
if(allLinesArray.length>0){
var dataPoints = [];
var dataPoints2= [];
for (var i = 1; i <= allLinesArray.length-1; i++) {
var rowData = allLinesArray[i].split(',');
dataPoints.push({label: new Date (Date.parse(rowData[0])),y:parseFloat(rowData[1])});
}
for (var i = 1; i <= allLinesArray.length-1; i++) {
var rowData = allLinesArray[i].split(',');
dataPoints2.push({label: new Date(Date.parse(rowData[0])),y:parseFloat(rowData[2])});
}
drawChart(dataPoints,dataPoints2);
}
}
function drawChart( dataPoints,dataPoints2) {
var chart = new CanvasJS.Chart("chartContainer", {
theme: "theme1",
title:{
fontFamily: "verdana",
text: "Living room Temperature and Humidity"
},
axisX:{
fontFamily: "verdana",
title: "Date",
interval: 288,
labelAutoFit: true,
valueFormatString: "DD/MM/YYYY HH:mm",
labelFormatter: function(e){
return CanvasJS.formatDate( e.value, "DD/MM/YYYY");
}
},
axisY:{
fontFamily: "verdana",
title: 'Temperature /°C'
},
axisY2:{
labelAngle: 180,
fontFamily: "verdana",
title: "Humidity /%"
},
legend:{
fontFamily: "verdana",
verticalAlign: "top"
},
zoomEnabled:true,
data: [
{
...