Chart JS Tutorial - ReactJS Charts Beginner Crash Course

Поделиться
HTML-код
  • Опубликовано: 16 ноя 2024

Комментарии • 60

  • @thydevdom
    @thydevdom 7 месяцев назад +11

    Perfect timing! Was asked about this at work today.

  • @Mr24DJLakers
    @Mr24DJLakers 7 месяцев назад +2

    Just started using chart js yesterday. This video came at the perfect time. Thumbs up!

  • @slearmendoza3863
    @slearmendoza3863 7 месяцев назад +2

    I watched your video about this library last week. Thank you for updating this tutorial.

  • @adityamehto2705
    @adityamehto2705 7 месяцев назад +2

    hey man literally you are the best tutor ever 💯💯

  • @adaobichuma-okeke5348
    @adaobichuma-okeke5348 23 дня назад

    Loved it! It really helps with my current project. I would have loved to see how to give a border radius and not have a title or legend but there's documentation for that. Thank you so much!

  • @lucaseabsouza
    @lucaseabsouza 4 месяца назад

    An Brazilina doing the content in English is amazing!

  • @jbbonutube
    @jbbonutube 3 месяца назад

    Thanks Pedro, that 'register' step is crucial.

  • @gracewema-i7r
    @gracewema-i7r 2 дня назад

    really nice'; i have followed and it does make sense keep up

  • @osamayousuf4846
    @osamayousuf4846 7 месяцев назад +1

    hey pedro, thanks again you are a legend.

  • @AndreiBoghiu
    @AndreiBoghiu 3 месяца назад

    Hey man, just wanted to say a big THANK YOUUU!!!!! You're the best

  • @elovett36
    @elovett36 5 месяцев назад +1

    This is great. Thank you. How do you browse what all of the options for customizations are?

  • @dprsd042
    @dprsd042 7 месяцев назад +1

    Can you make a video regarding calender heatmap chart like the one we see in github, leetcode, codeforces etc ...... I have been trying implement it for a project and its working fine but not as I expected it to

  • @chasec4897
    @chasec4897 2 месяца назад

    always manage to amaze me. Legend.

  • @akariinak4154
    @akariinak4154 7 месяцев назад

    Thank you so much PedroTech ! i really appreciate it;

  • @benedekgall4895
    @benedekgall4895 6 месяцев назад

    Really helpful video, and I'm really thankful right now! :D this is exactly what I've been looking for!

  • @coding-with-musa
    @coding-with-musa Месяц назад

    Sir Pedro I would like you to create a tutorial on chart js with Next js.

  • @PrachiKumari-j3h
    @PrachiKumari-j3h 4 месяца назад

    It was really helpful, Appreciate your efforts
    👏

  • @patrickmotaung5866
    @patrickmotaung5866 22 дня назад

    I like the part where you create the chart in your thumbnail

  • @godofwar8262
    @godofwar8262 7 месяцев назад +1

    Hi great content always a video on next js + typescript updated or on astro

  • @IrfanOPC
    @IrfanOPC 2 дня назад

    Hai pedro, without mentioning daily steps as title , how did it come there?

  • @yajirushik2871
    @yajirushik2871 6 месяцев назад +1

    Isn't there an issue with responsiveness of charts in React? I have tried to use Chart.js but it required to make breakpoints, and decided to use recharts instead

  • @PaulGonzales-d8s
    @PaulGonzales-d8s 2 месяца назад

    Thank you so much for this man.

  • @mohanraja1350
    @mohanraja1350 3 месяца назад

    It is very useful💥💯, Thank you so much Brother.

  • @titonecarter2071
    @titonecarter2071 6 месяцев назад

    Great video,
    How i hide the gridlines on the chart

  • @Michael-dp7by
    @Michael-dp7by 6 месяцев назад

    Great tutorial! many thanks! Just one question though, why did you use create react app to create the project and not something like Vite?

  • @Nathan-v1f
    @Nathan-v1f 7 месяцев назад +2

    React champion!

  • @kronkner_8192
    @kronkner_8192 2 месяца назад

    gr8 vid mate 🔥🔥🔥🔥

  • @Ayydos
    @Ayydos 6 месяцев назад

    Thanks but wish you got into the advanced styling presented in the thumbnail

  • @jondiez2673
    @jondiez2673 6 месяцев назад

    The video was perfect! But i tried to show 2 charts on the same page and i get an error about canvas... does anyone know how to fix it? thank you in advance!

  • @CoversByDave
    @CoversByDave 3 месяца назад

    Hi, Very nice tutorial. One question: if in the pie chart I want to put the legends on the right side? I have already done that with chartjs in javascript, but when I change position from top to left or right I get an error. Any solution?
    Thank you

  • @capK29
    @capK29 7 месяцев назад +1

    Thanks pedro ❤ btw is this possible to import csv data to create a chart ?

    • @PedroTechnologies
      @PedroTechnologies  7 месяцев назад +1

      Yess, im not sure if chartjs has some sort of special support for it. But even if it doesn’t, you can just convert the csv file into json

    • @capK29
      @capK29 7 месяцев назад

      @@PedroTechnologies Thanks pedro again. I will try that

  • @ankit21309
    @ankit21309 5 месяцев назад

    It is great concise tutorial.

  • @kainatfarooq6245
    @kainatfarooq6245 5 месяцев назад

    Thank you for this tutorial.

  • @darkknight2825
    @darkknight2825 7 месяцев назад +1

    Fantastic thank you

  • @venkatchalam6385
    @venkatchalam6385 7 месяцев назад

    thank you, pls do same kind of better library like this in react

  • @jhon.bianchi
    @jhon.bianchi 18 дней назад

    i saw in your thumbnail a gradient chart line how to do that?

    • @xloxn
      @xloxn 4 дня назад

      thats what im tryna figure out

  • @murshid956
    @murshid956 6 месяцев назад

    Great tutorial

  • @anirbanbhunia3363
    @anirbanbhunia3363 4 месяца назад

    this is great🔥

  • @crazyboyravi5617
    @crazyboyravi5617 21 день назад

    Bro make a video on extension of vs code ❤

  • @samratchandravanshi3869
    @samratchandravanshi3869 7 месяцев назад

    How can we drag a point in chart js

  • @ZabiSideqi-rw9xc
    @ZabiSideqi-rw9xc 6 месяцев назад

    Tanks for best video.

  • @VikrantSingh-z5r
    @VikrantSingh-z5r 6 месяцев назад

    Make a video on charts js geo

  • @murshid956
    @murshid956 6 месяцев назад

    can you provide the code?

  • @MohammadAminKiaee-lb5me
    @MohammadAminKiaee-lb5me 7 месяцев назад

    great video

  • @jsaugat_
    @jsaugat_ 7 месяцев назад

    Thank you broo

  • @tedorlupaka2280
    @tedorlupaka2280 7 месяцев назад

    Gave the first view😌

    • @godofwar8262
      @godofwar8262 7 месяцев назад

      You got a RUclips fan fest award for this 😂

  • @anudey8496
    @anudey8496 Месяц назад

    AWesome

  • @DonTestosterone
    @DonTestosterone Месяц назад

    At 11:49 ruclips.net/video/ZpfseYy5Hxg/видео.htmlsi=jEPzQ5NZfsZAeBUQ&t=709 I get the same error, but you zoom out, and continue.. What did you do to solve the issue.

  • @adanos2006
    @adanos2006 6 месяцев назад +1

    like for haircut

  • @IMdrummerTab
    @IMdrummerTab 7 месяцев назад

    Nice

  • @aguud
    @aguud 5 месяцев назад

    liked

  • @boi-kheko
    @boi-kheko 7 месяцев назад

    thk

  • @italofsan
    @italofsan 7 месяцев назад

    Dale haha

  • @ghostkee5031
    @ghostkee5031 2 месяца назад

    these charts look ugly from 1997 and not modern at all

    • @OnyeStephen
      @OnyeStephen Месяц назад

      I don't think it is enough to denigrate someone's hard work, can you point us to a a modern one?