Тёмный

Integrate Chart.js Using React with Data from a REST API (2022) 

The Code Angle
Подписаться 2,9 тыс.
Просмотров 55 тыс.
50% 1

Опубликовано:

 

21 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 42   
@TheCodeAngle
@TheCodeAngle 2 года назад
If you are getting a CORS error or 403 forbidden error in the console will working with the CoinRanking API, click on the error link, it will take you to another page. On this page, click on the "request temporary access to demo server" button. Then go back and refresh your page. The errors should disappear after that.
@deltacat1112
@deltacat1112 2 года назад
GOD BLESS YOU. An amazing video, thank you. I had one issue with my bar chart not appearing that no other tutorials had the same problem, but your video has helped me so much. Thank you
@TheCodeAngle
@TheCodeAngle 2 года назад
Amen!. Really glad to hear that. God bless you too.
@hamzehzal6095
@hamzehzal6095 2 года назад
Man thank you very much for this vid, you fixed 3 of my problems... I'm really grateful that I saw your video and I hope you the best of the best in your life
@TheCodeAngle
@TheCodeAngle Год назад
Thank you so much for your kind word. I'm glad to see my video was very helpful to you. Wishing you all the best in your project. Cheers my friend.
@shodeolumide2140
@shodeolumide2140 2 года назад
This is great! Thanks for sharing Can hardly wait to test and implement
@TheCodeAngle
@TheCodeAngle 2 года назад
Thank you. Feel free to ask any questions in the course of implementation.
@la1ya190
@la1ya190 2 года назад
Thank you for this video. It is really helpful.
@TheCodeAngle
@TheCodeAngle 2 года назад
You're welcome, Lavanya. I appreciate it.
@jhoellpelumi7433
@jhoellpelumi7433 2 года назад
Thanks for this man!!
@TheCodeAngle
@TheCodeAngle 2 года назад
You're welcome!!!
@SkipperFPS
@SkipperFPS 2 года назад
Amazing video, thank you!
@TheCodeAngle
@TheCodeAngle 2 года назад
You're welcome. I appreciate it.
@thepatternhub853
@thepatternhub853 2 года назад
thanks for this , it really helpful
@TheCodeAngle
@TheCodeAngle 2 года назад
Thank you. I'm glad it was!
@rishabhpandey7565
@rishabhpandey7565 8 месяцев назад
superb video
@TheCodeAngle
@TheCodeAngle 8 месяцев назад
Thank you Sir!
@rhrabin1298
@rhrabin1298 Год назад
Amazing
@TheCodeAngle
@TheCodeAngle Год назад
Thank you, Sir.
@annuvere
@annuvere 2 года назад
Nice one👍
@TheCodeAngle
@TheCodeAngle 2 года назад
Thank you very much.
@baimusc35
@baimusc35 2 года назад
do you have the tutorial but the data from mysql database ?
@TheCodeAngle
@TheCodeAngle 2 года назад
No I don't. However, I hope you do that later this year.
@RakisGuide
@RakisGuide 3 месяца назад
🔥🔥🔥🔥
@vishalshinde-mq8rk
@vishalshinde-mq8rk 7 месяцев назад
thank you bro
@TheCodeAngle
@TheCodeAngle 7 месяцев назад
You're welcome, brother.
@nagasainattuva1152
@nagasainattuva1152 2 года назад
Price is changing in coinranking but in charts it is not updating .can we do that continues update without refresh
@TheCodeAngle
@TheCodeAngle 2 года назад
You can check out the answer in this link for the solution: stackoverflow.com/questions/67191703/update-the-dom-without-refreshing-the-page-in-react-js
@nagasainattuva1152
@nagasainattuva1152 2 года назад
Can you do video on same getting data using websocket and display live line chart streaming
@TheCodeAngle
@TheCodeAngle 2 года назад
Great idea. I've noted it down. But it's going to take me a while to create that tutorial as I have other videos lined up in the coming weeks.
@nagasainattuva1152
@nagasainattuva1152 2 года назад
As can u give me some references so that it will be helpfull for me
@TheCodeAngle
@TheCodeAngle 2 года назад
I'm currently occupied. I'll send some links before the end of today.
@kaderdashing9443
@kaderdashing9443 Год назад
waw
@TheCodeAngle
@TheCodeAngle Год назад
You're welcome. 🤗
@TheGemDev
@TheGemDev 2 года назад
nice :)
@TheCodeAngle
@TheCodeAngle 2 года назад
Thank you !!!
@cavalera4062
@cavalera4062 2 года назад
Hello
@TheCodeAngle
@TheCodeAngle 2 года назад
Hi. Thanks for stopping by...
@saraefi
@saraefi Год назад
Really good tutorial, it was really easy to follow up and set up everything about the charts. I had just a problem to integrate the data with the api im using, I can console.log it to my console, but I couldn't display the data on my charts. Anyone has a tip of how I could display it since Im using an API that looks like this: array [20] 0 {1} unidade [2] 0 : Sec 1 {4} total1 : 4631131.88 total2 : 2344663.5600000005 total3: 2210217.96 lg: false 1 {1} unidade [2] 0 : terminal 1 {4} total1 : 4631131.88 total2 : 2344663.5600000005 total3: 2210217.96 lg: false
@TheCodeAngle
@TheCodeAngle Год назад
Thank you very much. It's really difficult to destructure the API here on RU-vid, you can reach out to me on my Telegram channel with the link below, so I can see the API results more clearly: t.me/thecodeangle
Далее
Learn React ChartJS in 8 Minutes | Complete Guide
8:40
Борщ в стиле высокой кухни!
00:57
Build Charts in React With Recharts in 7 Minutes
7:58
React charts using Recharts and React ChartJS 2
14:49
Using Chart.JS in React.JS - A Complete Tutorial (2020)
19:57
Beautiful Area Charts in React with Recharts
23:11
Просмотров 45 тыс.
Why aren't you using Fastify? Or Koa? Or NestJS?
9:58
Fetch and Display Advanced JSON Data in Chart JS
23:27