2

我正在尝试以角度 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';

请帮我修复它。

4

1 回答 1

0

我有同样的问题，像这样添加到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';
于 2017-04-20T17:38:17.930 回答