gyroGraphs.js

//This tells Myo.js to create the web sockets needed to communnicate with Myo Connect
Myo.connect('com.myojs.deviceGraphs');

Myo.on('gyroscope', function(quant){
	updateGraph(quant);
})

var range = 500;
var resolution = 100;
var graphIMU;

var arrayOfZeros = Array.apply(null, Array(resolution)).map(Number.prototype.valueOf,0);

var graphDataIMU = {
	x : arrayOfZeros.slice(0),
	y : arrayOfZeros.slice(0),
	z : arrayOfZeros.slice(0),
	w : Array.apply(null, Array(resolution)).map(Number.prototype.valueOf,0)
}

$(document).ready(function(){
	graphIMU = $('.orientationGraph').plot(formatFlotData(), {
		colors: [ '#04fbec', '#ebf1be', '#c14b2a', '#8aceb5'],
		xaxis: {
			show: false,
			min : 0,
			max : resolution
		},
		yaxis : {
			min : -range,
			max : range,
		},
		grid : {
			borderColor : "#427F78",
			borderWidth : 1
		}
	}).data("plot");


});

var formatFlotData = function(){
	return Object.keys(graphDataIMU).map(function(axis){
		return {
			label : axis + ' axis',
			data : graphDataIMU[axis].map(function(val, index){
				return [index, val]
			})
		}
	});
}


var updateGraph = function(orientationData){
	Object.keys(orientationData).map(function(axis){
		graphDataIMU[axis] = graphDataIMU[axis].slice(1);
		graphDataIMU[axis].push(orientationData[axis]);
	});

	graphIMU.setData(formatFlotData());
	graphIMU.draw();
}


/*




*/