You sir are an amazing Tutorial teacher. You did not rush, you took your time to explain and you did it all so beautifully. I am new to Angular and I loved every minute of it. Thank you
Thank you for going into this so in-depth. I like knowing what is added and why. Other, shorter tutorials end up glossing over so much that it ends up not being working code. Also, yours actually works!
It still works even you dont put char.js script inside your Index.html. Why? Because library is used inside derictives and it gets into final vendor.js build. Thats why you already have library code inside final build. But I personally think that its better to have a clear dependency. Thats why I added library in angular.json file into scripts array. "scripts": [ "./node_modules/chart.js/dist/Chart.min.js" ]
Hello Sir.. First of all thank you for a wonderful tutorial. I have this doubt like how ng2-chart is useful, if chart.js package can already create all charts?
That was a nice video on charts, I am using the same ng2-chart and chart.js in my angular 12 project but struggling to add percentage inside the charts pieces, can you help me find a way to display the percentage inside the charts. Thanks
Thank for nice video ! I am trying to customize color in Bar chart, but its not working. I am using Angular 14. Could you please help me with the steps or any documentation. Thanks in advance !
Hello, is it the same with Angular 9? I would like to implement it but i have the following error: "ERROR in The target entry-point "ng2-charts" has missing dependencies: - @angular/core - rxjs" . I am new in Angular and i could not understand what's going on. I would be grateful if you could help. Thank you in advance.
i have one doubt, if i use barChartType 'bar' and the datasets are array of objects with dataSet array with values and label property, how i know which value of dataset are the display and another are scale?
how to pass dynamic value in graph I hit api in ngOnInit() function but when pass that value in graph its become undefined please any help me to fix this problem
Hi, a really helpful tutorial. I have a question regarding the addition of the chart.js script in the html file, shouldnt it be added in the scripts of angular.json file?
Dont' know why, but I managed it to work without adding the script tag to the index.html or doing anything else. It event raised and error on the browser's console when i added one of the next 2 examples:
5 ปีที่แล้ว
a very helpful video. Thanks a lot. It works.! However for radar chart I am having an error 404 from chart.js library. But only from radar component. It seems the issue is resolved when using a single set of data instead of two series.
Hello, I watched your video. Thank you very much. But I have a problem. my problem is this: I want to throw data from mongodb to the data in the charts. How do I help you? 🙏
Thank you. In your next video consider not starting from scratch. Start with a new project with routing modules and bootstrap already baked in. And just a heads up, I tend to choose the shortest video when there are multiple videos on the same topic.
Nice tutorial. The problem with Chart.js is that it does not support zooming & panning. There is a plugin for it but it doesn't work properly (at least for me). Zooming works but the panning is buggy.
Please help guys. below is my json data which i am getting from API { "list": [ { "main": { "xAxis": ["W1", "W2", "W3", "W4", "W5", "W6"], "data": ["4.5", "4.2", "4.6", "4.5", "4.7", "4.5"] },
![เป็นไปได้ไหม - WanMai [Performance Video]](http://i.ytimg.com/vi/Eh5hItD4Mr0/mqdefault.jpg)
You sir are an amazing Tutorial teacher. You did not rush, you took your time to explain and you did it all so beautifully. I am new to Angular and I loved every minute of it. Thank you
Thank you for going into this so in-depth. I like knowing what is added and why. Other, shorter tutorials end up glossing over so much that it ends up not being working code. Also, yours actually works!
I guess I'm kinda randomly asking but does anybody know a good site to watch new series online ?
I would love a series on this topic, connecting to data, adding options and more features to the charts, etc.
Works for Angular 7! I wasn't able to add the chart.js source to index.html but turns out I didn't need it. Thanks for the guide!
As long it is Angular 2, it should work
It still works even you dont put char.js script inside your Index.html. Why? Because library is used inside derictives and it gets into final vendor.js build. Thats why you already have library code inside final build. But I personally think that its better to have a clear dependency. Thats why I added library in angular.json file into scripts array.
"scripts": [
"./node_modules/chart.js/dist/Chart.min.js"
]
But this made even worse :) Now I have duplicated library, one is included in vendor.js other in scripts.js
Great stuff. I had a similar requirement but i don't want "Y" axis divider lines. Can I customize it?
Using chart.js directly instead of ng2-charts makes more sense? If not why? Which is the best angular specific charting library.
NullInjectorError: StaticInjectorError(AppModule)[BaseChartDirective -> ThemeService]:
i am facing this error how to solve this error
18:10 isnt every div displayed as a block by default?
Depends on the parent element I believe. But in his example it was not necessary
Hello Sir.. First of all thank you for a wonderful tutorial.
I have this doubt like how ng2-chart is useful, if chart.js package can already create all charts?
Is there any significance of using ng4 instead of ng2.??...what is the difference ?
Sebastian presentation was precise and clear.Loved it!
💻 Website: codingthesmartway.com/
🎓 Top Web Development Online Courses: codingthesmartway.com/courses/
Awesome. I have really enjoyed watching this tutorial. A time well spent. Thank you very much.
NullinjectorError: StaticInjectorError(Appmodule)[BaseChartDirective]->themeService
Thank you so much. Great tutorial.
Thanks Christopher!
Amazing Tutorial
That was a nice video on charts, I am using the same ng2-chart and chart.js in my angular 12 project but struggling to add percentage inside the charts pieces, can you help me find a way to display the percentage inside the charts. Thanks
Thank for nice video ! I am trying to customize color in Bar chart, but its not working. I am using Angular 14. Could you please help me with the steps or any documentation. Thanks in advance !
having problem in importing the ChartsModule, it says cant find ng2-charts module
This helped me a lot ... such a short and awesome video
Hello, is it the same with Angular 9? I would like to implement it but i have the following error: "ERROR in The target entry-point "ng2-charts" has missing dependencies:
- @angular/core
- rxjs" . I am new in Angular and i could not understand what's going on. I would be grateful if you could help.
Thank you in advance.
i have one doubt, if i use barChartType 'bar' and the datasets are array of objects with dataSet array with values and label property, how i know which value of dataset are the display and another are scale?
bro, have you done gantt chart using angular & chart.js?
very well explained, keep it up
how to pass dynamic value in graph I hit api in ngOnInit() function but when pass that value in graph its become undefined please any help me to fix this problem
Awesome Video Bro, Thanks.
Nice video. However, I can't find a way to add comma separated numbers with ng2-charts....
is there a way yo display multiple on the default?
need to make api response according to format accepted by chart how do i do it
Hi, a really helpful tutorial. I have a question regarding the addition of the chart.js script in the html file, shouldnt it be added in the scripts of angular.json file?
Dont' know why, but I managed it to work without adding the script tag to the index.html or doing anything else. It event raised and error on the browser's console when i added one of the next 2 examples:
a very helpful video. Thanks a lot. It works.! However for radar chart I am having an error 404 from chart.js library. But only from radar component. It seems the issue is resolved when using a single set of data instead of two series.
Thank you This was very helpful
can gantt charts be made with chart.js?
Hello, I watched your video. Thank you very much. But I have a problem. my problem is this: I want to throw data from mongodb to the data in the charts. How do I help you? 🙏
Grade one.... :) can you show how can I add percentage to bar chat inside the field.
Thank you so much! It helped me a lot.
Thanks in advance. How can we select the slice of pie chart? Can anyone help me?
how to change the color in pie chart
Hi, can you create a video on Gantt chart in angular
help a lot . thanks
I am getting this error "
localhost/:13
GET localhost:4200/node_modules/chart.js/dist/Chart.js net::ERR_ABORTED 404 (Not Found)"
just remove the script tag from the index.html. It worked just fine for me.
how can add funnel chart using this.?
Awesome tutorial.
How to add/create customised Maps(Ex:corona Dashboard) in angular6/7/8.
Nice tutorial
Thank you. In your next video consider not starting from scratch. Start with a new project with routing modules and bootstrap already baked in. And just a heads up, I tend to choose the shortest video when there are multiple videos on the same topic.
Nice tutorial. The problem with Chart.js is that it does not support zooming & panning. There is a plugin for it but it doesn't work properly (at least for me). Zooming works but the panning is buggy.
Try plotly
how does one add new data or remove it ?
awsome video bro..thank u so much....please give us more information about angular
How to make the bars edges round??
how i make multiple charts the same type with deferent values
great tutorial. Thanks
simple and easy to understand. Thank you!!!
Thank Sir , can u tell me how to download graph from front end
try jsPDF
How to change the colors of the chart?
thank you a lot.. God bless
thanks sir this is very helpful
my style.css is not working. why?
Hi, great! But how to change color of charts?
Could u try:
public colors = [
{ // 1st Color
backgroundColor: 'rgb(255, 99, 132, 0.5)',
borderColor: 'rgb(255, 99, 132, 1)',
borderWidth: 1
},
{ // 2nd Color.
backgroundColor: 'rgb(255, 205, 86, 0.5)',
borderColor: 'rgb(255, 205, 86, 1)',
borderWidth: 1
},
....
]
Then, add in your
Thank you
Love it man
Please help guys.
below is my json data which i am getting from API
{
"list": [
{
"main": {
"xAxis": ["W1", "W2", "W3", "W4", "W5", "W6"],
"data": ["4.5", "4.2", "4.6", "4.5", "4.7", "4.5"]
},
"headerName": "Fuel Efficiency Score",
"modelName": "Model 1"
},
{
"main": {
"xAxis": ["W1", "W2", "W3", "W4", "W5", "W6"],
"data": ["4.5", "4.2", "4.6", "4.5", "4.7", "4.5"]
},
"headerName": "Fuel Efficiency Score",
"modelName": "Model 1"
},
{
"main": {
"xAxis": ["W1", "W2", "W3", "W4", "W5", "W6"],
"data": ["4.5", "4.2", "4.6", "4.5", "4.7", "4.5"]
},
"headerName": "Fuel Efficiency Score",
"modelName": "Model 1"
}
]
}
My questing is how to use *ngFor loop in chart.js
Thanks in advance.
Nice video.
thanks, really usefull
SUBSCRIBED
Sweet!
very helpfull ty
I love you!! Thank you
how to restart animation onclick button
Thanks!
Merciii à Vous
DANKE SEHR
For a moment I thought this was a SpaceX live stream.. cool intro song hahaha