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.


For Angular 7 or greater version use

npm install ng2-charts@2.2.3

--save npm install chart.js --save


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


Try using the attribute syntax for binding:

Instead of:



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