Skip to content

Instantly share code, notes, and snippets.

@eyenx
Created August 22, 2014 12:24
Show Gist options
  • Select an option

  • Save eyenx/935c694a0fe0e16596e4 to your computer and use it in GitHub Desktop.

Select an option

Save eyenx/935c694a0fe0e16596e4 to your computer and use it in GitHub Desktop.
kdljfadskj
var app = angular.module('app',[]);
app.controller('mainc',function($scope,$http){
var aggr=0;
var lbltoggler=5;
$scope.times=[];
$scope.values=[];
$scope.metrics=[];
$http.get('data.csv').success(function(d){
$scope.data=d.split('\n');
for(var i=0;i<$scope.data.length;i++){
var ar=$scope.data[i].split(";");
if(aggr===0){
aggr=ar[2];
}
else{
var timetopush="";
if((lbltoggler % 5) === 0){
timetopush=String(ar[0]).slice(11,16);
}
lbltoggler++;
$scope.times.push(timetopush);
$scope.values.push(ar[2]-aggr);
$scope.metrics.push(String(ar[0])+';'+String(ar[2]-aggr));
aggr=ar[2];
}
}
$scope.values.pop();
var lineChartData = {
labels:$scope.times,
datasets:[{
label: "My First dataset",
scaleGridLineWidth : 10,
datasetFill: false,
fillColor : "rgba(220,220,220,0.1)",
strokeColor : "rgba(220,220,220,1)",
pointColor : "rgba(220,220,220,1)",
pointStrokeColor : "#fff",
pointHighlightFill : "#fff",
pointHighlightStroke : "rgba(220,220,220,1)",
data:$scope.values
}]
};
var ctx = document.getElementById("canvas").getContext("2d");
window.myLine = new Chart(ctx).Line(lineChartData, {
responsive: true
});
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment