highcharts spline y Ajax (estadísticas en tiempo real) con php, mysql, json 

Hola gracias por tu cometario, trate de realizar asi tal cual como lo describes pero creo que en algo me he equivocado y no me sale, podrias describirlo un poco mas por favor. Se te agradece de antemano.

Hola Mel, no se exactamente que error te aparecerá, pero te comentó lo único que modifiqué fue el archivo php para la consulta a la base de datos como lo describí en el comentario de arriba, te pongo tal y como tengo la línea en mi archivo: $statement=$pdo->prepare("SELECT UNIX_TIMESTAMP(CONVERT_TZ(fecha, '+00:00', @@global.time_zone))*1000 as x, valmed as y FROM valores ORDER BY id DESC LIMIT 0, 1"); donde "fecha" es la columna en mi base de datos donde se almacena el consecutivo de cada ingreso de datos a mi tabla "valores", no se en tu caso como tendrás el nombre de la columna y tabla, pero de esta manera funciona. Saludos y espero haberte ayudado.

Hola, Seguí tu ejemplo y me aparece esto: {"x":"1484222400000","y":"9112.321"}

@@Mel-yk1xu hola pudiste ingresar el timestamp?

@@flovidiotrading hola muy bueno tu aporte!!! pero tengo un problema al implementar tu solucion. en el eje x me salen valores como 20 200 720 149 400K aparentemente algo de la conversion no se esta realizando correctamente. en mi base de datos la fecha la almaceno en una columna llamada 'fecha' su tipo es timestamp y por defecto tiene current_timestamp. agradeceria si me podes ayudar a solucionarlo.

hola elder en mi caso estoy utilizando el wamp como lo solucionaria gracias de ante mano

Hola Cesar, creo que seria de la misma forma, puesto que creo que también usa php.

El error pareciera que fuera al enviar el valor al archivo "dato.php" tiene un valor por default y lo envía como indefinido deberian cambiar el archivo "dato.php" en el switch quitar el default y hacer otro caso cuando el valor sea 2 y enviar en el get "datos.php?Consultar=2

Lo solucionó?

Gracias a usted más bn, ayuda y responde cuando lo necesita de verdad muy buen youtuber, en lo que pueda difundir lo haré gracias

Si, si puede, pero hay que modificarle un poco, saludos Francisco

así es, puedes crear 2 gráficas para tener los mismo datos, saludos.

Saludos estoy interesado en hacer lo mismo, ya lo lograste jose?

lo lograste?

@@misakevmorales6123 hola quiero hacer lo mismo, lo pudiste hacer? gracias

Lo logró hacer?

Juan David Henao Ruiz buen día, ¿tienes problemas con el formato de enteros?, o en general que problema tienes ?, ¿podrías enviarnos una imagen para poderte ayudar? , de antemano gracias por compartir los vídeos, por comentar y por ser parte de esta comunidad. Saludos y que tengas un buen día.

Bueno si en algo para lo de la actualización cada 10min, pero falta el archivo php para la confección con la base de datos, ya se q es el mismo q tu usas, sólo modificando bcon los mios, pero como se yo en que sección del código poner mi Valor (eje de las y) y el tiempo el cual está en timestand( eje de las x) y se me actualice automáticamente el valor lo tengo como un doble en mi base de datos, ósea no se si me hice entender, muchas gracias por responder, si puedes y no hay ningún problema podrías pasarme tu inbox para resolver cualquier duda que tenga, es que soy algo nuevo con PHP, he practicado algo con html .. gracias

Juan David Henao Ruiz una enorme disculpa pero no entiendo muy bien la pregunta, si pudieras enviar una foto o compartir una imagen de lo que quieres hacer o un idea mas clara, con mucho gusto te podemos ayudar, de antemano gracias por comentario, compartir eso nos motiva y gracias por ser parte de este grupo. Saludos y si pudieras platicarnos sobre tu problema con mucho gusto.

