ng2-charts的問題

Question

我正在嘗試將圖表添加到我的角度為2的項目中，但是找不到chart.js文件。 這些是錯誤：

1. EXCEPTION: ng2-charts configuration issue: Embedding Chart.js lib is mandatory

2. Error: ng2-charts configuration issue: Embedding Chart.js lib is mandatory
    at BaseChartDirective.getChartBuilder (charts.js:70)
    at BaseChartDirective.refresh (charts.js:113)
    at BaseChartDirective.ngOnInit (charts.js:18)
    at _View_BarChartDetailComponent0.detectChangesInternal (BarChartDetailComponent.ngfactory.js:151)
    at _View_BarChartDetailComponent0.AppView.detectChanges (core.umd.js:12061)
    at _View_AdminPageStatusComponent0.AppView.detectViewChildrenChanges (core.umd.js:12087)
    at _View_AdminPageStatusComponent0.AppView.detectChangesInternal (core.umd.js:12072)
    at _View_AdminPageStatusComponent0.AppView.detectChanges (core.umd.js:12061)
    at _View_AdminPageStatusComponent_Host0.AppView.detectViewChildrenChanges (core.umd.js:12087)
    at _View_AdminPageStatusComponent_Host0.AppView.detectChangesInternal (core.umd.js:12072)

我將此添加到systemjs.config.js文件中：

map: {
    'ng2-charts': 'https://npmcdn.com/ng2-charts@1.4.0'
},
packages: {
    'ng2-charts': {
        main: 'ng2-charts.js',
        defaultExtension: 'js'
    }
}

並將其添加到index.js：

<script src="node_modules/chart.js/src/chart.js"></script>

並將其添加到app.module中：

import { ChartsModule } from 'ng2-charts/ng2-charts';

請幫助我修復它。

Answer 1

我有同樣的問題，像這樣添加到System.config.js

map: {
 'ng2-charts': 'npm:ng2-charts'
}

packages: {
'ng2-charts': {
      main: 'ng2-charts.js',
      defaultExtension: 'js'
 }
}

然后在您的模塊中

import { ChartsModule } from 'ng2-charts/ng2-charts';