Chart JS - Mostrar base de datos MySQL con API

[@Rubenduarte-d9b]

es oro puro este canal

[@informaticadp]

Muchas gracias Ruben! Saludos!!

[@informaticadp]

Ya actualicé el link, ahora actualiza perfecto los gráficos, gracias al aporte de Eden Maga.

[@doblejote]

Después de mirar varios vídeos, definitivamente me quedo con este, logré entenderlo muy bien

[@informaticadp]

Muchas gracias José. Abrazo y saludos!!!

[@brossmn]

lo haces ver demasiado fácil amigo, que buen canal... Enhorabuena colega

[@informaticadp]

Gracias Bro!!! Abrazo!!

[@Aj-iq4qs]

Diosss este video me soluciono toda una mañana perdida...Gracias! Like y suscrito

[@informaticadp]

Excelente!!! Me alegro mucho que te haya servido. Saludos!!

[@nyko05]

Cada día algo nuevo que te rompe la cabeza... gracias por siempre brindarnos todos los conocimientos!

[@informaticadp]

Gracias a vos Nicolás. Te mando un abrazo!

[@nyko05]

@@informaticadp Otro y gracias!

[@pieroramirezesteban1324]

Agradecido, explicas muy bien!

[@informaticadp]

Gracias bro!!!

[@christianlopez3324]

Excelente explicación. Muchas gracias

[@stndc8788]

Muchas gracias. Este video hizo que me suscriba a tu canal. Éxitos!

[@pephito12]

Espectacular, fantástico trabajo

[@informaticadp]

Muchas gracias! Saludos y éxitos!

[@alejandroc.1082]

Un video de hacer una API restfull PHP eso sería genial. Gracias por compartir tu conocimiento

[@informaticadp]

Gracias! Saludos Alejandro!

[@Draxxler.G]

gracias crack por compartir tus conocimientos. saludos

[@informaticadp]

Muchas gracias Razor!! Abrazo bro!

[@AngelGarcia-kb3sx]

Excelente contenido, sugerencia: poner un link en el vídeo que nos lleve al API de node 😀

[@informaticadp]

Muchas gracias Angel!!!

[@beticohernandez8039]

Como siempre muy buenas sus enseñanzas.

[@informaticadp]

Gracias Betico!!!

[@alegalicia]

Muy bien explicado, siempre veo lo que publicas,hacia rato que buscaba algo asi. Sl2

[@informaticadp]

Muchas gracias Alejandro!!!

[@goklooz26]

Justo lo que quería implementar

[@informaticadp]

Buenísimo

[@haroldalfaro2100]

Excelente explicación

[@informaticadp]

Muchas gracias Harold! Saludos.

[@Luis-Varnks]

Eres un grande me salvaste de una amanecida T-T

[@informaticadp]

Excelente Luis!!

[@edenmaga2052]

Muchas gracias. Podré seguir avanzando en mi proyecto. Te agradezco el tiempo que te tomaste para enseñarnos. Solo por curiosidad, no te falto usar myChart.update(); para que la gráfica se renderice correctamente? Saludos

[@informaticadp]

Cómo estás Eden! Dejame que lo revise. Ahora estoy con el celular sin PC. Te mando un abrazo y tus aportes son de primera!

[@darvegac]

Genial! Y qué bien explicas. Gracias por compartirlo ;)

[@informaticadp]

Muchas gracias Darwin!!

[@davida5403]

Excelente contenido 🔝🔝

[@informaticadp]

Muchas gracias David!

[@Crakkovia]

Hola muy bueno y claro tu tutorial, lo único que no pude bajar fue la api Rest con Php, reboza de ads.

[@informaticadp]

Muchas gracias! Estuve limpiando todos los links de esa publicidad. Ahora me fijo con ese.

[@informaticadp]

Listo Osvaldo! Ya quedó limpia, está el link directo a Dropbox.

[@Crakkovia]

@@informaticadp Genial, ya lo bajo, muchas gracias!

[@cerc2011]

Gracias por el trabajo de realizar este tutorial y por proporcionarnos además los recursos Sos un gigante solo tengo una consulta, necesito refrescar el grafico cuando vaya tomando los datos de la base o con un boton de refresh, me ayudas en eso por favor? Gracias por tu ayuda

