Foros del Web » Programando para Internet » PHP »

Grafica tiempo real flotcharts

Estas en el tema de Grafica tiempo real flotcharts en el foro de PHP en Foros del Web. Buenas, Me he descargado la versión de desarrollo de flotcharts(punto)org ya que tienen una gráfica en tiempo real. Su gráfica de ejemplo se rellena con ...
  #1 (permalink)  
Antiguo 13/03/2013, 03:22
 
Fecha de Ingreso: mayo-2012
Ubicación: Valencia
Mensajes: 67
Antigüedad: 12 años
Puntos: 0
Pregunta Grafica tiempo real flotcharts

Buenas,
Me he descargado la versión de desarrollo de flotcharts(punto)org ya que tienen una gráfica en tiempo real.
Su gráfica de ejemplo se rellena con números aleatorios.
Yo he intentado modificarla ya que tengo una base de datos y quiero que coja los registros de una tabla que se va actualizando cada pocos segundos. (No añade, nuevas líneas, sino que actualiza un registro. Es decir, que leo todo el rato el mismo registro que va variando)
No consigo el mismo resultado que se muestra con números aleatorios.
Ataco a la bbdd con php para intentar llevar los datos a la gráfica.
¿Alguien ha conseguido modificar esta gráfica para mostrar sus datos?
Hay alguna alternativa para obtener el mismo resultado? Cualquier gráfica que pueda reflejar los datos en tiempo real sirve.
Gracias.
  #2 (permalink)  
Antiguo 13/03/2013, 06:52
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 16 años, 1 mes
Puntos: 574
Respuesta: Grafica tiempo real flotcharts

No conozco flotcharts(punto)org pero si es php y muestras que has intentado quizas se te podrá ayudar.

En teoria debes localizar donde se calculan esos numeros aleatorios y substituirlo por el resultado de la consulta... no parece complicado. Pero ayudanos a ayudarte....

Tiene que haber un cron que vaya calculando numeros aleatorios que se deben guardar en el conjunto de datos que representa el gráfico. Debes cambiar el calculo del aleatorio por la query a la bbdd y asignar el resultado al mismo sitio donde se asigne el aleatorio para que el gràfico lo lea...
__________________
Quim
--------------------------------------------------
Ayudar a ayudar es una buena práctica!!! Y da buenos resultados.

Última edición por quimfv; 13/03/2013 a las 06:57
  #3 (permalink)  
Antiguo 13/03/2013, 09:34
 
Fecha de Ingreso: mayo-2012
Ubicación: Valencia
Mensajes: 67
Antigüedad: 12 años
Puntos: 0
Respuesta: Grafica tiempo real flotcharts

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.

Etiquetas: real, tiempo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:42.