How to integrate Chart JS in Angular | Advanced Angular

[@hiteshsuthar1097]

Simply Explained 👍

[@WebTechTalk]

Thank you 🙂

[@codewithsebas]

Excelente video bro!!!!

[@WebTechTalk]

Thank you so much bro

[@uthamanmuthaiah1412]

Save my life at workplace bro, thank you

[@WebTechTalk]

Happy to help

[@sharathmadamraju4086]

Hi sir, I need something like a dot on the bar chart. It is an observation count named in my project. Can I achieve it with the ng2charts or chatsjs?

[@WebTechTalk]

Yes. Explore Plugins in ChartJS documentation

[@xacademia9646]

for people who dont have app.module.ts ,, where will the put the NgChartsModule ?

[@WebTechTalk]

Usually, you can put in the imports array of the standalone component.

[@SouravMondal-hb8rz]

How can i get the subparts after clicking a part of pei chart

[@WebTechTalk]

Sub parts mean? Could you please provide me more details?

[@SouravMondal-hb8rz]

@@WebTechTalk let consider I have a doughnut chart that having two labels only( true(90%) and false(10%) ) if I click on false it (false part) should divided in multiple parts(eg. Error, missing..)

[@WebTechTalk]

@@SouravMondal-hb8rz If it is bar chart we can use a configuration to convert it to stacked bar chart. I don't know whether we have a stacked doughnut chart. You can also consider drill down charts where on clicking one part you can show more detailed chart.

[@SouravMondal-hb8rz]

@@WebTechTalk ok thanks for the response. Can you give some resources how we can create horizontal Bar chart

[@WebTechTalk]

@@SouravMondal-hb8rz Simple. Instead of chart type as bar, use horizontalBar

[@ummehani2180]

Am done with installing the ng2 chatts ad chart.js after that where should i find that ng2charts the one you opend in va code

[@WebTechTalk]

Are you asking about the line chart component I am opening? That is the component I have created after creating the application.

[@mohammedalqudah2865]

Bro thank you chatgpt not help me on this but you do
Really thanks

[@WebTechTalk]

Thank you so much 🙏

[@xacademia9646]

sir im getting not yet implemented error,please help

[@WebTechTalk]

Check whether the chart.js library is installed and imported correctly

[@ellsonmendesYT]

Really awesome

[@WebTechTalk]

Thanks a lot 😊

[@apoorvamercy5746]

where can i find this code.. have you uploaded anywhere sir?

[@WebTechTalk]

Yes. All the codes will be uploaded in this github repo. github.com/freelancer-surender

[@RaúlMelgarejoTeran]

PARA ANGULAR 18?

[@WebTechTalk]

This is using Angular 13

[@syediqbalahmed3176]

*_no bujhi ... may deham looter ..._*

[@WebTechTalk]

🙂

[@mincha3778]

Buenas tardes, tengo el siguiente error "./node_modules/ng2-charts/fesm2015/ng2-charts.mjs - Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js):"

[@WebTechTalk]

This could be version mismatch. Please delete node modules folder. Remove ng2-charts and chart js entries from package json and then do npm install first. After that install compatible version of ng2 charts. You can refer documentation for correct version

[@mincha3778]

@@WebTechTalk Thank you very much, you were right, for the version of Angular 13 that I was using I had to use the version of ng2-charts (3.0.8) and chart.js (3.7.0) for it to work perfectly

[@WebTechTalk]

@@mincha3778 Nice 👍

[@yugandhargoud45]

@@WebTechTalk I got it by exporting the NgChartsModule in app module

[@WebTechTalk]

@@yugandhargoud45 Did you get the same error?