我已经创建了 Angular 12 应用程序,并尝试使用“ ng2-charts 和 Chart.js ”将条形图包含在我的应用程序中
我已在 app.module.js 和 component.module.js 文件中导入了NgChartsModule 。但是,我仍然面临以下错误
“无法绑定到‘chartType’,因为它不是‘canvas’的已知属性”
包.json
"dependencies": {
"@angular/animations": "~12.2.0",
"@angular/common": "~12.2.0",
"@angular/compiler": "~12.2.0",
"@angular/core": "~12.2.0",
"@angular/forms": "~12.2.0",
"@angular/platform-browser": "~12.2.0",
"@angular/platform-browser-dynamic": "~12.2.0",
"@angular/router": "~12.2.0",
"bootstrap": "^5.0.0-beta3",
"chart.js": "^3.5.1",
"ng2-charts": "^3.0.0-rc.5",
"rxjs": "~6.6.0",
"tslib": "^2.3.0",
"zone.js": "~0.11.4"
Run Code Online (Sandbox Code Playgroud)
}
mycomponent.module.ts
import { Component, OnInit } from '@angular/core';
import { ChartDataset, ChartOptions, ChartType } from 'chart.js';
import { NgChartsModule } from 'ng2-charts'
@Component({
selector: 'app-expence-manipulation',
templateUrl: './expence-manipulation.component.html',
styleUrls: ['./expence-manipulation.component.css']
})
export …Run Code Online (Sandbox Code Playgroud)