2017-03-12 3 views
0

次のプロジェクトでChat.jsを試してみたいです。jhipsterプロジェクトでchart.jsを使用する方法

https://github.com/mraible/jhipster4-demo 

だから私は、だから私は、NG-2のチャートをインストール調査し、以下のhttp://valor-software.com/ng2-charts/

に出くわしました。 ng2-chartsはchart.jsを必要としましたので、chart.jsもインストールしました.jhipster4-demoプロジェクトのnode_modulesの下で見ることができます。

NG2チャートはjhipster4-デモプロジェクトで上記の必須のステップを実行するためにどのように

Embedding Chart.js in application is mandatory! 

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

言いますか?私はウェブパックの専門家ではないので、これを行う方法はわかりません。 src/main/webapp/app/vendor.ts

答えて

1

インポートあなたのlibs:

import 'chart.js/src/chart.js'; 

これはまた、マットRaibleのデモアプリケーションで生成されたREADME.mdファイルの「管理依存関係」セクションで説明されているものです。

+0

こんにちは。私は2つの方法を試しました。 1つのあなたの方法と次の(index.ejsにあります)。 –

+0

よろしくお願いします。 –

+0

index.ejsにスクリプトを挿入すると、webpackバンドルの最適化の恩恵を受けることができなくなります。また、index.ejsを削除しました。index.htmlになっていますので、@mraibleはサンプルアプリケーションを更新する必要があります。 –

関連する問題