[Chartjs]-Can't bind to 'data' since it isn't a known property of 'canvas'

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.

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

For Angular 7 or greater version use

npm install ng2-charts@2.2.3

–save npm install chart.js –save