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

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ธ.ค. 2024

ความคิดเห็น •

  • @TheCodeAngle
    @TheCodeAngle  3 ปีที่แล้ว +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 ปีที่แล้ว +4

    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 ปีที่แล้ว +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 ปีที่แล้ว +1

    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.

  • @jhoellpelumi7433
    @jhoellpelumi7433 3 ปีที่แล้ว +2

    Thanks for this man!!

  • @la1ya190
    @la1ya190 2 ปีที่แล้ว +2

    Thank you for this video. It is really helpful.

    • @TheCodeAngle
      @TheCodeAngle  2 ปีที่แล้ว +1

      You're welcome, Lavanya. I appreciate it.

  • @rishabhpandey7565
    @rishabhpandey7565 10 หลายเดือนก่อน +1

    superb video

    • @TheCodeAngle
      @TheCodeAngle  10 หลายเดือนก่อน

      Thank you Sir!

  • @SkipperFPS
    @SkipperFPS 2 ปีที่แล้ว +1

    Amazing video, thank you!

    • @TheCodeAngle
      @TheCodeAngle  2 ปีที่แล้ว

      You're welcome. I appreciate it.

  • @annuvere
    @annuvere 2 ปีที่แล้ว +1

    Nice one👍

  • @thepatternhub853
    @thepatternhub853 2 ปีที่แล้ว +1

    thanks for this , it really helpful

    • @TheCodeAngle
      @TheCodeAngle  2 ปีที่แล้ว

      Thank you. I'm glad it was!

  • @rhrabin1298
    @rhrabin1298 2 ปีที่แล้ว +2

    Amazing

  • @RakisGuide
    @RakisGuide 5 หลายเดือนก่อน

    🔥🔥🔥🔥

  • @kaderdashing9443
    @kaderdashing9443 ปีที่แล้ว +1

    waw

  • @vishalshinde-mq8rk
    @vishalshinde-mq8rk 9 หลายเดือนก่อน

    thank you bro

    • @TheCodeAngle
      @TheCodeAngle  9 หลายเดือนก่อน

      You're welcome, brother.

  • @baimusc35
    @baimusc35 2 ปีที่แล้ว +1

    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 ปีที่แล้ว +1

    Price is changing in coinranking but in charts it is not updating .can we do that continues update without refresh

    • @TheCodeAngle
      @TheCodeAngle  2 ปีที่แล้ว +1

      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 ปีที่แล้ว +1

      Can you do video on same getting data using websocket and display live line chart streaming

    • @TheCodeAngle
      @TheCodeAngle  2 ปีที่แล้ว +1

      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 ปีที่แล้ว +1

      As can u give me some references so that it will be helpfull for me

    • @TheCodeAngle
      @TheCodeAngle  2 ปีที่แล้ว +1

      I'm currently occupied. I'll send some links before the end of today.

  • @TheGemDev
    @TheGemDev 3 ปีที่แล้ว +1

    nice :)

  • @cavalera4062
    @cavalera4062 3 ปีที่แล้ว +1

    Hello

    • @TheCodeAngle
      @TheCodeAngle  3 ปีที่แล้ว

      Hi. Thanks for stopping by...

  • @saraefi
    @saraefi ปีที่แล้ว +1

    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 TH-cam, 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