score:30

Accepted answer

I needed to import the ChartModule in the module.ts file of the component that I wanted to use the chart in. I originally only had it imported in app.module.ts.

score:0

For Angular 7 or greater version use

npm install ng2-charts@2.2.3

--save npm install chart.js --save

score:2

In the app.module.ts file, within the NgModule decorater there is an array called imports, mention ChartsModule in the imports array like this

imports: [BrowserModule, RouterModule.forRoot(appRoutes),ChartsModule ],

It helped me. It can be helpful to you as well

score:19

Try using the attribute syntax for binding:

Instead of:

[data]="doughnutChartData"

Try:

attr.data="{{doughnutChartData}}"

I'm not certain if this will work in your case, but this has to do with what's a DOM property versus an attribute, and how Angular handles binding for both.


Related Query

More Query from same tag