[@informaticadp]

Hola muchas gracias!! Fíjate que actualicé el link y añadí una línea de código gracias a un compañero del canal. Lo viste a eso?

[@cerc2011]

@@informaticadp De hecho baje los archivos hoy, me imagino que está actualizado pero no logro hacerlo funcionar, a no ser que no sea compatible con bootstrap

[@cootrancznortearchivos6238]

Que envidia, y de la buena....

[@robertsuarezguerra2974]

El mejor canal!!!!👏👏👏...con Chart Js también se puede exportar el gráfico a JPG, PDF, etc como en highcharts??

[@informaticadp]

Muchas gracias Robert!! Creo que si con una extensión. Podemos hacer video. Abrazo!

[@robertsuarezguerra2974]

@@informaticadp 🤯🤯🤯👍👍👍

[@Cerdito]

Hola!, Me gustaria hacerte una consulta sobre un CRUD que hiciste. Por donde te puedo contactar? Gracias!

[@Chokito_02]

excelente tutorial, te hago una pregunta... al agregar que inicie de cero no funciona arranca desde 5, imagino que sera por las escalas, sabes como cambiarlas??

[@gmportal123]

Hola, queria saber si vas a seguir subiendo cosas de node js.

[@informaticadp]

Por supuesto que si.

[@vaijoe]

¡Muchas gracias por compartir! Buen ejercicio. Tengo una duda, he realizado el ejercicio un par de veces y las barras no se me despliegan de inmediato al ingresar a la app o dando f5, pero si se logra carga al momento que hago clic en el rectángulo del label Stock de productos, alguna idea de en que pueda estar equivocándome en el código? ¡Saludos!

[@edenmaga2052]

Hola, si todavía te sirve. La respuesta esta en myChart.update(); Se lo agregué así: const mostrar = (usuarios) =>{ usuarios.forEach(usuario => { myChart.data['labels'].push(usuario.nombre); myChart.data['datasets'][0].data.push(usuario.edad); myChart.update(); }); } de esta manera se renderiza la gráfica sin necesidad de estar minimizando o picando en el navegador. Esa propiedad es de la misma libreria ChartJS. Ojala y el maestro nos pueda decir si estuvo bien el procedimiento. :-) de antemano muchas gracias InformaticaDP

[@fokofreyre3967]

Hola, muy bueno tu video, pero tengo una pregunta, hago exactamente lo que dices en el video, solo que al recargar la pagina a mi no me muestra la grafica, tengo que presionar algun label de la grafica y es ahi donde ya muestra los datos.¿Alguna idea de porque pasa eso? Saludos y me encantan tus videos.

[@informaticadp]

Muchas gracias Foko! Habilita la consola y fijate si te marca algún error. También desde la consola cambia el tamaño de pantalla, responsive. Esas opciones están en Chrome. Saludos!

[@fokofreyre3967]

@@informaticadp Si, la consola no me da ningún error y cuando lo pongo en responsive sigue igual. ¿Será que es porque lo puse en una funcion que se ejecuta justo después del crear el chart? Bueno igualmente seguiré tratando, aún así muchas gracias por tus vídeos y respuestas.

[@informaticadp]

Si podes, añadí en el codigo los console.log para ver que datos trae. Si no trae ninguno ese es el probelma. Cualquier duda avisame.

[@jntmanx]

@@informaticadp me pasa lo mismo, justo es similar a lo que te paso en el minuto 12:58 donde actualizaste y no se mostro los datos

[@GiovanniCaceres]

me pasa igual en el minuto 13:00 se ve que tampoco se muestra el grafico, pero después de mostrar el otro ejemplo vuelve a la pagina y esta ... incluso el la consola también cambio ... que será?

[@cristiandavidcardonavasquez]

saludos. como podría agregar varios dataset en el mismo grafico, grafico de tipo line?

[@williamprogramer4168]

⭐⭐⭐⭐⭐

[@corweb]

Hola ya no funciona el Link para descargar la API REST con PHP podría compartirlo de nuevo por favor. Gracias.

Buena tarde, realice el ejercicio como lo comentas y todo funciona, solo que al principio no me muestra nada la grafica hasta que le doy un zoom in o zoom out, no se porque pase eso???

