2017-04-20 47 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