NG2-具有角4的图表:无法绑定到“数据”，因为它不是“画布”的已知属性
NG2-具有角4的图表:无法绑定到“数据”，因为它不是“画布”的已知属性
提问于 2017-07-19 10:12:05
其思想是使用chart.js与角4和NG2-图表。我正在使用示例这里，但我无法让它工作。
我收到以下错误消息：
无法绑定到“数据”，因为它不是“画布”的已知属性
我已经将它导入到app.module.ts中了，就像大多数帖子建议的那样。我遗漏了什么吗？
...component.html：
<div style="display: block">
<canvas baseChart
[data]="data"
[labels]="labels"
[chartType]="type">
</canvas>
</div>...component.ts
...
labels:string[] = ['Download Sales', 'In-Store Sales', 'Mail-Order Sales'];
data:number[] = [350, 450, 100];
type:string = 'doughnut';
...index.html：
<script src="lib/chart.js/dist/chart.js"></script>app.module.ts：
import { ChartsModule } from 'ng2-charts/ng2-charts';
imports: [
...
ChartsModule,
...
],system.js
map: {
...
'ng2-charts': 'npm:ng2-charts/bundles'
},
packages: {
...
'ng2-charts': {
defaultExtension: 'js'
}
}package.json：
"dependencies": {
"@angular/animations": "^4.3.0",
"@angular/common": "^4.3.0",
"@angular/compiler": "^4.3.0",
"@angular/compiler-cli": "^4.3.0",
"@angular/core": "^4.3.0",
"@angular/forms": "^4.3.0",
"@angular/http": "^4.3.0",
"@angular/platform-browser": "^4.3.0",
"@angular/platform-browser-dynamic": "^4.3.0",
"@angular/platform-server": "^4.3.0",
"@angular/router": "^4.3.0",
"@angular/upgrade": "4.3.0",
"@ngx-translate/core": "6.0.1",
"@ngx-translate/http-loader": "0.0.3",
"@types/jquery": "2.0.44",
"bootstrap": "3.3.7",
"core-js": "2.4.1",
"ej-angular2": "15.1.41",
"font-awesome": "4.7.0",
"jquery": "3.2.1",
"jsrender": "0.9.84",
"pretty-checkbox": "2.2.1",
"reflect-metadata": "0.1.10",
"rxjs": "5.4.0",
"syncfusion-javascript": "15.1.41",
"systemjs": "0.20.12",
"typescript": "^2.4.1",
"zone.js": "0.8.10",
"ng2-charts": "1.6.0",
"chart.js": "2.6.0"
},回答 1
Stack Overflow用户
回答已采纳
发布于 2017-07-19 13:41:18
经过几个小时的反复尝试，我终于让它开始工作了。我改变了以下几点：
app.module.ts：
import { ChartsModule } from 'ng2-charts';system.js：
map: {
...
'ng2-charts': 'npm:ng2-charts/bundles'
},
packages: {
...
'ng2-charts': {
main: 'ng2-charts.umd.min.js',
defaultExtension: 'js'
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45187471
复制相关文章
相似问题
腾讯云开发者
