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

by

33👍

✅

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.

20👍

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.

3👍

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

1👍

For Angular 7 or greater version use

npm install ng2-charts@2.2.3

–save npm install chart.js –save

Leave a comment