chart.js: 4 Uncaught ReferenceError: require не определен в ionic 2

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

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

Важно: встраивание Chart.js в приложение обязательно!

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

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

chart.js: 4 Uncaught ReferenceError: require не определен

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


javascript angular chart.js ng2-charts ionic2
person Tuba Mohsin    schedule 14.10.2016    source источник
comment
Это было бы из-за того, что требование не может быть разрешено в браузере. вы можете прочитать о browserify.org, чтобы решить эту проблему.   -  person Fida    schedule 14.10.2016
comment
@Feeda Я использовал браузер, но проблема не решена   -  person Tuba Mohsin    schedule 14.10.2016
comment
Не могли бы вы объяснить, где вы встраиваете скрипт   -  person Mwiza    schedule 31.05.2018

Ответы (2)


arrow_upward
0
arrow_downward

Чтобы использовать chart.js в Ionic 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>
person Onno    schedule 14.10.2016

arrow_upward
0
arrow_downward

В ПОРЯДКЕ! Вместо модуля NPM используйте.

bower install chart.js --save

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

person Fida    schedule 14.10.2016
comment
Даже после включения библиотеки в файл index.html. Я получаю сообщение об ошибке error_handler.js: 47 ИСКЛЮЧЕНИЕ: проблема с конфигурацией ng2-charts: встраивание библиотеки Chart.js является обязательным - person Tuba Mohsin; 14.10.2016
comment
Вы правильно используете github.com/chartjs/Chart.js? chartjs.org/docs - person Fida; 15.10.2016