Getting Started With Chart.js

Поділитися
Вставка
  • Опубліковано 12 лис 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 років тому +76

      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

  • @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.

  • @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.

  • @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.

  • @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

  • @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!

  • @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

  • @domenickdagostino8494
    @domenickdagostino8494 7 років тому +6

    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!

  • @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 ;)

  • @captain_finn
    @captain_finn 2 роки тому

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

  • @bazz6932
    @bazz6932 Рік тому

    Finally ...been looking for this from traverse

  • @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!!!

  • @itsumarejaz
    @itsumarejaz 3 роки тому

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

  • @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!

  • @MeshTheSnake
    @MeshTheSnake 3 роки тому

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

  • @FrankDuxful
    @FrankDuxful 4 роки тому +1

    Congratulations Mr Traversy, thanks, very good!

  • @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 2 роки тому

      Thanks, what about the title fontSize? its not working

  • @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.

  • @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 :)

  • @aris.konstantinidis
    @aris.konstantinidis 4 роки тому

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

  • @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!

  • @Kunal-jp8tn
    @Kunal-jp8tn 2 роки тому

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

  • @JoshuaMusau
    @JoshuaMusau 3 роки тому

    This man is a legend...

  • @EmmaMaryTaylor
    @EmmaMaryTaylor 4 роки тому

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

  • @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 😅😂

  • @valuedtutorials
    @valuedtutorials 7 років тому +1

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

  • @michaelhenry4667
    @michaelhenry4667 3 роки тому

    Helped me to kickstart my journey

  • @martinmtandi335
    @martinmtandi335 7 років тому

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

  • @satyajeetjha1681
    @satyajeetjha1681 6 років тому

    wow .can read docs now after this short demo.

  • @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.

  • @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!!!

  • @LarryG-Unit
    @LarryG-Unit 7 років тому +1

    Digging the new intro animation! Awesome!

  • @simonburyan1669
    @simonburyan1669 6 років тому

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

  • @john7556
    @john7556 6 років тому

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

  • @slavomirkapusta6128
    @slavomirkapusta6128 4 роки тому

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

  • @TheD2D21
    @TheD2D21 6 років тому

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

  • @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.

  • @lardosian
    @lardosian 7 років тому

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

  • @stevelandsaw3132
    @stevelandsaw3132 7 років тому

    Fantastic. Thanks for taking the time to post this.

  • @andy212251
    @andy212251 2 роки тому

    Still works 5 years later :D !

  • @yinonb172
    @yinonb172 2 роки тому

    Helpfully video with simple explanations.
    Thanks !

  • @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!

  • @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).

  • @premiumdjmelvyn
    @premiumdjmelvyn 3 роки тому

    You are an amazing teacher!!!

  • @yashone7
    @yashone7 5 років тому

    Simple, Elegant and excellent.

  • @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.

  • @hanankevich5762
    @hanankevich5762 6 років тому

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

  • @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.

  • @rosscarrick
    @rosscarrick 6 років тому

    Very clear and easy to follow. Great video!

  • @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!

  • @castmixer12
    @castmixer12 7 років тому +27

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

    • @raven1552
      @raven1552 6 років тому +2

      noonne use that hahaha

  • @sroger
    @sroger 4 роки тому

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

  • @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 ;)

  • @christopherigbojekwe5966
    @christopherigbojekwe5966 6 років тому

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

  • @SALMANKHAN-zz4gi
    @SALMANKHAN-zz4gi 4 роки тому

    thank you brad ! you are amazing sir

  • @aliizzetmetin6382
    @aliizzetmetin6382 4 роки тому

    this will help greatly thanks a lot mr Traversy!

  • @munapadhi8723
    @munapadhi8723 7 років тому

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

  • @afetsibless9212
    @afetsibless9212 7 років тому +1

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

  • @ikeyfranco1001
    @ikeyfranco1001 3 роки тому

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

  • @kevinzhang8974
    @kevinzhang8974 6 років тому

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

  • @williamwhatley4157
    @williamwhatley4157 6 років тому

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

  • @PS4TUBE
    @PS4TUBE 7 років тому +1

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

  • @QWEEKEN73
    @QWEEKEN73 7 років тому

    Hey bud, thanks for the upload. Your videos have me taught quite a lot as an aspiring developer. I do have one concern tho, your videos seem to be all over the place, covering a wide array of frameworks. I understand that each new arising technology has it's own viable circumstance, and it's important to have a go to tutorial for them. But it would be nice to see more commonly used technologies covered in greater depth. Self taught developers rely immensely on the content that fantastic people like yourself generously put out. I feel that developers first going into the work force should be skilled in 2-3 technologies rather than a master of none. Just a thought. Keep up the good work! Thanks.

  • @joavskie
    @joavskie 7 років тому +1

    Best youtuber ever!

  • @ronaldjohnson4470
    @ronaldjohnson4470 7 років тому

    Thank you Brad, very nice tutorial.

  • @alivarfan1009
    @alivarfan1009 5 років тому

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

  • @jeremybrews2521
    @jeremybrews2521 7 років тому

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

  • @sunilanthony17
    @sunilanthony17 7 років тому

    Thank you, will differently need this in the future.

  • @kayodeemmanueladetunji3367
    @kayodeemmanueladetunji3367 7 років тому

    Thanks for the upload. I always crave your videos

  • @metromota
    @metromota 5 років тому +1

    Thanks from Brasil, you save my life. :D

  • @cunningham.s_law
    @cunningham.s_law 7 років тому +1

    keep grinding man I love your stuff

  • @michaelangelobalgoslucido9652
    @michaelangelobalgoslucido9652 3 роки тому

    You are a life saver. ☝🏼

  • @nafizahmed1983
    @nafizahmed1983 6 років тому

    Man love u so much. U made it like a piece of cake. Have no words to appreciate you....

  • @geraldwatanabe2228
    @geraldwatanabe2228 7 років тому

    Another awesome tutorial!
    Clear and concise!

  • @samweeks92
    @samweeks92 4 роки тому

    These videos are soo good. Thanks!!

  • @goodwizard8598
    @goodwizard8598 6 років тому

    I just came here to say thank you.

  • @michaelenriquez_
    @michaelenriquez_ 5 років тому

    So many thanks Brad!

  • @aditamadirga6571
    @aditamadirga6571 7 років тому +1

    Thanks for your kind to made this awesome tutorials.

  • @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'. ;)

  • @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.

  • @pauldjemne
    @pauldjemne 3 роки тому

    Just amazing!! You're incredible!

  • @MenAtWorkMedia22
    @MenAtWorkMedia22 7 років тому +3

    Thank you, Brad!

  • @Se-pk8lg
    @Se-pk8lg 6 років тому

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

  • @syedaridazaidi2472
    @syedaridazaidi2472 6 років тому

    this information is very usefull today i made my project just like you did in video . :)

  • @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.

  • @BoilersRock
    @BoilersRock 6 років тому

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

  • @MGtvMusic
    @MGtvMusic 2 роки тому

    Love you Brad

  • @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!"

  • @andriann-rak
    @andriann-rak 4 роки тому

    Thanks Brad.

  • @kimberlyyen1114
    @kimberlyyen1114 3 роки тому

    Thank YOU !
    Thank GOD !
    Thank you so much !!!!