Un saludo, yo tengo la misma duda, serias tan amable de como agregar mas lineas, otra cosa que en el eje x se muestre el tiempo o la fecha en que se tomaron los valores. Ante todo muchas gracias

Muchas gracias por su pronta respuesta ;), haré lo que sugiere gracias

+Elder Joel Monzon Alcaraz Hola.! Lo solucionaste? Tengo el mismo problema

no, no logre hacerlo.

tengo la misma inquietud....

Hola José! Lograste dejar el tiempo en el eje x? estoy intentandolo

Nada, aún no

Estoy interesado tambien

Jovani Araujo , por el momento no hay un vídeo con el manejo de jsp, sin embargo puedes ver como generar el json en el siguiente vídeo: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-FgbqZ42_sFI.html de antemano muchas gracias por compartir el vídeo, por la suscripción al canal y por los pulgares arriba. Saludos.

leonard adellan antes que nada gracias por el comentario, la suscripción y sobre todo por compartir y los pulgares arriba, eso nos motiva a subir más vídeos y responder preguntas. Por supuesto que sí solo hay detalles con el código pues si cambio un poco con 3D. Si tienes dudas o requieres algo de ayuda con un tutorial puedes formularlo bien y solicitarlo. Saludos y esperamos contar con tu suscripción.

Solucionaste?

Bune día BeatsTales antes que nada muchas gracias por la suscripción por los pulgares arriba y por compartir nuestros vídeo, el error que tienes podría deber a varios motivos, una de ellos podría ser por la url si corres el archivo .html dándole doble click y no en el servidor php, tendrías que poner la ruta absoluta es decir la ruta del servidor donde esta el código, si este es tu caso, con la propiedad error_reporting(0); desactivas en php el muestro de variables indefinidas. Recuerda que si tienes mas problemas con gusto de podemos apoyar en lo que este a nuestro alcance

Hay que verificar con la consola de google: developers.google.com/web/tools/chrome-devtools/console/ aquí tienes el uso de la consola, saludos y gracias por compartir nuestro canal, los pulgares arriba y por comentar.

Gracias inge, un gusto y mucho te agradecería si me apoyas con la recomendación y para llegar a más personas, saludos.

Lo pudiste realizar porque el código en highcharts a cambiado.

No sabría decirte inge, saludos.

@@Develoteca Seria excelente una actualización ya que no hay mucha información sobre gráficos en highcharts en tiempo real.

creo que ya encontré el problemas ;). Te comento: Esta línea era el problema "if((getx()!=varlocalx)&&(gety()!=varlocaly))", ya que tu defines que si tanto "X" como "Y" son valores distintos SI o SI, permite actualizar automáticamente la gráfica, por lo que solo tenia que dejar como condicional a la variable del ID de incremento "if((getx()!=varlocalx))" sin condicionar al valor de lectura sobre el eje "Y" actual. (Ya que muchas veces en determinado tiempo la temperatura no variaba en mi sistema, pero me era importante graficarlo para que el consultor evaluara los datos). Muchas gracias por compartir esta información me ha sido de gran ayuda

STEIP Ingeniería que bueno que compartes tu experiencia muchas gracias por el apoyo y por ser parte de esta comunidad tu comentario ayudará en el futuro a alguien que pueda tener ese mismo detalle. Saludos desde Mérida Yucatán, México y excelente día, de igual forma gracias por motivarnos a subir más contenido y por tú suscripción, por los pulgares arriba y por compartir

Hola Oscar, pues ami me llegan los datos por dicho metodo, el detalle es el siguiente pareciera que las dos variables que declaras al comienzo del codigo "var ultimox; var ultimoy;" no se llenaran con algun dato y es por esto que en la consola me dice como si no estuvieran definidas inclusive le agrego un alert(ultimoy), y me refleja varibale undefined.Gracias por tu pronta respuesta y espero me puedas ayudar amigo

