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

  Рет қаралды 55,044

The Code Angle

The Code Angle

Күн бұрын

Пікірлер: 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 2 жыл бұрын
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.
@rishabhpandey7565
@rishabhpandey7565 8 ай бұрын
superb video
@TheCodeAngle
@TheCodeAngle 8 ай бұрын
Thank you Sir!
@thepatternhub853
@thepatternhub853 2 жыл бұрын
thanks for this , it really helpful
@TheCodeAngle
@TheCodeAngle 2 жыл бұрын
Thank you. I'm glad it was!
@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.
@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.
@annuvere
@annuvere 2 жыл бұрын
Nice one👍
@TheCodeAngle
@TheCodeAngle 2 жыл бұрын
Thank you very much.
@rhrabin1298
@rhrabin1298 Жыл бұрын
Amazing
@TheCodeAngle
@TheCodeAngle Жыл бұрын
Thank you, Sir.
@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 KZbin, 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
@RakisGuide
@RakisGuide 4 ай бұрын
🔥🔥🔥🔥
@vishalshinde-mq8rk
@vishalshinde-mq8rk 8 ай бұрын
thank you bro
@TheCodeAngle
@TheCodeAngle 8 ай бұрын
You're welcome, brother.
@TheGemDev
@TheGemDev 2 жыл бұрын
nice :)
@TheCodeAngle
@TheCodeAngle 2 жыл бұрын
Thank you !!!
@kaderdashing9443
@kaderdashing9443 Жыл бұрын
waw
@TheCodeAngle
@TheCodeAngle Жыл бұрын
You're welcome. 🤗
@cavalera4062
@cavalera4062 2 жыл бұрын
Hello
@TheCodeAngle
@TheCodeAngle 2 жыл бұрын
Hi. Thanks for stopping by...
Build Charts in React With Recharts in 7 Minutes
7:58
CodeSnaps
Рет қаралды 28 М.
PRANK😂 rate Mark’s kick 1-10 🤕
00:14
Diana Belitskay
Рет қаралды 11 МЛН
FOREVER BUNNY
00:14
Natan por Aí
Рет қаралды 15 МЛН
Learn React ChartJS in 8 Minutes | Complete Guide
8:40
Code Complete
Рет қаралды 41 М.
1.3: Graphing with Chart.js - Working With Data & APIs in JavaScript
19:46
My Favourite React Chart Library
7:55
developedbyed
Рет қаралды 33 М.
Chart JS Tutorial - ReactJS Charts Beginner Crash Course
24:11
React charts using Recharts and React ChartJS 2
14:49
Monsterlessons Academy
Рет қаралды 23 М.
React ChartJS Tutorial - Introduction To ChartJS
21:18
PedroTech
Рет қаралды 166 М.
Beautiful Area Charts in React with Recharts
23:11
Leigh Halliday
Рет қаралды 45 М.
PRANK😂 rate Mark’s kick 1-10 🤕
00:14
Diana Belitskay
Рет қаралды 11 МЛН