問題タブ [ng2-charts]

ng2-charts でライブ チャートを実装する方法が見つかりません。

するとエラーが発生します：

どうにかしてやったとしても、それは最悪のやり方だと思います。

このエラーの解決策がない場合は、ライブ チャートが組み込まれている他のライブラリをお勧めします。

編集：

app.component.html:

app.component.ts:

このプロジェクトに基づいて、ng2-chartjs2 チャートを使用して小さな ionic2 プロジェクトを作成しました。オプションを追加する必要がありますが、追加方法に関するドキュメントはありません。ここに私のプロジェクトレポがあります

私のオプションコードスニペット。

home.html

どんなアドバイスも役に立ちます。

Node.js バックエンドを使用して ng2-charts モジュールを Angular 2 アプリケーションで動作させようとしています。これは私のapp.module.tsファイルです

アプリケーションを実行すると、ブラウザ コンソールに次のようなメッセージが表示されます。

そこで、いくつかの調査を行ったnode_modules/ng2-charts/ng2-charts.jsところ、次のことがわかりました。

次に に移動しcomponents/charts/charts.jsます。これがコードの最後の行です

この問題を解決するにはどうすればよいですか?

POST-EDIT - 変更app.module.tsしたのでCHART_DIRECTIVES、現在入っdeclarationsています。これは私が得る新しいエラーです:

これはコードですapp.component.ts--- 覚えておいてください、これは私が追加しようとするまで問題ではありませんでしchart.jsたng2-charts.js

app.component.ts

私はアプリケーションを構築しようとしていますが、問題が次々と発生しています。かつて AppComponent を受け入れていたアプリケーションは、ng2-charts.js を導入すると受け入れなくなりました。次のエラーが表示されます。

このアプリケーションを実行するために System.js と Node.js を使用しています。ノードモジュールフォルダーをアンインストールして再インストールしました。私app.module.tsと私の app.component.ts ファイルは次のとおりです。

app.module.ts

app.component.ts

socket.io は子コンポーネントで使用および宣言されていることに注意してください。ただし、これが問題にならないように、子コンポーネントのコードをコメントアウトしました。これに関する助けをいただければ幸いです。

バージョン: Cordova: 6.3.1、Gulp CLI: 1.2.2、Ionic フレームワーク: 2.0.0-rc.0、Ionic CLI バージョン: 2.1.0

ionic2 アプリケーションでng2-chartsを使用しています。

インポートではなく、これimport {ChartsModule} from "ng2-charts"; がimport {ChartsModule} from "ng2-charts/components/charts/charts;"原因です(issue #440)

私のapp.module.ts全体

ChartComponent :

これは の問題かもしれないと思いましたChart.js。そしてchart.js、 npm でインストールすると、index.htmlasで参照すると 404 になることがわかりましたnode_modules/chart.js/src/chart.js。

それでChart.bundle.min.js、これが機能しなかった後にダウンロードしましたChart.js。それ自体をダウンロードしてみました。( に配置しますsrc/assets/js/...)。

この問題はng2-charts\ng2-charts.js does not export ChartsModule のコメント セクションでも解決されました。しかし、回答が提供されておらず、これが根本的な質問ではなかったため、これを投稿しました。

エラー: (エラー メッセージを抑制しても、アプリの読み込みが停止するため、役に立ちません)。

いくつかの情報を表示するだけの ng2-charts 実装があります。テーブルとグラフの 2 つのタブがあります。最初に最初のタブに入ったとき、折れ線グラフは空ですが、タブに戻ると情報が読み込まれます。

ここに私のComponent.tsがあります

html:

子 (グラフ タブとテーブル タブ) がこの情報を使用できるように、情報を読み込む親コンポーネントがあります。

この HTML は次のようになります。

さらにコードを提供する必要がある場合は、私に尋ねてください。今のところはこれで十分だと思います。私が今抱えている問題は、チャートが表示されていることですが、彼の情報が表示されるまで待つ必要があります。この詳細ビューの「メイン」ルート解決を実装して、これを修正する必要がありますか?

angular2が初めてで、angular2 ng2-chartの使用を開始しました。別のページからグラフ データを取得する方法のカスタマイズについていくつか質問があり、幅と高さを適用する必要があります

データ donutData を取得する 値、色、ラベルを統合する方法

app.compound.ts

このデータを app.compound.ts に統合する必要があります

最新の ng2-charts バージョン1.4.1と chart.jsを使用してい2.4.0ます。ng2-charts または chart.js を使用して単一の垂直線を作成する方法を教えてください。

http://jsfiddle.net/dbyze2ga/14/ をクリックします。

ng2-charts を使って線を引きたい。Angular2 component.ts ファイル内の chart.js にアクセスするにはどうすればよいですか?

ng2-charts を使用してチャートの幅と高さを設定するにはどうすればよいですか? ng2-charts サイトのデモと同じように、棒グラフを作成しています。