Chart JS For Beginners | Working With A REST API Using JavaScript

[@Leonardo-gc5rh]

01:58 Chart.js 02:19 Creating project 03:36 Connection Bootstrap 04:40 Chart js and its connection. 05:04 Copy the script 05:48 Creating the script and style 06:35 Copying codes from chart 08:57 Fetch and async 11:26 Get Data 12:48 Get individual Data 13:33 Using Map 15:29 Modifying Histogram from Charts. 16:42 Creating axis x, y and label as arrays. 17:02 Modifying dataset with the 3 news arrays 21:00 Creating async function 22:25 Updating x,y, label into de chart.js 23:15 Fixing the error

[@TheCodeAngle]

This is awesome., Leonardo. Thank you very much. Things like this is why I keep making more videos. Cheers!!!

[@mzwenkosihlela7989]

I have been looking for this let me save this video I will watch it later as I continue with my project...sending big thanks from South Africa you've gain a new subscriber.

[@TheCodeAngle]

Thank you very much. It's great to have you onboard. I really appreciate you subscribing, it means a lot. It's great to know you found the video helpful. Also I just created this community on Telegram for the youtube channel. I'll be happy to have you: t.me/thecodeangle

[@Wildertech]

Good video. I needed to see it in HTML so I could understand it before adapting it to my MVC application. Easy to understand. Keep up the good work.

[@TheCodeAngle]

Awesome. I'm glad you found it helpful. Thanks for the encouragement. It means a lot!

[@just-havingfun428]

in my web console : Uncaught (in promise) SyntaxError: Unexpected end of input at getDummyData, can you help me to fix it?

[@ГайратМадумаров-ю2я]

Hello thank you. But i have had Access-Control-Allow-Origin error. Could you reconfig your server please.

[@ГайратМадумаров-ю2я]

If author doesn't change the server configuration, you can avoid it on the client side kzbin.info/www/bejne/rJDIaIF-lM52oNksi=v6hm6ODBDdtoLBCg

[@TheCodeAngle]

You can use CORS anywhere on the client side to avoid CORS error.

[@RiyazBaig-yq9fy]

can you create LineChart using javaScript object data form

[@TheCodeAngle]

Hello. Can you explain further what you mean by JavaScript Object Data Form?

[@antoniocv4114]

Hello Man, do you a version API rest with Chart JS new version Best Regards

[@TheCodeAngle]

I don't understand this question. Do you mean I should create a new video on the new version of Chart.js?

[@vivekpai3157]

Thank You!!! Great Video !!! This helped a lot

[@TheCodeAngle]

Awesome. Thanks for watching.

[@aryashjain7893]

Pls help me how to use chartjs with xlsx file

[@TheCodeAngle]

I don't work with XLSX files. In sure if you search properly on KZbin, you'll find a channel that does that.

[@ГайратМадумаров-ю2я]

Can you describe how to update chart please?

[@TheCodeAngle]

Do you mean updating the chart when the page loads, or at the click of a button?

[@ГайратМадумаров-ю2я]

@@TheCodeAngle I mean update with button or timer. There is something like that: myLineChart.data.datasets[0].data[2] = 50; // Would update the first dataset's value of 'March' to be 50 myLineChart.update(); // Calling update now animates the position of March from 90 to 50. in the docks. But when I try to assign it to global variable myChart = new Chart(ctx, { and then update, I get error that the variable is undefined.

[@TheCodeAngle]

@@ГайратМадумаров-ю2я I wish I could see the full code, but are you calling the update() method inside of the function?

[@xitdedragon]

Nice video! Very helpful since I'm just starting out with APIs. Are you from the Caribbean by any chance? Cool accent :)

[@TheCodeAngle]

Thank you very much, I appreciate it. I will create more API related videos, I hope you'll be able to learn more from it. AS for the accent, I'm from Lagos, Nigeria. Lol. I hope to visit the Caribbean sometimes soon.

[@webspeople]

Great Work, Hope your health is good. Your video is very helpful, I am facing an issue. I am getting an error in console. "CORS Policy blocked" my request to fetch data from API. Please help to resolve CORS Policy error.

[@TheCodeAngle]

Are you using the same API in the tutorial?

[@tatesfellow3582]

Thank you! This helped a lot

[@TheCodeAngle]

You're welcome!!!

[@coriariasgibert9945]

Thank you! 😃😃😃😃 Great Video !!! 💻✨ This helped a lot !!! 🚀🚀🚀

[@TheCodeAngle]

You're welcome. I'm glad it did!!!

[@isidoraaxis6179]

GREAT!

[@TheCodeAngle]

Thank you 👏

[@PrinceKumar-tl2ut]

thanks man for this video

[@TheCodeAngle]

You're welcome!

[@AK243RDC]

Thank you very much!

[@TheCodeAngle]

You're welcome.