This expression is not constructable. Type typeof import(E:/Tutorial/Angular/angular-chartjs/chart Apps/node_modules/chart.js/types/index.esm) has no construct signatures. 20 this.barChart = new Chart(this.bar Canvas.nativeElement, { This expression is not constructable. Type typeof import(E:/Tutorial/Angular/angular-chartjs/chart Apps/node_modules/chart.js/types/index.esm) has no construct signatures. 20 this.barChart = new Chart(this.bar Canvas.nativeElement, { This expression is not constructable. Type typeof import(E:/Tutorial/Angular/angular-chartjs/chart Apps/node_modules/chart.js/types/index.esm) has no construct signatures. 20 this.barChart = new Chart(this.bar Canvas.nativeElement, {

The solution for “This expression is not constructable. Type typeof import(E:/Tutorial/Angular/angular-chartjs/chart Apps/node_modules/chart.js/types/index.esm) has no construct signatures. 20 this.barChart = new Chart(this.bar Canvas.nativeElement, { This expression is not constructable. Type typeof import(E:/Tutorial/Angular/angular-chartjs/chart Apps/node_modules/chart.js/types/index.esm) has no construct signatures. 20 this.barChart = new Chart(this.bar Canvas.nativeElement, { This expression is not constructable. Type typeof import(E:/Tutorial/Angular/angular-chartjs/chart Apps/node_modules/chart.js/types/index.esm) has no construct signatures. 20 this.barChart = new Chart(this.bar Canvas.nativeElement, {” can be found here. The following code will assist you in solving the problem.

import { AfterViewInit, Component, ElementRef, ViewChild } from ‘@angular/core’;
import { Chart } from ‘chart.js’;

@Component({
selector: ‘app-doughnut-chart’,
templateUrl: ‘./doughnut-chart.component.html’,
styleUrls: [‘./doughnut-chart.component.scss’]
})
export class DoughnutChartComponent implements AfterViewInit {
@ViewChild(‘doughnutCanvas’) doughnutCanvas: ElementRef;
doughnutChart: any;

constructor() { }

ngAfterViewInit() {
this.doughnutChartMethod();
}

doughnutChartMethod() {
this.doughnutChart = new Chart(this.doughnutCanvas.nativeElement, {
type: ‘doughnut’,
data: {
labels: [‘BJP’, ‘Congress’, ‘AAP’, ‘CPM’, ‘SP’],
datasets: [{
label: ‘# of Votes’,
data: [50, 29, 15, 10, 7],
backgroundColor: [
‘rgba(255, 159, 64, 0.2)’,
‘rgba(255, 99, 132, 0.2)’,
‘rgba(54, 162, 235, 0.2)’,
‘rgba(255, 206, 86, 0.2)’,
‘rgba(75, 192, 192, 0.2)’
],
hoverBackgroundColor: [
‘#FFCE56’,
‘#FF6384’,
‘#36A2EB’,
‘#FFCE56’,
‘#FF6384’
]
}]
}
});
}
}import { AfterViewInit, Component, ElementRef, ViewChild } from ‘@angular/core’;
import { Chart } from ‘chart.js’;

@Component({
selector: ‘app-line-chart’,
templateUrl: ‘./line-chart.component.html’,
styleUrls: [‘./line-chart.component.scss’]
})
export class LineChartComponent implements AfterViewInit {
@ViewChild(‘lineCanvas’) lineCanvas: ElementRef;
lineChart: any;

constructor() { }

ngAfterViewInit(): void {
this.lineChartMethod();
}

lineChartMethod() {
this.lineChart = new Chart(this.lineCanvas.nativeElement, {
type: ‘line’,
data: {
labels: [‘January’, ‘February’, ‘March’, ‘April’, ‘May’, ‘June’, ‘July’, ‘August’, ‘September’, ‘November’, ‘December’],
datasets: [
{
label: ‘Sell per week’,
fill: false,
lineTension: 0.1,
backgroundColor: ‘rgba(75,192,192,0.4)’,
borderColor: ‘rgba(75,192,192,1)’,
borderCapStyle: ‘butt’,
borderDash: [],
borderDashOffset: 0.0,
borderJoinStyle: ‘miter’,
pointBorderColor: ‘rgba(75,192,192,1)’,
pointBackgroundColor: ‘#fff’,
pointBorderWidth: 1,
pointHoverRadius: 5,
pointHoverBackgroundColor: ‘rgba(75,192,192,1)’,
pointHoverBorderColor: ‘rgba(220,220,220,1)’,
pointHoverBorderWidth: 2,
pointRadius: 1,
pointHitRadius: 10,
data: [65, 59, 80, 81, 56, 55, 40, 10, 5, 50, 10, 15],
spanGaps: false,
}
]
}
});
}

}import { AfterViewInit, Component, ElementRef, ViewChild } from ‘@angular/core’;
import { Chart } from ‘chart.js’;

@Component({
selector: ‘app-doughnut-chart’,
templateUrl: ‘./doughnut-chart.component.html’,
styleUrls: [‘./doughnut-chart.component.scss’]
})
export class DoughnutChartComponent implements AfterViewInit {
@ViewChild(‘doughnutCanvas’) doughnutCanvas: ElementRef;
doughnutChart: any;

constructor() { }

ngAfterViewInit() {
this.doughnutChartMethod();
}

doughnutChartMethod() {
this.doughnutChart = new Chart(this.doughnutCanvas.nativeElement, {
type: ‘doughnut’,
data: {
labels: [‘BJP’, ‘Congress’, ‘AAP’, ‘CPM’, ‘SP’],
datasets: [{
label: ‘# of Votes’,
data: [50, 29, 15, 10, 7],
backgroundColor: [
‘rgba(255, 159, 64, 0.2)’,
‘rgba(255, 99, 132, 0.2)’,
‘rgba(54, 162, 235, 0.2)’,
‘rgba(255, 206, 86, 0.2)’,
‘rgba(75, 192, 192, 0.2)’
],
hoverBackgroundColor: [
‘#FFCE56’,
‘#FF6384’,
‘#36A2EB’,
‘#FFCE56’,
‘#FF6384’
]
}]
}
});
}
}

Thank you for using DeclareCode; We hope you were able to resolve the issue.

More questions on [categories-list]

0
inline scripts encapsulated in