問題タブ [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.

0 投票する
1 に答える
3299 参照

angularjs - angular-nvd3折れ線グラフのy軸範囲を動的に拡大

ここでは角度のある nvd3 ディレクティブを使用して、複数の折れ線グラフを作成しています。グラフは、プロットされたすべての系列の最大値と最小値に y 軸を自動的にスケーリングします。代わりに、これをおそらく最小値と最大値の 1.5 倍に変更できますか? または、私が選択した他の動的構成はありますか?

0 投票する
3 に答える
7204 参照

javascript - Angular nvd3折れ線グラフの自動サイズ変更

angular nvd3 ディレクティブを使用しています。

例によると:https://github.com/angularjs-nvd3-directives/angularjs-nvd3-directives/blob/master/examples/lineChart.with.automatic.resize.html

さて、グラフの Div サイズを変更すると。サイズは変更されますが、「コンソールビュー」を移動/開く/閉じるときのみです( ctrl+ shift+ iFF)。

angular-nvd3-directive を確認しました。サイズ変更のイベント呼び出しはありません。d3/nvd3 のコンポートメントだと思いますか?

これまでの私の質問: グラフのサイズを変更するために、この種のイベントをシミュレートするにはどうすればよいですか?

0 投票する
1 に答える
681 参照

angularjs - エラー: の値が無効ですangularJS nvd3-multi-bar-chart の属性 x="NaN"

私は d3 チャートを初めて使用します。x 軸を文字列として使用したいのですが、アプリでError: Invalid value for <text> attribute x="NaN"エラーがスローされます。

これは私のサンプルJSONです

だから、x軸の値を文字列として渡す方法

0 投票する
1 に答える
286 参照

nvd3.js - 複数の値のセットに関連付けられたキーを含む折れ線グラフを表示する方法は? angularjs-nvd3-ディレクティブ

チャート ラインを表示するためにangularjs-nvd3-directivesを使用していますが、同じキーに対して複数の値のセットを持つデータセットを表示する必要があります。例えば:

plunker http://plnkr.co/edit/RM0iUx?p=previewに例がありますが、同時に2行をレンダリングしません。

これは nvd3 ディレクティブで達成できますか? 誰かが似たようなことをしましたか?

データ値のセットである 2 行を同じキーに関連付ける必要があります。したがって、そのキーに対応する凡例をクリックすると、両方の行が影響を受けるはずです

0 投票する
1 に答える
718 参照

angularjs - Angular nvd3 で LineWithFocusChart のブラシをプログラムで更新する

Angular-nvd3 ディレクティブで「LineWithFocusChart」を使用しています。このディレクティブへのリンクはこちら

ここで、以下のフォーカス チャートを使用するのではなく、このチャートのフォーカスをプログラムで変更する必要があります。この問題の答えは、単純な nvd3 要素の場合のこのスタックオーバーフローの質問にあります。しかし、このチャートの Angular ディレクティブで同じことを実装する必要があります。

ドキュメントとGitHubの問題を調べましたが、役に立ちませんでした。誰か助けてくれませんか?

0 投票する
1 に答える
497 参照

css - DiscreteBar Chart バーに MouseOver イベントを配置する方法

ここからNVD3角度ディレクティブを使用して棒グラフを作成しようとしています: http://krispo.github.io/angular-nvd3/#/

私が使用しているグラフはこれです: http://krispo.github.io/angular-nvd3/#/discreteBarChart

これは、ページにグラフを作成するための私の html です (このシナリオでは、コンテキストは重要ではないようです)。

これはコントローラーのコードです (タグが含まれる)

app.controller('BarChartController', function ($scope) {

コントローラーの下部に表示される 3 つのイベント ハンドラーのうち、nvd3 で ng-mouseenter オプションが指定されているため、最初のハンドラーのみが機能します。ただし、これは、マウスがチャート div 全体に入ると機能します。私が望むのは、個々のバーでマウスオーバーを検出して、それを強調表示してからビューの別の部分を強調表示できるようにすることです。

ここで私が達成しようとしていることをどのように実行しますか? どんな助けでも大歓迎です、乾杯!

0 投票する
1 に答える
1192 参照

angularjs - angular nvd3.js の凡例の位置を変更する

凡例の位置を円グラフの下部に変更しようとしています [デフォルトでは上部です]。angular-nvd3 を使用しない通常の nvd3.js では、次を使用することをお勧めします。

angular-nvd3でこれを行うことは可能ですか、それとも別のオプションがありますか?