問題タブ [angularjs-nvd3-directives]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - AngularJS nvd3-line-chart ディレクティブがデータ変更時に再描画されない (リアルタイムではない)
AngularJS アプリで nvd3-line-chart ディレクティブを使用しようとしていますが、基になるモデルを変更しても再描画されません...
私はAngularJSを初めて使用するので、経験豊富なAngularプログラマーにとっては明らかなことかもしれませんが、私を夢中にさせます:-)
スタックオーバーフローで同様の問題を検索すると、リアルタイムチャートなどのより洗練された問題を扱う答えしか見つかりませんでしたが、リンクをクリックすると新しいデータをプッシュしたいだけです...
ここにプランカーの例を用意しました：
http://plnkr.co/edit/TkyHhbfi0vNw1FJ6mYZC?p=preview
ディレクティブは次のように使用されています。
(objectEquality=false でも試しましたが、動作は変わりませんでした)...
次に、js コードで、サブ関数 (http 転送からのコールバック) に新しいコンテンツを設定します。
すべてが必要に応じて呼び出されることを確認するために、いくつかのラベル (xxx) を追加し、クリックから yyy への関数呼び出しでそれを変更しました。
同じ機能が初期塗りつぶしにも使用され、正常に機能します...
この問題に関して誰かが光を当てることができますか?
ところで; 動作する例も見つかりましたが、違いを見つけることはできません(ネイティブjsから呼び出していることを除けば、私はすでにAngular更新サイクルにあるため、機能しなかったコンポーネントを手動で更新する必要があります):
angularjs - angularjs nvd3折れ線グラフがデータを更新していません
angular-nvd3-directives を使用して折れ線グラフを作成しています。
これはHTMLファイルです
これはJSファイルです
問題は、グラフでデータが更新されていないことですが、$scope.viewAll.linechart 変数を確認したところ、最後のデータが正常に追加されました。私は何が欠けていますか？
javascript - angular nvd3折れ線グラフで現在の時間を表示
angular-nvd3-directives で実装された作業中の時系列折れ線グラフに、現在の時間の垂直の「Now」マーカーを追加したいと考えています。このようなもの: http://i.imgur.com/XsmfOXe.jpg
以前は、純粋な d3.js を使用してこのチャートを作成し、機能させました。そこで、既存のソリューションを次のようなディレクティブに移植しようとしました。
これは私が立ち往生しているところです。angularjs-nvd3-directives チャートの x および y スケールにアクセスする方法がわかりません。
HTML は次のとおりです。
私のチャートコントローラーには次のものがあります：
エラー メッセージは表示されず、単に何も起こりません。
どんな助けでも大歓迎です。ありがとう！ベネット
width - div のサイズに応じて nvd3-angularjs-directives の積み上げ面グラフのサイズを調整するにはどうすればよいですか?
nvd3-angularjs-directives を使用して作成されたグラフがあります。divのサイズに応じて、このグラフのサイズを調整したい。私の問題は、最初に y の値がこの値 2000000000 に達し、ラベルがその間のどこかで切り取られることです。ラベルも含めてグラフ全体が正しく表示されるようにグラフを調整できるようにしたい。
これがチャートです
1) width の値を auto に変更しました。しかし、うまくいきませんでした。
2) これを div style="color:blue;width:auto;" に追加しました。それもうまくいきませんでした
angularjs - nvd3 angular ディレクティブ エラー: [$rootscope:infdig] 10 回の $digest() 反復に達しました。中止する
nvd3 angular error: [$rootscope:infdig] 10 $digest() iterations reached. aborting!
nvd3 angular ディレクティブを使用すると、このエラーが発生します。ビュー内からモデルを変更すると、このエラーが発生します。しかし、私はそれをしているとは思わない。
コードは次のとおりです。
完全なコントローラーは次のとおりです。
angularjs - 別のディレクティブの属性を設定するディレクティブを作成するにはどうすればよいですか?
似たような質問を見たことがありますが、自分の状況に当てはめるのが難しいので、助けていただければ幸いです。angular-nvd3 ディレクティブを使用して、多くの異なるコントローラー内で 4 種類のチャートを作成しています。現在、基本的な例に示すように、各ビューとコントローラーに追加しています。
そしてhtmlで：
私は同じ 4 つのバージョンの同じバージョンを$scope.options何度も使用しているので、代わりにこれを HTML で記述できるようにする一連のディレクティブを記述したいと思います (そして$scope.dataコントローラーでのみ定義します)。
新しい属性を追加してスコープ変数にポイントする方法の例を見てきましたが、属性を固定 JSON オブジェクトにポイントするにはどうすればよいですか?
tooltip - nvd3-angularjs でツールチップ コンテンツをフォーマットする方法
nvd3-angularjs の積み上げ面グラフを使用しています
これは私のhtmlです
今、ツールチップコンテンツをフォーマットする関数がありますが、機能していません。useInteractiveGuideline 属性と関係があるのかもしれません。同じ tooltipcontent 関数を使用して、他のチャートのツールチップを編集しました。これらのチャートでの作業の唯一の違いは、それらのチャートが useInteractiveGuideline を使用しないことです。
x を中央に配置し、データのその他の書式を設定します。どうすればいいですか？ツールチップをフォーマットする正しい属性を使用していますか?