Getting Started With Chart.js

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.

Great video - simplify the process BUT The download link is not working?

Hi can we embed our charts in to another website can we do something like that & it shouldn't be just a image but our whole functionality ?

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

A great video. really helps me to understand js chart. However, the code download link is not working. Could you help on this. Thanks. Much appreciated

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.

Finally ...been looking for this from traverse

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.

Hi Brad, could u please make a video on how to integrate chart js with laravel 9
Thanks for the tutorials

you just couldnt leave out keyboard sounds.. or atleast not slam keys...

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

Still works 5 years later :D !

Helpfully video with simple explanations.
Thanks !

Dope bruh.... Worcester sauce 🤣🤣🤣🤣 I can't say that shit to save my life. Lato is Pronounced like Worcester 🤣

my background Color doesn't work , someone have the same issue ?

How can i insert data from database to labels or datasets using java , jsp, servlet ? Someone can help me with the documents for this problem? i want that kind of making charts but i find difficulty using database

How to make a chart and connect data to it with json links?

thankk u

Ty

This will do but if any one in the comments know of a way to use a myphpadmin table as my data source and create a a chart or even a dashboard from tht data source in html then that would b amazing

Great tutorial, thank you very much!

Hello, I installed react-chartjs2 but it gives code 500 error. I tried to install react native chart kit etc, but there is always this error. Why do you think it might be? In the error message it says it found react-chartjs2 in node modules folder. but it says main module cannot be resolved. and inside dist it says index cjs not found either. but when i go to node modules folder this file is there. I would be glad if you help

Here is the full sentence. "However, this package itself specifies a `main` module field that could not be resolved"

Love you Brad

This video rules for beginners.

Thanks for putting this out!

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

thank you for tutorial bro..<3

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

Would be nice if you started off by explaining the format of the code with type, data, datasets, options etc

Can you create a stock market chart with API with this chart.js?

Can you explain to me how to animate slower? I tried three times.
it doesn't work for me :(

1. Chart.defaults.global.duration = 80000;

2.animations: {
tension: {
duration: 80000,
easing: 'linear',
from: 1,
to: 0,
loop: true
}

3. animation:{
duration:4000
easing:'linear'
}

thank you for the video.

Sorry, but it's NOT beginner friendly. It's for a coding Pro. And it's not realistic.
It's also not easy to implement on sites like a Drupal site.
Normally the data to add to a chart is on the html part of a site (Site content).
Ordinary users have no access to CSS or JavaScript.
There is just an editor available, which stores its data as standard html, in tables or lists.
This is, where the data for the charts normally resides.
The script part is unreachable for users, but it has the job to collect the data from the html part. Sure it is possible, but not simple ... and not beginner friendly.
Friendly would be, to have the possibility, to define a html table with a class, containing all the data for the chart. A class could also be used, to define the charts type. A lot work has to be done, to fulfill every aspect of the charts presentation.

Thank you, this is very helpful.

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

Please up laod highchart library tutorial

Helped me to kickstart my journey

Is it not advisable to use chartjs with and embed script on html?

Traversy Media: How can I increase the number of views for this nice tutorial?
Me: Use VS Code...

Great stuff!

Static values though

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

Thanks bro excellent tutorial

As a coding guy myself. This was quite useful. A little incomplete here and there which i can help you with if u just come in contact with me.

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!

Nice tutorial. But you didn't need the server to view a html/js file.

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

it shows a blank index/page after i followed all his instructions can someone help, also i'm using Vscode