Getting Started With Chart.js

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

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

  • @nlburnr1
    @nlburnr1 7 ปีที่แล้ว +116

    Man I'm always filled with joy when you upload a new video , Its always a back and forth between your channel and the documentation when I try to pick up on a framework, library etc. Thank you for making my learning process a hell of al lot easer thank you man. Much love from Rotterdam (Europe , The Netherlands)

    • @TraversyMedia
      @TraversyMedia  7 ปีที่แล้ว +77

      Thanks :) That's awesome because that is the goal of this channel is to be an ongoing resource for web developers and programmers. No bullshit just simplified explanation and examples

    • @AhmadZul
      @AhmadZul 7 ปีที่แล้ว +5

      Agreed. Straight to the point~

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

      the comment's got 96 likes and Brad's reply's got 69 likes. Being a man of culture I can't disturb that balance even if I wanna express my agreement : )

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

      @@TraversyMedia hey , it would be a great help if u can can tell how to download these charts into pdf, i used making canvas and then adding it as an image and then export using jspdf, but all i get a chart with xy axis but no bar charts

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

      @@abishekraju4521 😂😂😂😂😂😂 this the reason is why i spend 99% on the internet

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

    This channel reminds me of a song... "Anything I want - you've got it, anything I need - you've got it".
    Thanks a lot and greetings from Bulgaria.

  • @lehlohonolomphuthi4
    @lehlohonolomphuthi4 7 ปีที่แล้ว +21

    I think in the past 2 months I've watched more TM content than anything! Dude God bless you and your family. You are simply fantastic.I haven't event watched this video yet.

    • @TraversyMedia
      @TraversyMedia  7 ปีที่แล้ว +4

      That's awesome. I appreciate it, thanks!

  • @syedmuhammadsajjad3393
    @syedmuhammadsajjad3393 4 ปีที่แล้ว

    I am never disappointed by your videos. Even a 3-year-old video worked like a charm. Thank you.

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

    i feel like im high right now. i've been researching charts for hours and days and this is the first chart to work for me. thank you so much

  • @SimPwear84
    @SimPwear84 7 ปีที่แล้ว +22

    Brad you're just killing it lately! I am learning so much from you. Thanks for your time in putting these together. Awesome as always. Blessing hommie!!

    • @TraversyMedia
      @TraversyMedia  7 ปีที่แล้ว +5

      Your welcome man, thanks for watching

  • @UstadJi
    @UstadJi 5 ปีที่แล้ว

    I Don't Have Words To Say Thank You To You, Brad. Without You Internet Is Nothing, You Are An Inspiration For Us. Thank You Thank You Thank You Very Much.

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

    Searched the internet for minutes and this is the best resource. Well done

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

    I was just thinking on see what Chart.js is about and here you apear with this tutorial. Thanks man !

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

    You simplified it again for all of us. Keep it up, I really like your videos. Great teacher.

  • @studiocity10
    @studiocity10 7 ปีที่แล้ว +7

    Quickly becoming one of my favorite youtubers man.. Thanks for the great content!

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

    Thank you for making learning easy Traversy Media. I've been watching a couple of your videos in a row now.

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

    U did the best explaining than charts.js official documentation. Thanks!

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

    Needed to do a quick mock-up to get a project off the ground. This tutorial was brilliant and helped me get everything done in an afternoon (I am not a coder by any stretch of the imagination). Many thanks!

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

    Haven't watched the video yet, but I needed a tutorial on chart.js for some project, great work, thumbs up already ;)

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

    always pleasing to watch your tutorial. Brad. Love you!

  • @SameerKhan-ls9ow
    @SameerKhan-ls9ow 3 ปีที่แล้ว +2

    options: {
    plugins: {
    title: {
    display: true ,
    text: "hihgwohgro"
    }
    }
    }
    we use plugins now for the title in updated versions

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

      Thx man, that helped a lot.

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

      Thanks, what about the title fontSize? its not working

  • @ruhaise
    @ruhaise 7 ปีที่แล้ว

    I'm so glad that i found out this channel, all the videos are very nicely explained(neat and simple), big thumbs up man!!!

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

    Thanks this tutorial is so clear, i've learned how to use this library in 15 minutes. Thanks again

  • @Amanda1799
    @Amanda1799 6 ปีที่แล้ว

    This video made Charts.js fun and easy! Thank you Brad!

  • @takethefirststepsem
    @takethefirststepsem 5 ปีที่แล้ว

    You make the complex simple. Thank you for the tutorials. This is super helpful.

  • @Terropico
    @Terropico 7 ปีที่แล้ว

    I have just started learning it yesterday and you already uploaded a tutorial.Good stuff :)

  • @bazz6932
    @bazz6932 ปีที่แล้ว

    Finally ...been looking for this from traverse

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

    Congratulations Mr Traversy, thanks, very good!

  • @domenickdagostino8494
    @domenickdagostino8494 7 ปีที่แล้ว +7

    Loved learning Chart.js! My immediate thought was linking this up to my SQL database with PHP to create a dynamic chart. Would love a video on that!

  • @LarryG-Unit
    @LarryG-Unit 7 ปีที่แล้ว +1

    Digging the new intro animation! Awesome!

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

    This video rules for beginners.
    Thanks for putting this out!

  • @krowwweee2918
    @krowwweee2918 7 ปีที่แล้ว +35

    I just gonna like without even watching, but will definitely do later.

    • @juancamiloq1
      @juancamiloq1 7 ปีที่แล้ว +3

      same thing

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

      Bet you didn't

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

      Did you watch it?😅

    • @krowwweee2918
      @krowwweee2918 4 ปีที่แล้ว

      @@divinity5250 Not yet, brad is making too much stuff to handle for me :)

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

      @@krowwweee2918 hahahahahahaha 3 yrs down the line 😅😂

  • @MeshTheSnake
    @MeshTheSnake 4 ปีที่แล้ว

    Absolute legend, appreciate all the effort you put into this content.

  • @danieladetayo3711
    @danieladetayo3711 7 ปีที่แล้ว

    As long as it is from Brad, you know it will be good.

    • @TraversyMedia
      @TraversyMedia  7 ปีที่แล้ว

      Ah, the pressure :) thanks for watching

  • @john7556
    @john7556 6 ปีที่แล้ว

    Absolutely brilliant video: clear, to the point and very effective. Much appreciated.

  • @stevelandsaw3132
    @stevelandsaw3132 7 ปีที่แล้ว

    Fantastic. Thanks for taking the time to post this.

  • @Kunal-jp8tn
    @Kunal-jp8tn 2 ปีที่แล้ว

    Thank you so much for this amazing chain of tutorials....

  • @aris.konstantinidis
    @aris.konstantinidis 4 ปีที่แล้ว

    Crystal clear explanation and a solid and simple implementation example,. Thank you so much.

  • @EmmaMaryTaylor
    @EmmaMaryTaylor 4 ปีที่แล้ว

    Love the way you say Charts! Thanks for the video - very useful :)

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

    Helpfully video with simple explanations.
    Thanks !

  • @rosscarrick
    @rosscarrick 7 ปีที่แล้ว

    Very clear and easy to follow. Great video!

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

    Ah, I wish I found your D3 tutorial back then. I learned it on the fly at work for a project and just read random tutorials half the time lol.

  • @geraldwatanabe2228
    @geraldwatanabe2228 7 ปีที่แล้ว

    Another awesome tutorial!
    Clear and concise!

  • @Devil_EMS
    @Devil_EMS 6 ปีที่แล้ว +5

    Listens for five seconds: "This guy is so from Boston"
    Listens just past the one minute mark: "BOOOOOOOOM! CALLED IT!"

  • @martinmtandi335
    @martinmtandi335 7 ปีที่แล้ว

    doing my final year project, will definitely make use of this. awesome stuff. Thank You so much

  • @Born2Gamble123
    @Born2Gamble123 6 ปีที่แล้ว

    Man, Traversy Media is like its own google database. I can search 'How to cook a steak +traversy' and i bet you'll have a tutorial on it.

  • @lardosian
    @lardosian 7 ปีที่แล้ว

    This could be a great way to expand a JS budget app I'm learning with Udemy, thanks Brad!

  • @satyajeetjha1681
    @satyajeetjha1681 6 ปีที่แล้ว

    wow .can read docs now after this short demo.

  • @yashone7
    @yashone7 5 ปีที่แล้ว

    Simple, Elegant and excellent.

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

    Nice and concise video. Bro keep doing more of that. Love it to the max!!

  • @christopherigbojekwe5966
    @christopherigbojekwe5966 6 ปีที่แล้ว

    wow, this video might've just changed my life. This is so cool! Thank you!

  • @jeremybrews2521
    @jeremybrews2521 7 ปีที่แล้ว

    This was really fun, thanks for the great tutorials. Keep up the great work brother.

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

    Helped me to kickstart my journey

  • @Marspaw-1
    @Marspaw-1 ปีที่แล้ว

    Super useful, although there are a few things that have changed since this tutorial was made.
    Notably the title has to be nested within plugins, it can't be put directly into options.
    fontSize has also been replaced with font: {size:}, and so on.
    That stuff was easy to look up though, and this video definitely gave me a way better understanding of how to use the library than I had before.

  • @sroger
    @sroger 4 ปีที่แล้ว

    Good video. Learned what I needed to get started. Thanks!

  • @castmixer12
    @castmixer12 7 ปีที่แล้ว +27

    Thank you brad. Please do one with php and sql 👍🏻

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

      noonne use that hahaha

  • @iancarr3923
    @iancarr3923 6 ปีที่แล้ว

    I am setting up a dashboard so this is very helpful. BTW your pronunciation of "Worcester" is correct. It is pronounced like that in the UK and Worcester has been here longest!

  • @ronaldjohnson4470
    @ronaldjohnson4470 7 ปีที่แล้ว

    Thank you Brad, very nice tutorial.

  • @ErnestGWilsonII
    @ErnestGWilsonII 6 ปีที่แล้ว

    I can't believe it, early on he said there would be 8 chart types and then later on there was only 7, I guess I will tell the kids there will be no Christmas this year! Just kidding of course, another awesome video! I am of course subscribed and thumbs up!

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

    Hey brad thanks for all these videos.Learnt so much from you :)
    This is one of my favourite channels on TH-cam.
    Please make a series on Yii Framework and if possible make some videos on Algolia Search with Laravel.

  • @juancamiloq1
    @juancamiloq1 7 ปีที่แล้ว +6

    Just passed by to say Hi! I really love your channel, always learning. Keep going man, you're awesome!
    1 question tho... no more videos about Rails?

    • @TraversyMedia
      @TraversyMedia  7 ปีที่แล้ว +3

      There definitely will be. I know I am lacking in Rails videos. I just find them time consuming. I did a couple I was not happy with so I didn't upload but I promise they are coming

    • @juancamiloq1
      @juancamiloq1 7 ปีที่แล้ว

      Traversy Media thx man! looking forward to see it ;)

  • @slavomirkapusta6128
    @slavomirkapusta6128 4 ปีที่แล้ว

    Thank you for for tutorial. I am beginner and video helped me a lot. Slavomir, Prague (another user from Central Europe ....)

  • @BenKopec
    @BenKopec 6 ปีที่แล้ว

    Amazing! I learned so much from watching your video, and actually creating the widget. Also had a lot of fun. You really helped glue together a lot of questions I had. Thank you so much!

  • @lardosian
    @lardosian 5 ปีที่แล้ว

    Thanks Brad, gonna use this Chart.js in my Django project. I used Bokeh in my last flask project after seeing your video.

  • @alivarfan1009
    @alivarfan1009 5 ปีที่แล้ว

    I really enjoyed watching this tutorial, you described everything very well, thanks.

  • @hanankevich5762
    @hanankevich5762 6 ปีที่แล้ว

    Nice vid - I'm about to use chartjs in my work project and now I feel like chart expert :) -thanks again!!!

  • @simonburyan1669
    @simonburyan1669 6 ปีที่แล้ว

    thx brad, all i needed was first 6 minutes, rest is in the documentation. thx ;-)

  • @TheD2D21
    @TheD2D21 6 ปีที่แล้ว

    Thanks for this tutorial, man. I was using Google Charts. I feel pretty confident in giving this lib a try now!

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

    You are an amazing teacher!!!

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

    wow , it's amazing for any developer :) , with a simple explanation .. thanks .

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

    Hi Brad, It is unbelievably great to FINALLY!!! be able to make charts (what I call graphs - sorry, I'm an engineer) online and add them to my dynamic websites. One small thing - I find that none of the options are working for me, whether global or otherwise. But it's 5 years later, so no doubt something has changed...
    If you could update or answer this, it would be fantastic!! Thanks either way! Traversy ROCKS!!!

  • @rashidanwar101
    @rashidanwar101 ปีที่แล้ว

    @Brad, your content always suffice me. Nowhere it feels something is missing in the video (At least its enough to find the next roadmap).

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

    Thanks for your kind to made this awesome tutorials.

  • @kayodeemmanueladetunji3367
    @kayodeemmanueladetunji3367 7 ปีที่แล้ว

    Thanks for the upload. I always crave your videos

  • @aliizzetmetin6382
    @aliizzetmetin6382 4 ปีที่แล้ว

    this will help greatly thanks a lot mr Traversy!

  • @SALMANKHAN-zz4gi
    @SALMANKHAN-zz4gi 4 ปีที่แล้ว

    thank you brad ! you are amazing sir

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

    This man is a legend...

  • @munapadhi8723
    @munapadhi8723 7 ปีที่แล้ว

    good job brad i love your all videos with great teaching experience . keep it up and good bless you.

  • @cunningham.s_law
    @cunningham.s_law 7 ปีที่แล้ว +1

    keep grinding man I love your stuff

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

    Still works 5 years later :D !

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

    Thanks from Brasil, you save my life. :D

  • @sunilanthony17
    @sunilanthony17 7 ปีที่แล้ว

    Thank you, will differently need this in the future.

  • @nandk98
    @nandk98 ปีที่แล้ว

    Thanks for this Video. It's comprehensive and highlights all aspects of presenting data visually. Though new to Chart.js, I am rearing to integrate it in my dashboard project. Of course, I would check the latest documentation. Thanks again for kindling my interest.

  • @webapplicationguide3798
    @webapplicationguide3798 7 ปีที่แล้ว

    Thanks for the helpful introduction !!!

  • @williamwhatley4157
    @williamwhatley4157 7 ปีที่แล้ว

    You're great man -- I enrolled in your Modern JS + ES6 course on Udemy; highly recommend. Thanks Brad

  • @kevinzhang8974
    @kevinzhang8974 6 ปีที่แล้ว

    yes, ChartJS is very simple to use and configure .... for normal chart job, this is super!!!!

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

    Just amazing!! You're incredible!

  • @samweeks92
    @samweeks92 4 ปีที่แล้ว

    These videos are soo good. Thanks!!

  • @Se-pk8lg
    @Se-pk8lg 7 ปีที่แล้ว

    I love your content it is just easy to follow and well explained.
    Keep it up!

  • @MenAtWorkMedia22
    @MenAtWorkMedia22 7 ปีที่แล้ว +3

    Thank you, Brad!

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

    Great video as usual Brad. Quite outdated but if you search the docs for the options it is pretty straight forward. Some options are nested within a plugins object and the global options are written differently. Overall a great video. Would love to see a video of this integrated into React.

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

    Nice work Brad,
    Also make some videos on highcharts.js

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

    Thank you for great content. you are amazing person and developer - once in a generation

  • @astatalol
    @astatalol 4 ปีที่แล้ว

    You just saved my life, thank you so much!

  • @BoilersRock
    @BoilersRock 6 ปีที่แล้ว

    Thank you for this. Also, thank you for clarifying how folks from your area pronounce "Worcester" @ 8:05 :)

  • @wilfried.bounsi
    @wilfried.bounsi 6 ปีที่แล้ว

    Thanks for this video! My question may sound stupid but I need to know, at 8:59 what keyboard shortcut do you use for that kind of back tabulation?

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

    Great video bro, this framework is really excellent. I'm actually thinking of starting a project now just to play around with it.

  • @baptistehyver1162
    @baptistehyver1162 5 ปีที่แล้ว

    Thank you so much for this video, it's great to get started with Chart.js

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

    Thank you, this is very helpful.

  • @xs6819
    @xs6819 ปีที่แล้ว

    9:11
    I'm glad it worked for you because I cant get anything but a blank page. I see the download page is no longer working either.

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

    And I have a chart on my newest design. Thanks Mr. Traversy. I'm now looking for a vid on tying my latest array results to the chart. Then I will be a 'done genius'. ;)

  • @michaelenriquez_
    @michaelenriquez_ 5 ปีที่แล้ว

    So many thanks Brad!

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

    OK I just found out, to change the size of the pie chart so it fits the screen or page ,just change the layout:padding sizes 😊

  • @my_dixie_rect8865
    @my_dixie_rect8865 6 ปีที่แล้ว

    Amazing video. You're such a good tutor. I subscribed and thank you greatly!