Boilerplate for updating ng2-charts in Angular. This is in reference to a couple of bugs where changing data dynamically doesn't update the chart data. See more here https://github.com/valor-software/ng2-charts/issues/291

ng2-charts.dynamic-update.ts

import { Component, SimpleChanges, ViewChildren } from '@angular/core';
import { BaseChartDirective } from 'ng2-charts/ng2-charts';

@Component({
selector: 'app',
template: '<canvas baseChart #chart
	        [chartType]="'line'"
	        [options]="chartOptions"
	        [labels]="chartLabels"
	        [colors]="chartColors"
	        [datasets]="chartData"></canvas>',
})

export class DashboardComponent implements OnInit, After {
	@ViewChildren(BaseChartDirective) charts: QueryList<BaseChartDirective>;

	updateCharts(): void {
		this.charts.forEach((child) => {
			if (child.chartType == 'line') {
				child.labels = ['Labels','go','here'];
				child.data = [1,2,3];
			}
    
      child.ngOnChanges({} as SimpleChanges);
		});
	}
}