Muestro el código JavaScript de la función que genera los datos aleatorios para la gráfica:
Código:
function getData() {
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;
}
Se puede ver que lo que hace es llenar de valores todos los puntos de la gráfica para que desde el primer momento que se muestre esté llena.
Pero si se quiere visualizar en tiempo real, debe empezar a mostrarse según lea los datos, sin retraso.
¿De que forma puedo sustituir eso por una consulta que se ejecute cada x segundos y vaya actualizandose en la gráfica?
Gracias.