問題タブ [ng2-charts]

私はng2-chartsAngular-cliで構築されたアプリケーションに取り組んでいます。私はかなり新しいので、どんな助けでも大歓迎です。Firebase でデータをセットアップしました。そのデータにアクセスするためのサービスでメソッドを作成し、このコードを使用すると

コンソールは正しいデータを記録します。

元。[1000, 5000, 2000]

問題は、次のように結果を返すようにメソッドを変更したときです。

コンポーネントの変数に割り当ててみてください。私は常に次のコンソールログを取得します：

flatMapandを使用するなど、目的の結果を得るためのさまざまな方法を見てきましたがObservable.combineLatest() 、他の結果を得ることができません。棒グラフに表示するために変数に配列として割り当てたい json データがあります。

グラフ.ts

firstVar新しい Firebase データを割り当てたいと思います。助言がありますか？

私は通常、次のようにメソッドにアクセスします:

私の問題は、ホバーしたときのすべてのポイントの違いを見たいということです。fe 私はポイント 5,4,3 を持っているので、ホバーしたときに 5,4,3 を見たくありません。0(始点なので)、1、1を見たい。

誰か助けてください。

ありがとうございました

angular2 を使い始めたばかりで、ヒーロー チュートリアルのツアーを行いました: https://angular.io/docs/ts/latest/tutorial/

さらに進んで、いくつかのカスタムコードを実行しましたが、すべて問題ありません。

ただし、ng2-chart モジュールを使用しようとすると、動作しませんでした: http://valor-software.com/ng2-charts/

これは私がしました

この

しかし、js をインデックス ファイルにインポートするとき、これは機能しませんでした。

だから私はこれを使ってそれを修正しなければなりませんでした:

次に、頭を悩ませている部分は次のとおりです。

私はいつも得ています

インポートする場合、それを知っておくとよいでしょう

私のサーバーの叫び

心に留めておくべきこと：私はjsとangular2の世界に本当に慣れていないので、ここでどのように機能するのかまだよくわかっていません。私と同じ問題を抱えている人を見たことがありますが、私は答えを理解していませんでした/私のアプリアーキテクチャはヒーローのツアーのものであり、それを変更するのに十分なangular2に慣れていないため、それらを使用できません今のところ。

「ng2-charts」を「node_modules/ng2-charts」にバインドする必要があります/パス自体が間違っています/ng2-chartsを「コンパイル」して.jsファイルを生成する必要がありますが、そうではありません。

役立つ情報:

(そして、誰かがヒーロー アーキテクチャのツアーをプロダクションにパッケージ化する方法を理解するためのリンクを教えてくれたら、とてもうれしいです) ありがとうございました

これを私のsystemjs.config.jsファイルに追加することで解決した問題：

それがいつか誰かを助けることを願っています

chart.js に依存する NG2-Chart ライブラリの piechart を使用している場合、HTML マークアップは次のようになります。

私は次のコードを書きましたが、それは完全に正常に動作します。グラフが表示され、イベント ハンドラへの呼び出しも取得できます。私のコンポーネントコード(動作中)は次のようになります:

しかし、Web サービスからデータを取得して円グラフに割り当てようとすると、奇妙なエラーが発生します。私のコンポーネントコード(動作していません):

最初に取得するエラーのスタック トレスは次のとおりです。

