Tryag File Manager

/home/ynormeco/.trash/studywallet/js/flot/custom/realtime.js

$(function() {

// We use an inline data source in the example, usually data would
		// be fetched from a server

var data = [],
			totalPoints = 300;

function getRandomData() {

if (data.length > 0)
				data = data.slice(1);

// Do a random walk

while (data.length < totalPoints) {

var prev = data.length > 0 ? data[data.length - 1] : 50,
					y = prev + Math.random() * 10 - 5;

if (y < 0) {
					y = 0;
				} else if (y > 100) {
					y = 100;
				}

data.push(y);
			}

// Zip the generated y values with the x values

var res = [];
			for (var i = 0; i < data.length; ++i) {
				res.push([i, data[i]])
			}

return res;
		}

// Set up the control widget

var plot = $.plot("#flot-placeholder", [ getRandomData() ], {
			series: {
			lines: {
				show: true,
				lineWidth: 2,
				fill: true
			},
		},

tooltip: true,
		tooltipOpts: {
			content: '%s: %y'
		},

colors: ['#3a86c8', '#64bd63', '#6dc6cd', '#52bf8a', '#638ca5'],

grid: {
			hoverable: false,
			clickable: false,
			borderWidth: 0,
			tickColor: '#eaeaea',
			borderColor: '#eaeaea',
			verticalLines: true,
			horizontalLines: true,
		},
		shadowSize: 0,
		});

function update() {

plot.setData([getRandomData()]);

// Since the axes don't change, we don't need to call plot.setupGrid()

plot.draw();
			setTimeout(update, updateInterval);
		}

update();

// Add the Flot version string to the footer

$("#footer").prepend("Flot " + $.plot.version + " &ndash; ");
	});