Jejej heey thanks for your comment, yeah that happened to me the first time that I tried to implement chartjs, 0 videos or stackoverflow with help, I was like noo 🤦🏻♂️😂 but well, now we have a video jejej. Good day 👍🏼
No es lo que buscaba pero el algoritmo me trajó aquí y muy bueno tu contenido, me suscribo.Aparte me identifique como tu soy padre y uno tiene que arreglarselas jajaja, por cierto mi duda en concreto es: Estoy trabajando en un Website en Vue con typescript y quiero visualizar las metatags y Open Graphs y trabajar mucho en el SEO y no puedo, he leído que debo activar un SSR o prerenderizado pero ya he aplicado casi todo lo que hay en la web y no logró visualizarlas ¿Conoces algún otro método efectivo? Gracias, Big Hug como dices!
Jejej qué tal Luis, primero gracias por el comment y tus buenas palabras. Es frustrante esa situación cuando implementas todo y nada 😄... A ver, mis conocimientos son limitados en el tema, de todas formas te comparto lo que me viene a la cabeza: - Yo nunca he transformado una SPA Vue a SSR, he trabajado directamente con el framework Quasar (Más que SSR era para hacer apps mobile con el mismo código), podrías crearte un proyecto test en Quasar y ver si al hacer el "build" se crean algunas páginas con contenido renderizado. - NextJs(React) es un framework que te puede venir de mil maravillas, principalmente por la documentación que hay al respecto. Pero no sé si tienes ganas de empezar ese proyecto de 0, de todas formas la curva de aprendizaje es bastante suave y para SSR te viene 👍🏼. Su versión en Vue es NuxtJs. - Lo otro es lograr que Vue se comporte SSR como lo estás intentando, veo que hay docu oficial por lo que se puede, pero se ve que hay que probar bastante y tocar varios archivos. Personalmente le daría una oportunidad a NextJs, en cada archivo/componente puedes cambiar la cabecera de tu pestaña y metadata con solo agregar title,meta dentro del código. Si llego a sacar un tiempo y puedo probar alguna forma de volver Vue con SSR te avisaría, lo mismo si llegas a tener un avance o necesitas alguna mano con NextJs me puedes escribir, así aprendemos todos. Saludos 💪🏼💪🏼
Hey Carlos 🤔 how is your situation? For example... You have a button that increments the value of one bar everytime you click it and nothing is moving? Si quieres me puedes explicar en español. Saludos!
But for example, if you import that component without any chart, just with a "Hello" that Hello you can see it in your page? Or if you open the browser console with usually a F12, you get some error message or another message? Check very well the open and close of ( and { in your component JavaScript.
Hola Kayzen, grax por tu coment. Las más utiles me parece son: • Auto Close Tag - para que se me cierren automáticamente las etiquetas. • Auto Rename Tag - cuando cambio el nombre de una etiqueta. • Error Lens - para que me salgan los errores en el editor. • Thunder Client - To make http calls Extra: # CodeSnap - para sacar fotos lindas de código. # Console Ninja - es como ver console.log en la misma línea de código. # Git File History - Es curioso, aparece el historial de los commits de tu archivo. Saludos!
@@matheusbittencourt226 is like, you want at the left side, the numbers in porcentage (%) 100-80-60-40-20-0... And no matter what values the line has (45%, 22%, 72% for example), the left side should always be the same, the numbers (%) 100-80-60-40-20-0? Jejej right now I don't know the answer, but this weekend I can check the chartjs documentation. I think has to be possible, like an static left values
hello, i have this error i d'ont know how to solve it ,can you help me please index.js??clonedRule…e=script&lang=js:63 Error fetching weather data: TypeError: Cannot set properties of undefined (setting 'fullSize') at Object.configure (chart.js:3153:23) at Object.beforeUpdate (chart.js:8919:17) at callback (helpers.segment.js:208:19) at Proxy._notify (chart.js:5139:78) at Proxy.notify (chart.js:5122:29) at Proxy.notifyPlugins (chart.js:6404:30) at Proxy.update (chart.js:5942:18) at Proxy.updateTemperatureChart (index.js??clonedRule…ript&lang=js:148:31) at Proxy.updateCharts (index.js??clonedRule…cript&lang=js:95:18) at Proxy.getApi (index.js??clonedRule…cript&lang=js:60:16)
There is something variable.fullSize in the code where variable is undefined. Did you install the correct library, try with npm install again. Or give me more clues, what is in the line 63 or in that file? Regards
Helped me a lot, you helped me solve something I couldn't find anywhere else. Good video!
Jejej heey thanks for your comment, yeah that happened to me the first time that I tried to implement chartjs, 0 videos or stackoverflow with help, I was like noo 🤦🏻♂️😂 but well, now we have a video jejej. Good day 👍🏼
I was stuck fixing this for hours. Now it is finally working without errors thanks to you!👍
😅😅 nice, thanks. I'm glad that is working, enjoy 💪🏼
I like your personality btw. You are a very likeable guy😁
Learnt more than in my entire primary school time, appreciating that, thanks m8.
Cheers. 🍸
Simple and nice thanks a bunch. Worked with Vue 3 and ChartJS 4.4.3
Thank you! Easy to understand.
Thank you Brad, good week 🧠
You have helped me to get some work done thanks alot. turns out I was missing the onMounted lifecycle method in my implementation.
Hey Wandera, thanks for your comment, yeah the onMounted is the magical line 😄 happy that it worked ✌🏼
Nice one dude. Great video as always
Very good! I thank.
Thanks to you Humberto. Good weekend 👌🏼👌🏼
Gracias por el video, amigo 👍
Gracias a ti amigo 🤙🏼
muy buen video!
You're a life saver. Thank you man
Super helpful! Thank you so much!
Thanks to you Joanna 🙌🏼
Amazing content
No es lo que buscaba pero el algoritmo me trajó aquí y muy bueno tu contenido, me suscribo.Aparte me identifique como tu soy padre y uno tiene que arreglarselas jajaja, por cierto mi duda en concreto es: Estoy trabajando en un Website en Vue con typescript y quiero visualizar las metatags y Open Graphs y trabajar mucho en el SEO y no puedo, he leído que debo activar un SSR o prerenderizado pero ya he aplicado casi todo lo que hay en la web y no logró visualizarlas ¿Conoces algún otro método efectivo? Gracias, Big Hug como dices!
Jejej qué tal Luis, primero gracias por el comment y tus buenas palabras. Es frustrante esa situación cuando implementas todo y nada 😄... A ver, mis conocimientos son limitados en el tema, de todas formas te comparto lo que me viene a la cabeza:
- Yo nunca he transformado una SPA Vue a SSR, he trabajado directamente con el framework Quasar (Más que SSR era para hacer apps mobile con el mismo código), podrías crearte un proyecto test en Quasar y ver si al hacer el "build" se crean algunas páginas con contenido renderizado.
- NextJs(React) es un framework que te puede venir de mil maravillas, principalmente por la documentación que hay al respecto. Pero no sé si tienes ganas de empezar ese proyecto de 0, de todas formas la curva de aprendizaje es bastante suave y para SSR te viene 👍🏼. Su versión en Vue es NuxtJs.
- Lo otro es lograr que Vue se comporte SSR como lo estás intentando, veo que hay docu oficial por lo que se puede, pero se ve que hay que probar bastante y tocar varios archivos.
Personalmente le daría una oportunidad a NextJs, en cada archivo/componente puedes cambiar la cabecera de tu pestaña y metadata con solo agregar title,meta dentro del código.
Si llego a sacar un tiempo y puedo probar alguna forma de volver Vue con SSR te avisaría, lo mismo si llegas a tener un avance o necesitas alguna mano con NextJs me puedes escribir, así aprendemos todos. Saludos 💪🏼💪🏼
Love You bro
❤️❤️❤️🙌🏼
Thank you so much!
probaremos, mastodonte
Jajaj gracias master, cualquier cosa me avisas 👍🏼
nice♥
Gracias capo!!
A ti master 🖖🏻🖖🏻
Thank you
Thanks to you 🍀
Thanks, I have problems for add data in real time.... maybe do you can make a video with that.
Hey Carlos 🤔 how is your situation? For example... You have a button that increments the value of one bar everytime you click it and nothing is moving? Si quieres me puedes explicar en español. Saludos!
It was great. How can we use props to fill data and update the chart when ever data is changed?
Hi reza! In few days I will give you my answer, I need to check and test some stuff before. Thanks for your comment!
Please make tutorial for event click on bar chart with chartsjs + vue 3. Thanks🙏🏼
When i import chartcomponent, it does not show up...why is this the case? ;-;
But for example, if you import that component without any chart, just with a "Hello" that Hello you can see it in your page? Or if you open the browser console with usually a F12, you get some error message or another message? Check very well the open and close of ( and { in your component JavaScript.
Holaa! Disculpa que extensiones tienes para vue en vscode?
Hola Kayzen, grax por tu coment. Las más utiles me parece son:
• Auto Close Tag - para que se me cierren automáticamente las etiquetas.
• Auto Rename Tag - cuando cambio el nombre de una etiqueta.
• Error Lens - para que me salgan los errores en el editor.
• Thunder Client - To make http calls
Extra:
# CodeSnap - para sacar fotos lindas de código.
# Console Ninja - es como ver console.log en la misma línea de código.
# Git File History - Es curioso, aparece el historial de los commits de tu archivo.
Saludos!
how can i added a porcentage in label?
I don't get very well the question, porcentage in label like, can you give me an example to imagine the situation? Thanks
@@cdapps yes
@@cdapps see the right label with percentage
@@matheusbittencourt226 is like, you want at the left side, the numbers in porcentage (%) 100-80-60-40-20-0... And no matter what values the line has (45%, 22%, 72% for example), the left side should always be the same, the numbers (%) 100-80-60-40-20-0?
Jejej right now I don't know the answer, but this weekend I can check the chartjs documentation. I think has to be possible, like an static left values
@@cdapps yes, they will reflect the percentage of each color in the circle
hello, i have this error i d'ont know how to solve it ,can you help me please
index.js??clonedRule…e=script&lang=js:63 Error fetching weather data:
TypeError: Cannot set properties of undefined (setting 'fullSize')
at Object.configure (chart.js:3153:23)
at Object.beforeUpdate (chart.js:8919:17)
at callback (helpers.segment.js:208:19)
at Proxy._notify (chart.js:5139:78)
at Proxy.notify (chart.js:5122:29)
at Proxy.notifyPlugins (chart.js:6404:30)
at Proxy.update (chart.js:5942:18)
at Proxy.updateTemperatureChart (index.js??clonedRule…ript&lang=js:148:31)
at Proxy.updateCharts (index.js??clonedRule…cript&lang=js:95:18)
at Proxy.getApi (index.js??clonedRule…cript&lang=js:60:16)
There is something variable.fullSize in the code where variable is undefined. Did you install the correct library, try with npm install again. Or give me more clues, what is in the line 63 or in that file? Regards