例外: キャッチされていません (約束): TypeError: ゲッターしかない [オブジェクト オブジェクト] のプロパティ スタックを設定できません TypeError: assignAll にゲッターしかない [オブジェクト オブジェクト] のプロパティ スタックを設定できません ( http://localhost:3000 /node_modules/zone.js/dist/zone.js:704:29 ) で ViewWrappedError.ZoneAwareError ( http://localhost:3000/node_modules/zone.js/dist/zone.js:775:16 ) で ViewWrappedError.BaseError [コンストラクタとして] ( http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:1104:38 ) ViewWrappedError.WrappedError [コンストラクタとして] ( http://localhost:3000/node_modules /@angular/core/bundles/core.umd.js:1133:20 ) 新しい ViewWrappedError で (http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:5106:20 ) _View_HomeComponent_Host0.DebugAppView._rethrowWithContext ( http://localhost:3000/node_modules/@angular/core/bundles ) /core.umd.js:9427:27 ) _View_HomeComponent_Host0.DebugAppView.detectChanges ( http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:9413:22 ) で ViewRef_.detectChanges ( http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:7398:24 ) RouterOutlet.activate ( http://localhost:3000/node_modules/@angular/router/bundles/router ) .umd.js:3458:46 ) ActivateRoutes.placeComponentIntoOutlet (http://localhost:3000/node_modules/@angular/router/bundles/router.umd.js:2955:20 ) ActivateRoutes.activateRoutes ( http://localhost:3000/node_modules/@angular/router/bundles/router ) .umd.js:2933:26 ) at eval ( http://localhost:3000/node_modules/@angular/router/bundles/router.umd.js:2902:23 ) at Array.forEach (ネイティブ) at ActivateRoutes.activateChildRoutes ( http://localhost:3000/node_modules/@angular/router/bundles/router.umd.js:2901:33 ) ActivateRoutes.activate ( http://localhost:3000/node_modules/@angular/router/bundles/ ) router.umd.js:2896:18 )

インターネットで調べてみると、これは本当のエラーではないことがわかりました。インターネットで実際のエラーを特定するためのアドバイスを見つけました。実際のエラーは次のとおりです。

「TypeError: Chart.controllers[meta.type] は Chart.Controller のコンストラクタではありません。( http://localhost:3000/node_modules/chart.js/dist/Chart.bundle.js:8508:24 ) オブジェクトで。 helpers.each ( http://localhost:3000/node_modules/chart.js/dist/Chart.bundle.js:9345:15 ) の Chart.Controller.buildOrUpdateControllers ( http://localhost:3000/node_modules/chart.js ) /dist/Chart.bundle.js:8497:12 ) で Chart.Controller.initialize ( http://localhost:3000/node_modules/chart.js/dist/Chart.bundle.js:8356:7 ) で、新しいチャートで。新しいチャート ( http://localhost:3000/node_modules/chart.js/dist/Chart ) のコントローラー ( http://localhost:3000/node_modules/chart.js/dist/Chart.bundle.js:8339:6 )。 bundle.js:10684:21) BaseChartDirective.getChartBuilder ( http://localhost:3000/node_modules/ng2-charts/components/charts/charts.js:73:16 )で BaseChartDirective.refresh ( http://localhost:3000/node_modules/ng2-charts ) /components/charts/charts.js:114:27 ) BaseChartDirective.ngOnInit ( http://localhost:3000/node_modules/ng2-charts/components/charts/charts.js:18:18 ) で Wrapper_BaseChartDirective.detectChangesInInputProps (/ ChartsModule/BaseChartDirective/wrapper.ngfactory.js:89:53) at _View_HomeComponent0.detectChangesInternal (/AppModule/HomeComponent/component.ngfactory.js:74:32) at _View_HomeComponent0.AppView.detectChanges ( http://localhost:3000/node_modules) /@angular/core/bundles/core.umd.js:9305:18) _View_HomeComponent0.DebugAppView.detectChanges ( http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:9410:48 ) で _View_HomeComponent_Host0.AppView.detectViewChildrenChanges ( http://localhost:3000/ node_modules/@angular/core/bundles/core.umd.js:9331:23 ) at _View_HomeComponent_Host0.detectChangesInternal (/AppModule/HomeComponent/host.ngfactory.js:33:8)"

ここからどこへ行けばいいのかわからない。ng2-charts gihub repo に問題を投稿しました。私は立ち往生しており、あなたの助けに本当に感謝しています.

現在、angular 2 を使用し、プロジェクトで ng2-charts を使用してアプリを開発しています。プロジェクトは、コルドバによってラップされた後もブラウザーで実行されます。ただし、Cordova を使用して iOS で実行すると、すべての ng2-charts が表示されるわけではありません。

ng2-chart と iOS の間の非互換性またはその他の理由によるものでしょうか?

どうもありがとう。:)

たとえば、円グラフ コンポーネントは iOS では機能しませんが、ブラウザーでは適切に表示されます。これが pie-chart.component.ts のコードです。

pie-chart.html のコード: