問題タブ [angular-nvd3]

データベースからクエリで取得したエンコードされた JSON データを Angular-nvD3 グラフにロードしたいのですが、その方法や、そのようなタスクを達成するのに最適な方法がわかりません。

API を使用してデータベース (テーブル PRODUCTS) からクエリを使用して、エンコードされた JSON データを取得します。$http指定されたAPIへのリクエスト（ファクトリにロードされた）を使用して、そのようなデータをテーブルに正常にロードしました。$httpデータは、API (サービスにある) への要求とと​​もに、ファクトリのディクショナリにオブジェクトとして保存されます。

テーブルのサンプル (テーブル PRODUCTS):

IDストック

1 100

2 275

工場のサンプル:

データをテーブルに表示するコントローラーのサンプル (ng-repeat="data in get_data"ビューに " " を含む):

データ形式のサンプル:

PIE CHART - これは、追加したいスクリプトのタイプの例です (このリポジトリから) :

HTML:

私の質問は、データを手動で入力する代わりに、そのように取得されたエンコードされた JSON データを Angular-nvD3 グラフにロードする方法を教えて$scope.dataください。

どうもありがとうございました！

プロジェクトの 1 つで、NVD3 でstackedAreaChart を構築しています。このチャートのデータは辞書の配列であり、各辞書は以下のようなものです。

{x: 0, y: 1000, tickValue: 'Sunday'}

(x,tickValue) のマッピングを作成し、X 軸tickValueの値に対応する を返すカスタム tickFormat 関数を作成しました。xしたがって、私の X 軸は、日曜日、月曜日などの値を持ちますx。インタラクティブ ガイドラインのツールチップに値 (0、1、2、...) が必要です。しかし、NVD3 はインタラクティブ ガイドラインのツールチップを表示する際に同じ tickFormat 関数を使用しているようです。

xただし、対話型ガイドラインのツールチップでデータの値を使用したかったのです。では、X 軸の入力用と NVD3 のインタラクティブ ガイドライン用の 2 つの異なるカスタム メソッドを使用することは可能ですか?

個別の棒グラフを 1 つ作成するアプリケーションがあります。説明できない何らかの理由で (ライブラリの内部エラーのようです)、y 軸は、配列内の整数の最高値ではないデータ値にスケーリングされます (私の配列では、スケーリングされます) 25797 ではなく 5674 に)。このバグを修正するにはどうすればよいですか? ありがとうございました。

私のデータのサンプル (fetched-data.json):

HTML のサンプル (app.html):

私のコントローラ（app.js）のサンプル：

同じ問題については、https://plnkr.co/edit/XsuAuOFasQnJPK5uhfc1?p=previewをご覧ください。enter code here

本当に良くてフレンドリーに見えるライブラリnvD3-Angularを見つけました。静的データのみをプロットするために使用していますが、DB に保存されているデータを読み取れるようにしたいと考えています。JQueryを使用してAJAXを介して言及されたデータでデータ変数を設定する方法はありますか?? このデータを取得する方法があるに違いないことはわかっていますが、まだ見つけていません。

私のコードは次のとおりです。

コントローラーで:

追加情報として: サーバー側は Php Laravel 5.1 でコーディングされており、mysql を DB として使用しています。

ご指導ありがとうございます。

jsonネストされたようなnvd3 StackedAreaChart使用法を作成しようとしています:

ソース: http://plnkr.co/edit/CIGW0o?p=preview

データベースのデータを使用したい。

どうすればそのようなことを達成できjsonますか? 私はネストされたjsonものにあまり慣れていませんが、それらの構造で気付いた 1 つのことjsonは、オブジェクトの値がvalues単純な整数であるということです。のように引用されていません"1025409600000"。そして、引用しようとすると、チャートはデータを正しく読み取ることができません。

質問

1. ネストされたjsonようなnvd3使用を生成する方法は? 私はいくつかの研究に来ましたが、何も起こりません。私はそれがうまくいくと思うようなものを見つけましたが、それを機能させることはできません。こちらもこちらも。

2. unquoteネストされたjson構造から値を取得することは可能ですか? もしそうなら、どのように？

ここに私が現在取り組んでいるものがあります：

これは私にこの価値を与えます:

前もって感謝します ：）

編集

詳細については、次のようなことが起こることを望んでいます。

jsonこのような形式で返されます

angular-nvd3 ディレクティブを使用して nvd3 グラフを作成します。

ただし、データ属性を使用してフィルタリングすることは不可能のようです。これ|filter:somethingは、無限にループし、無限ループ エラーで角度が壊れてしまうためです。

グラフ オプションは次のように設定されます。

データは次のように設定されます。

vm.statsModel.registeredMembers は次のようになります。

何か案は？

angular-nvd3 を使用して単純な折れ線グラフを構成しようとすると、深い nvd3 エラーが発生します。

与えられたプランカーの例を編集しましたが、オプションの交換のみが機能するため、データの形式が間違っている可能性があります。

誤動作している plunkr は次のとおりです: http://plnkr.co/edit/fznNKBw6hwNYavfZ3Nvi?p=preview

オプション:

データ：

問題を特定できる人はいますか?