Apparently, if you do not modify the original reference to the labels array, it seems to work, at least for me. I mean, if you want a completely different set of labels, you should do something like this: In the template: <canvas baseChart [datasets]=”lineChartData” [labels]=”lineChartLabels” [options]=”lineChartOptions” [chartType]=”‘line'”></canvas> In the ts component: this.lineChartLabels.length = 0; for … Read more
Update: May 2021 Recently I have used [email protected] in Angular v11 and it’s working fine. You may try with the latest version npm install ng2-charts@latest // it will automatically install latest version Older ng2-charts v2.2.4 has this bug as lots of users are reporting that so down-grading to ng2-charts v2.2.3 is fine until it is … Read more
Also you can do it in this way: <base-chart class=”chart” [colors]=”chartColors” … </base-chart> and public chartColors: any[] = [ { backgroundColor:[“#FF7360”, “#6FC8CE”, “#FAFFF2”, “#FFFCC4”, “#B9E8E0”] }];
I too got the similar problem. I am not sure about the fix.I have resolved by downgrading the charts packages to “ng2-charts”: “^2.3.0” and “chart.js”: “^2.9.3”.
Try importing ChartsModule in your app.module.ts like this- import { ChartsModule } from ‘ng2-charts/ng2-charts’; imports: [ ….. ChartsModule ….. ]