chart.js: 4 Uncaught ReferenceError: требуют не определен в ионном 2

Question

Я пытаюсь использовать базовый пример NG2-диаграмм (http://valor-software.com/ng2-charts/)

В своем GitHub репо (https://github.com/valor-software/ng2-charts) упоминается, что:

Important: Embedding Chart.js in application is mandatory!

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

Но когда я встраивание этого сценария он показывает ошибку

chart.js:4 Uncaught ReferenceError: require is not defined

У кого-нибудь есть идея, как это исправить? Спасибо

Answer 1

Чтобы использовать chart.js в Ионическом 2 RC0 просто установить библиотеку и типизации:

$ npm install chart.js --save 
$ typings install chart.js --save 

Включить библиотеку в заголовке компонента с

import 'chart.js/src/chart'; 
declare var Chart; 

и использовать его, например для линии диаграммы с

let ctx = this.canvas.nativeElement 
new Chart(ctx, { 
    type: 'line', 
    data: { your data }, 
    options:{ your options } 
}); 

где canvas является HTML элемент диаграммы в шаблоне компонента:

<canvas class="line-chart" #canvas></canvas> 

Answer 2

OK! Вместо использования модуля NPM.

bower install chart.js --save 

Это загрузит его в директивы bower_components. затем включить его оттуда в сценариях