A mi se me soluciono con lo que posteo Elder Joel Monzon Alcaraz Para las personas que tengan el siguiente error a la hora de ejecutar el archivo datos.php: Notice : Undefine index: consultar in C:xampp etc...... solo tienen que seguir los siguientes pasos: 1) Entramos a C:\xampp\php\ abrir el archivo php.ini 2) Buscar dentro del php.ini lo siguiente: error_reporting=E_ALL & ~E_DEPRECATED & ~E_STRICT 3) comentar la linea de esta forma ;error_reporting=E_ALL & ~E_DEPRECATED & ~E_STRICT 4) guardar los cambios 5) reiniciar el apache con esto no saldrán los mensajes de notice o reporting.

Es correcto , agregue la linea error_reporting(0); en el php y funciono de inmediato . Si desean que las lineas sean rectas y no oblicuas ,cargen la librerias de Hightchart nuevas . Saludos

nancy huaman yupanqui buen día bueno tendrías que usar el siguiente código: www.highcharts.com/demo/dynamic-update ahí puedes ver el ejemplo en funcionalidad, si tienes mas dudas puedes seguir comentando, gracias por el apoyo a nuestro canal, te agradecemos mucho compartir nuestros vídeos, los pulgares arriba y la suscripción. Saludos.

hola Develoteca,gracias por responder ahora me gustaria saber como hago para que en una misma pagina ponga tres graficos sline y tambien se acualicen los datos en tiempo real, ahora en mi base de datos tengo:valor1,valor2,valor3,tiempo,id. lo que hice fue copiar la estructura del grafico primero, tres veces en index.html

me muestra los tres graficos pero al momento de insertar valores solo el ultimo grafico se actualiza con el primer valor osea valor1, nose como solucionarlo

Saludos nancy tengo la misma inquietud podrías ayudarme...

Necesito ayuda, tomar velor del campo X (temperatura/entero) y tiempo almacenado campo tiempo y que no la tome del computador

buen día Mario Mendoza Castro , podrían ser muchas cosas, verifica los siguientes aspectos: 1.- Primero verifica que detalle pues detener con el script: developers.google.com/web/tools/chrome-devtools/console/ 2.- Posiblemente no estas usando un servidor web 3.- No están activados los errores de php 4.- Posiblemente no funciona el json_decode. Verifica cada una de las opciones mencionadas, si el problema persiste puedes continuar comentando, de antemano muchas gracias por compartir nuestros vídeos, por los comentario eso nos motiva a seguir con este pequeño gran proyecto. Saludos.

Develoteca. Gracias por responder, te comento que ya pude solucionarlo, habia copiado mal el jquery y me generaba un error que no podia ver, ahora tengo las siguientes dudas: en mi base de datos tengo más de 3000 valores por cada columna, pero el highcharts solo me permite graficar 1000, hay forma de aumentar los puntos a graficar? mi otra pregunta es: Como cambiaria el código si quisiera graficar los datos vs timestamp? muchas gracias de antemano.

Como cambiaria el código si quisiera graficar los datos vs timestamp? . Amigo lograste solucionar?

Luis Daniel López Bohorquez antes que nada gracias por el comentario, la suscripción y sobre todo por compartir y los pulgares arriba, eso nos motiva a subir más vídeos. Para poderte ayudar necesitamos más información, envíanos la estructura de tu tabla y como quieres que se muestre para poderte ayudar, esto lo debes de hacer en la caja de comentarios del video. Si tienes más dudas puedes seguir comentando. Saludos y que tengas un excelente día.

@Develoteca saludos estimados, gracias por el gran apoyo a la comunidad de programadores. Necesito que en el eje X (valorx) muestre la hora guardada en la Base de datos. Para mostrar en la gráfica temperatura y hora tomada en tiempo real. Tal como aparece en la gráfica original la diferencia es que con la explicación de ustedes logre que graficara en tiempo real, me falta eje X que visualice la hora

