ng2-charts 的问题

Question

我正在尝试将图表添加到我在 angular 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';

ng2-charts 的问题

Issues with ng2-charts

charts

chart.js

ng2-charts

angular