nvd3.js

0熱

1答えて

現在、Angularのカスタムディレクティブを使用して、親divのサイズを監視してangle-nvd3グラフのサイズを変更しています。これは動作しますが、サイズ変更された1つのグラフでも、すべてのグラフを再描画する必要があります。派生カスタムディレクティブのupdateHeight関数とupdateWidth関数をオーバーライドして、個々のグラフをリフレッシュすることができますので、別々のディレ

0熱

1答えて

nvd3円グラフにtabindex属性を追加するにはどうすればよいですか？

私は3つのウェッジを備えた基本的な円グラフを持っています。パイのくさびをクリックすると、ツールチップが表示されます。私の意図は、keydownイベントと同じ機能を持つことです。シナリオ：円のスライスにフォーカスがある場合、ユーザーは、クリックイベントがどのように正確に表示されるかを示すツールチップを表示するキー（例：enter）を押すことができます。これには2つのステップが必要だとわかりました

0熱

1答えて

d3.js nvd3の問題：同じHTMLページの異なるグラフは同じIDで表示されます（

）別のHTMLページで異なる値の「マルチバー水平チャート」を使用しています異なる。同じページでは、IDが異なるにもかかわらず同じように見えますポブレムは何ですか？これらはチャートである。http://codepen.io/neonpulp/pen/xOPmrN 以下は、HTMLとJSコードです。任意のヘルプ <div id="chart-avapro" style="height: 500px

0熱

1答えて

angular-nvd3 multibar chartの列幅の変更

私は角度のあるプロジェクトでangular-nvd3ライブラリを使用しています。 "multiBarChart"で列の幅を変更する必要があります。私は、「オン準備完了」イベントに変更しようとしましたが、それはあなたがマルチバーチャートのバーの幅を変更するには、以下のコードスニペットを使用することができます onChartReady(scope, element) { const api

1熱

1答えて

angular-nvd3は、d3.scaleが定義されていないことを示すさまざまなエラーを表示します。

angular-nvd3ドキュメントに基づいてデモチャートを取得しようとすると、非常に基本的なangular-nvd3実証が試行されています。私はまっすぐ折れ線グラフの例を使用しますが、ブラウザのコンソールでこのエラーを取得していPlunker でサンプルコードを参照してください： angular.js:12477 TypeError: Cannot read property 'categor

0熱

1答えて

システムにマップするためのnvdを追加

私は人力車を使用したいと思うangular2アプリケーションを持っています。これには、 d3、nvd3、およびng2-nvd3が必要です。そして、次のように私のsystemjs.config.jsマップが見えます：：私は私のlibフォルダにこれらを持ってしかしこれを実行すると、私はエラーを取得：私にはそれが実装されていないことを伝えています。誰かが私に行方不明を教えてもらえますか？

1熱

1答えて

ウェブサービスから返されたjsonデータをD3.json（...）に渡すにはどうすればよいですか？

これまでのご協力ありがとうございます！私は正常に私のWebサービスとNVD3.js積み重ねエリアチャートを構築することができました。しかし、私は自分のWebサービスからJsonデータをNVD3.jsグラフに渡すことに成功せず、苦労しています。私のウェブフォームでは、ある間隔の2つの日付を選択し、「go」ボタンをクリックします。私が紛失していることは明らかです。可能でない場合、私のグラフに渡すこと

0熱

1答えて

NVD3サンバーストチャートが動作しない

nvd3サンバーストチャートを使用しようとしています。そのため私は最初に私のウェブサイトに例を載せようとしました。残念ながら、データが存在してもレンダリングされません。ここでが私のHTMLコンテンツです： <div class="container-fluid full-height" ng-controller="sunburstChartController"> <h1>OVERV

0熱

1答えて

NVD3折れ線グラフ - 代わり

以下の私は、この例に非常に似チャート開発しています、ライン上の領域を入力します。http://jsfiddle.net/ezanker/L6nfq/ をしかし、その代わりに青色の線の下の青い部分を埋めるのは、私はエリアを埋めるためにしたいですその上に。この場合、私は何をすべきですか？純粋なD3.js（関数y0とy1を使用）を使用してこれを行う簡単な方法がありますが、NVD3ライブラリを使用したソ

0熱

1答えて

angular-nvd3のツールチップにフィールドを追加

angle-nvd3（例：http://krispo.github.io/angular-nvd3/#/scatterChart）を使用して散布図を作成しています。私は私の要件は、しかし、より基本的であるとnvd3によって生成されるデフォルトのツールチップに追加のフィールド（nullでない場合）のカップルを追加する tooltip: { contentGenerator: functio