Creating Charts in Angular Using Chart JS

[@YorukaValorant]

6:24 - Everything after Installing Angular

[@rrawat9026]

I used everything same as per ur video but in my app, it was showing only " Chart view works".. Chart is not visible..

[@divyagavandi5437]

Was the chart visible later?

[@ahmedelgedawy6998]

Me too

[@ahmedelgedawy6998]

Me too

[@garimaverma_3952]

Yes chart is not visible

[@divyagavandi5437]

@@garimaverma_3952 import {registerables} from 'chart.js';
Chart.register(...registerables);
By adding this I was able to see chart.

[@prajwalmakanwar6302]

If you get this :
Error: "linear" is not a registered scale.
Do This :
import { Chart, registerables } from 'chart.js';
Chart.register(...registerables);

[@gudrathasanli3329]

I'm wondering why the instructor didn't get this error

[@robertjuh]

Thanks! i had this problem too

[@alphapimousse]

Hi, shouldn't we create a new function inside our component.ts to put our chart in ? Because ngOnInit() runs code before the canvas get created no ? (im a beginner trying to understand)

[@weixiangng8279]

The visual studio code console stated that the error is Failed to create chart: can't acquite context from given time. How do I solve it ya?

[@uvindupathirana3221]

Thanks man i was searching for this for a lot of time and this helped me!!👌👌😊😊😁😁❤❤

[@vishalsyoutube]

Exactly the thing I was looking for!! Muchas gracias

[@bharatchaudhary2603]

I did same as u but getting an error of - Error: "linear" is not a registered scale.
chart.js 3.2.0
angular 11

[@gabrielpadilla9707]

Solution:
import { Chart, registerables } from 'chart.js';
Chart.register(...registerables);

[@Guide4Ever]

@@gabrielpadilla9707 god

[@thaynacosta5524]

Thanks guys, found the same error!

[@TrackBlazer5]

@@gabrielpadilla9707 actually my chart itself was not visible in browser ..your code helped me...thanks so much

[@TheOfficialMovmnt]

Thank you sooo much. This was awesome!

[@omarelesaily2091]

this code won't work now , so you need to add the registerable for it to work ,
Chart.register(LinearScale);
Chart.register(BarController);
Chart.register(CategoryScale);
Chart.register(BarElement);

[@hemanthbalu5677]

Hi how can we delete background check boxes

[@nabinghoshmaths6834]

Thank you very much brother... I really appreciate your hard work

[@sakshikundal7929]

Can we print the UI screen according to the response we are getting . For example if response says to print pie chart then print PIE CHART in UI .. if table then table ?

[@ganeshenbabu3840]

any idea for printing? i could not find anything

[@nataliatorres15]

Thank you very much for the video!

[@ebtntw]

Hello! thank you for this. Please create an ionic tutorial of chart.js but the data will be coming from sqlite.

[@CodeRadiance]

Noted.

[@ebtntw]

@@CodeRadiance subscribed! thank you so much!! i'd be looking forward to it.

[@raviteja7548]

Very Good Explanation and can we create a dashboard using excel data as an input in Angular . Please make a video if possible.

[@CodeRadiance]

Maybe there is a library to import excel data. Rest is just business logic and UI controls for the dashboard.

[@hkmehandiratta]

Thanks for uploading the video. please share link for chart code from angular site., or may be the code of final HTML edited in this tutorial.

[@Fieldsplanet]

Thank you so much.

[@arvindchourasiya4738]

Thanks for sharing. Could you please suggest how can I create only one stacked bar with 3 colours/values using Chart.js. Is it possible with Chart.js?

[@CodeRadiance]

I can only suggest to look into the documentation if it's supported.

[@arvindchourasiya4738]

@@CodeRadiance Hi, it support by chart.js, I have developed it. Thank u for reply.

[@jonatasfre4913]

You save me !, thanks

[@aayushsrivastava6916]

Can you tell how to upload a excel sheet in angular and showing a graph for the values present in excel sheet???

[@girideepeshgaming]

hey did you find the solution, i am also looking for the same

[@theshivrajofficial8444]

Have you find it... please share it with also

[@MahmoudMouradSidky]

More than 60% of the video is teaching how to make a new angular app, create component, a lot of wasted time here

[@YorukaValorant]

6:24

[@adymasivi]

Thank you so much 😊

[@gunasekaranpalanisami6182]

Module not found: Error: Can't resolve 'node_modules/chart.js'

[@khaoula7702]

did you resolve the probleme ?

[@sunithabendalam]

Can you tell me..the link for code that you are copying

[@mfDOOMenjoyer22]

Can you please please do this with an API?

[@maniraj8038]

Thank u very much bro

[@rekhamari8736]

You are great..🤝 please upload more videos about type of charts and specially map concept I 'm waiting for your rpy also your next video

[@CodeRadiance]

Sure I will!

[@rekhamari8736]

@@CodeRadiance thanks

[@RaviKumar-zi9ur]

Really superb

[@testkarumurik408]

nice ..please upload more videos..

[@user-san-chous]

this is video about installing of angular...

[@SamFloura]

hi,
how do we use onClick to get information from the chart ?
thx

[@ανάγκη-β5ω]

thank you!

[@ST-to2zv]

Hi Nitij, I appreciate your work but have to provide you one comment. Please don't create videos where you simply copy pasting the code and show to users, this can be done by searching on google. Instead showcase or provide some real world project example with your own research. I hope you will take this comment positively and understand my point. Thanks

[@Guide4Ever]

doesnt work, dislike

[@tabitasimorangkir3754]

hey, how to fetch data from firebase and push it to chart?