la estructura de la tabla colo tengo temperatura y tiempo. Mi problema es que necesito que en el eje X me muestre la hora que esta en el campo tiempo

lo lograste?

el problema persiste :c no se que hacer :c porfavor ayudeme!! ... es un gusto que me haya respondido :3

si ya la utilice, lo que pasa esque voy al localhost.. abro la carpeta y me manda al index, deberia abrirme la grafica o algo.. pero se queda en blanco :c

ya lo probe en chrome,mozilla,explorer y nada :c

+Oscar Uh (Develoteca) tendrá algún correo si no es mucha molestia? Para mandarle capturas??

+Oscar Uh (Develoteca) hola buenas tardes .. Yo de nuevo disculpe usted me podría decir si tengo que comprar la licencia de highcharts? Y cual? Solo ocupo una gráfica de barras combinada con una de línea, estoy realizando un proyecto en una empresa, y lo quieren implementar pero la cuestión es que no quieren tener problemas legales o algo así y es por eso que necesito saber si por esas dos gráficas tengo que pagar?? Espero me pueda responder.. De antemano muchas gracias!

Buen día Israel, antes que nada muchas gracias por la suscripción por los pulgares arriba y por compartir nuestros víodeo, el error que tienes podría deber a varios motivos, una de ellos podría ser por la url si corres el archivo .html dandole doble click y no en el servidor tendrias que poner la ruta absoluta es decir la ruta del servidor donde esta el código, si este es tu caso tienes que cambiar la siguiente línea: $.get( "datos.php?Consultar=1", function( UltimosDatos ) por $.get( "localhost/sitioweb/datos.php?Consultar=1", function( UltimosDatos ) o también correr la aplicación desde la url del servidor. Recuerda que si tienes mas problemas con gusto de podemos apoyar en lo que este a nuestro alcance

El archivo datos.php funciona correctamente, Pero me sigue apareciendo el index.html en blanco. Una consulta adicional, donde debo guardar los archivos: exporting.js jquery.js highcharts.js?

Coloca esen datos

claro te paso el link de la pagina que estoy subiendo el codigo de la grafica, lo mismo que hiciste en el video: pira.260mb.net/

buenas, gracias por responder te agradezco tu tiempo, puse los codigos que me dijistes dentro del archivo, datos.php, pero me manda eso, La página pira.260mb.net no está funcionando, puse los 2 que me dijistes

me sale esto en pira.260mb.net/GraficaFinal/datos.php y pira.260mb.net/GraficaFinal/datos.php?Consultar=1 Fatal error: Uncaught exception 'PDOException' with message 'SQLSTATE[HY000] [2002] Connection refused' in /home/vol13_8/260mb.net/n260m_18248313/htdocs/GraficaFinal/datos.php:17 Stack trace: #0 /home/vol13_8/260mb.net/n260m_18248313/htdocs/GraficaFinal/datos.php(17): PDO->__construct('mysql:dbname=n2...', 'n260m_18248313', 'pira1994') #1 {main} thrown in /home/vol13_8/260mb.net/n260m_18248313/htdocs/GraficaFinal/datos.php on line 17

Sorry inge, aunque no ubico que parte.

@@Develoteca pero buen vídeo solo que vas muy rápido jajaja

I copy paste your code from github and it still doesn't work. I get an error "Notice: Undefined index: Consultar" when i try to open datos.php. When i open index.html page is blank. I will really aprreciate your help cause im facing this problem for few days.

It works! you are the best!! Thank you very much :)

Pawel Kośmicki, I am facing the same problem and I'd like to know if you could tell me how you solved it. Thanks!

Renato Coelho Here you can have the solution: stackoverflow.com/questions/37434124/dynamic-chart-using-highcharts-with-data-from-mysql-database Greetings.

Develoteca, I tried the codes in the page that you recommend, but did not work. The index's page continue in blank and apper the follow error: no element found index.html: 25:3 no element found datos.php: 25:3 In both lines there are nothing written.