2017-04-20 49 views
1

我想将角度2中的图表添加到我的项目中,但找不到chart.js文件。 这些都是错误的:ng2-charts的问题

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/[email protected]' 
}, 
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'; 

请帮我解决它。

回答

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'; 
+0

我仍然有问题,但现在我有其他的问题.. 。这个id第一个:未捕获的ReferenceError:require没有在chart.js中定义:4。这是第二个:(索引):31错误:TypeError:ctorParameters.map不是函数 – RandomGuy17

+0

来自ng-2图表,但它应该工作 – Sajeetharan

+0

你有没有解决这个问题? – Sajeetharan