[@Septimadisminuida77]

Hola muchas gracias por el video. Lo hice con los datos de mi API y si los reconoce pero me sale el siguiente error: TypeError: Cannot read properties of undefined (reading 'labels') at index.html:48 at Array.forEach () at mostrar (index.html:47) at index.html:41

[@mik9922]

Me paso lo mismo jaja

[@arydanielcelissanchez9044]

amigo como linkeas los datos de tu base de datos a un link?, o si ya tienes un video de eso no se si me lo podrias poner aqui, saludos!

[@Franco-vm9ne]

Al actualizar los datos de mysql es posible actualizar en tiempo real, o es necesario recargar la página??

[@informaticadp]

Es en tiempo real. Fíjate en la descripción o en los comentarios hay una actualización del código, una línea que faltó.

[@carogonzalez1304]

Que tal!! Podrias pasarme el link del curso de API REST con PHP. Me gustaría entender la configuración que estas manejando

[@informaticadp]

Hola Caro! Mira esa API forma parte de otro curso. Te paso link. Está en el video 6. Igual es algo muy simple. Para descargar está todo en la descripción. kzbin.info/aero/PLrAw40DbN0l0ziD-_7LKx61xFhGjVbqbW

[@carogonzalez1304]

@@informaticadp Muchas gracias! Tengo que entregar un proyecto en la universidad y esto me servirá un montón :)

[@informaticadp]

Excelente! ¿Tiene que ser con PHP puro? Fijate en el canal, hay APIs con Laravel 8 y Node. Saludos.

[@carogonzalez1304]

@@informaticadp Si tiene que ser puro, pero igual los checare, muchas gracias!

[@solpropyme5360]

El video está muy claro igual no logro que me funcione. Más allá de eso no logro poner el fetch dentro de una funcion para por ejemplo pasarle un parámetro a la URL. ¿Alguna idea?

[@ektor_con_h]

de donde saco ese archivo? no lo sé encontrar, encontré un archivo encriptado de la tabla que uso de los datos de la base de datos 10:30

[@getachile5365]

hola, algun correo para poder contactar ? tengo un trabajo que me gustaria solo puedes cotizar

[@jaironavarro8303]

Una consulta , por qué no me permite poner 2 gráficos en la misma pestaña ? Solo puedo uno :(

[@soniadosanjos6794]

Tengo el problema que si cambio un dato en base de datos no se me actualiza el canva hasta que le doy al f5, como puedo actualizarlo

[@SaysAnX]

Coml seria el charjs en tiempo real?

[@AlertaKrypto]

pasanos el link tio , por favor

[@AntaresLozano]

la url es la de la base de datos ?

[@edenmaga2052]

Así es. En este caso, el tenía su archivo PHP que le devolvía un JSON. Este es el video más simple y sencillo que he visto explicando el tema de insertar datos en un grafica desde una base de datos. Me costo agarrarle, pues apenas estoy aprendiendo, pero muy buena explicación.

[@andresmendoza7105]

Hola profe, como seria para mostrar datos desde php sin usar api, asi de manera directa sin apirest

[@informaticadp]

Cómo estás Andrés! Mira en este curso muestro gráficos sin usar una API. En los dos últimos videos explico eso. Podes re usar el código. kzbin.info/aero/PLrAw40DbN0l2j80DX8Y1Euwmb1oF7rqFY

[@andresmendoza7105]

Profe podrias por favor enseñarnos como usar sin una api? usando sentencias sql

[@thediego215]

Cuando ejecuto el grafico, el primero de todos me sale bugeado creo, debe ser por la cantidad de colores puesta porque cuando sobrepongo mi mouse sobre la primera barra me sale color verde y cuando lo quito sale color negro xd

[@cerc2011]

Trate de hacerlo de la siguiente forma con un boton pero no camina Refrescar datos function updateChart() { chart.data.datasets[0].data=data.push(element.temp) chart.data.datasets[0].labels=.push(element.id) chart.update() }

[@Septimadisminuida77]

Hola muchas gracias por el video. Lo hice con los datos de mi API y si los reconoce pero me sale el siguiente error: TypeError: Cannot read properties of undefined (reading 'labels') at index.html:48 at Array.forEach () at mostrar (index.html:47) at index.html:41