問題タブ [angular-nvd3]

を使用してマルチチャートを開発しようとしていangular-nvd3ます。

グラフは正常に動作し、データを取得して必要な値を表示できます。私が今抱えている問題は、特定の値を表示したいのですがx-axis、何らかの理由で表示できないことです。

ここに私がこれまでに持っているものがあります: http://codepen.io/NickHG/pen/rLWNea?editors=1010

チャートのオプションは次のとおりです。

私が達成しようとしているのは、各時間の X 軸です00:00 to 23:00(これも試しましたが、運がありません: d3.time.scale を使用して、1 日の各時間と各曜日のラベルを作成する方法)

x 軸のアイデアは、時間、日、または週を表示できるようにすることですが、時間の表示方法を正しく理解すれば、別の形式で値を出力する方法を自分で理解できるはずです。 .

助けてくれてありがとう

angular-nvd3 を使用したユーザーの選択に応じて、Web アプリで動的にグラフを生成しようとしています。ユーザーがオプションを選択したときに、d3.selection.append を使用してグラフのコンテナーを作成する関数があります。

"charts.html" の静的チャート コンテナーのコメントを外すと、データが正常に読み込まれるようです。ただし、ユーザーが選択すると、グラフのない空白のグラフ コンテナーが表示されます。

charts.html

chartsCtrl.js

ProdFactory.js

折れ線グラフのデータ ポイントは次のようになります。

NVD3 を使用して異なるセグメント カラー ライン グラフを描画する方法は?

私はAngular nvd3離散棒グラフを使用しています.$httpから値をフェッチして離散棒グラフに表示しています.チャートは私の値を適切に示していますが、TypeError: Cannot read property 'length' of undefinedのようなエラーが発生します. どのように解決できますか.このエラー？

以下は私のコードです：

私の $http json 応答は次のようなものです:

Angular-nvd3.js を使用して縦棒グラフを作成しました。私が抱えている問題は、そのグラフのデータ ラベルにあります。これらのラベルを垂直に回転させたい。これはチャートのサンプル コードであり、編集可能なリンクでもあります。

http://plnkr.co/edit/6t5bky?p=preview

ラベルを次の図のグラフと同じにしたい

私はAngular nvd3チャートを扱っています.nv.d3.min.cssのcssをオーバーライドします

それはうまくいきましたが、グループ化されたものをクリックしたり、その逆をクリックしたりすると、オーバーライドされたcssが機能しません。

チャートが変更されたときに動的CSSを提供する方法を誰か助けてもらえますか?そのイベントを処理でき、CSSの変更が反映されます。

現在、Angular でカスタム ディレクティブを使用して、親 div のサイズ変更を監視して angular-nvd3 チャートのサイズを変更しています。これは機能しますが、サイズが変更されている単一のグラフでも、すべてのグラフを再描画する必要があります。

派生したカスタム ディレクティブで updateHeight および updateWidth 関数をオーバーライドして、個々のチャートを更新することは可能ですか?個別のディレクティブを作成してコードを複製する必要はありません。