I found this code in one of free sample. I am trying to figure it out how it is working.
This code is for rendering dynamic graph
HTML Code
<div>
<div id="mychart">
</div>
</div>
Javascript code
var updateInterval = 30;
var plot = $.plot($("#mychart"), [getRandomData()], options);
function update() {
plot.setData([getRandomData()]);
plot.draw();
setTimeout(update, updateInterval);
}
update();
Javascript method - getRandomData
var data = [];
var totalPoints = 250; //I want to know what is this 250????
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;
var y = prev + Math.random() * 10 - 5;
if (y < 0) y = 0;
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;
}
Can somebody help me to understand this code? I want to know why they used totalPoints=250??
Above code is rendering dynamic graph as shown below