chart.js：4キャッチされないのReferenceErrorは：私はNG2-チャートの基本的な例では（<a href="http://valor-software.com/ng2-charts/" rel="nofollow">http://valor-software.com/ng2-charts/</a>）</p> <p>を使用しようとしていますイオン2

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

を示しています誰かがそれを修正する方法について考えていますか？あなた

2016-10-14 Tuba Khan

それが原因で、ブラウザ上で解決することがカントを必要とした理由を次のようになります。canvasは、コンポーネントのテンプレートのチャートのHTML要素である

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

と線図のため。あなたはこれを解決するためにhttp://browserify.org/について読むことができます。 – Fida

@Feeda私はまだ私の問題は、さえのindex.htmlファイル内のlibを含めた後 –

それを含める：

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

は

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

と、コンポーネントのヘッダ内のライブラリを含めますそれを使用して

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

2016-10-14 15:30:54 Onno

それは働きました。どうもありがとうございます。 –

OKをありがとうございました！ NPMモジュールの代わりに使用します。

bower install chart.js --save

これはbower_componentsディレクティブにダウンロードされます。その後、ちょうどライブラリとタイピングをインストールするイオン2 RC0にchart.jsを使用するには、あなたのスクリプトの中で、そこから

2016-10-14 13:41:31 Fida

を解決されていない、browserify使用しています。 47例外：：私はエラー ** error_handler.jsを取得していますNG2-チャート構成の問題を：埋め込みChart.js libには**必須です –

あなたは正しいhttps://github.com/chartjs/Chart.jsを使用していますか？ http://www.chartjs.org/docs/ – Fida

答えて