nvd3.js

7熱

2答えて

d3.js軸で大きな数字を省略する方法はありますか？私はオンラインでヘルパーメソッドを見ていますが、それを再び見つけることはできません。私は大きな数字を省略して、グラフのマージンを減らして読みやすくしたいと思います。すなわち1,000,000 = 1Mなど誰もがそれが理解されるであろうd3.jsヘルパークラスへのリンクを投稿することができます。

5熱

1答えて

NVD3を使用した応答円グラフ

NVD3を使用した円グラフの簡単な例を扱っています。それは正しくレンダリングされますが、応答しません。私はそれに応答するようにthis answerに従おうとしましたが、それにはあまり行きませんでした。私はfiddleを作った。実際、それは反応的ですが、コンテナにグラフを収めることができません。私のjsコード： nv.addGraph(function() { var chart =

7熱

1答えて

軸ラベルの調整rCharts内のNVD3グラフ

rCharts nPlot()関数を使用して、コンティンジェンシーテーブルタイプのデータが与えられた積み重ねられた、またはグループ化された棒グラフを表示しています。 "multiBarChart"は光沢のあるアプリケーションで表示されます。光沢のあるアプリケーションで使用するコードを以下に示します。 graphData <- reactive({ as.data.frame(table(

19熱

1答えて

nvd3で凡例を無効にする方法やサイズを制限する方法

私はnvd3を使用しています。例えば。 15のグループを持つ散布/バブルとグループ名は長いです。伝説は非常に大きいので、チャート自体の余裕はほとんどありません。凡例を削除したり、凡例を切り替えたり、使用している高さ/幅を制限する方法はありますか？どんな例も素晴らしいでしょう。また、バブルに説明的な文字列を表示する方法はありますか？あなたが気泡の上に立っているとき、それはx/y座標を強調表示しま

10熱

1答えて

crossfilter、d3.brushとnvd3統合

私はcrossfilterホームページを見て、本当に何が起こっているかのようにしました。しかし、必要がなければ、私はすべてのグラフを手書きしたくありません。私はすでにdc.jsを見てきました。これはかなりいいですし、クロスフィルターの統合とフィルタリングを組み込んでいます。しかし、dcには、nvd3から入手する必要があるものがいくつかありません。しかし、nvd3の上/にcrossfilterを

9熱

1答えて

NVD3設定を使用すると、1つとして、グラフを持つことができますNVD3で

デフォルトとして展開します。デフォルトビューを 'Expanded'に設定することは可能ですか？

5熱

2答えて

nvd3のcumulativeLineChartのカスタムツールチップ

私が累積線グラフ上の線にカーソルを合わせると、y時にツールチップメッセージのx値が表示されます。私はこのメッセージを編集し、より多くのコンテンツを追加したいと思います。私の値配列では、{X：x、Y：y、Z：z、Dt：date}を含むjsonを持っているので、X/Y/Zを日付順に並べて表示します。

7熱

1答えて

D3.jsティックの位置が同じである複数のy軸ですか？

私は3つのy軸と1つのx軸を持つチャートを持っており、3軸すべてをズームする必要があります。！ DEMO 、それが0に中心を持つすべての3のy軸を設定することが可能ですか？ズームチャートのティックを同じ場所にとどまらなければならないのですか？または、「0値の間に常に10ティックだけを表示する」と言うこともできます。例えば：範囲1 - > [10..0 ..- 10] 範囲2 - > [35

7熱

1答えて

nvd3 scatterPlotとrCharts in R：点のサイズが変わる？

私は今、rChartsとnvd3で少し遊んでいます。今私はバブルチャートが必要な状況、または少なくともドットのサイズがデータの変数に依存する散布図があります。 this exampleから可能です。 rChartsでの散布図の例は次のとおりです。 library(rCharts) p1 <- nPlot(mpg ~ wt, group = 'cyl', data = mtcars, type =

6熱

1答えて

NVD3線グラフ（垂直線）

NVD3で線グラフを縦線で生成しようとしています。特にthis kindの折れ線グラフ。ラインチャートには、表示パネルとズームパネルの2つのパネルがありますが、その両方の線が必要です。このような何か：は、この可能ですか？編集：データを追加するだけで、行を表すストリームが追加されました。例えば streams[3] = {key:'myline', values:[{x:68,y:0},{