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: требование не определено

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

Источник

2 ответа

Решение

Чтобы использовать 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>
Источник

ХОРОШО! Вместо модуля NPM используйте.

bower install chart.js --save

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

Источник
Другие вопросы по тегам