問題タブ [bubble-chart]

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 投票する
3 に答える
1658 参照

javascript - この塗りつぶし関数はどこで定義されていますか?

例では、http://mbostock.github.com/d3/ex/bubble.html :

ここに画像の説明を入力してください

27 行目:

どこでfill()定義されていますか?どちらにも見つかりませんでしたd3.js。また、パッケージ名が色でなくても、ランダムな色が割り当てられています。どうして?

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

asp.net - asp.net のバブル チャートが機能しない

x軸とy軸の列を正式に定義することにより、単純なsqldatsourceを使用してAsp.netでバブルチャートを開発しました.今問題は、バブルのサイズがすべての値で同じであることです.たとえば、100のバブルのサイズは2000 のバブルのサイズ。値に応じてバブルのサイズを確認するためのプロパティまたは属性が存在するかどうか教えてください。このようなプロパティを見つけるために多くのことを試みましたが、すべて無駄でした。親切に助けてください

アップデート

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

javascript - d3js-httpgetなしでjsonをロードする

私はd3を学んでいます。d3jsにデータをロードする特定の方法があります。しかし、それらはすべてHTTPGETを作成しているようです。私のシナリオでは、すでに文字列にjsonデータがあります。別のhttpリクエストを行う代わりに、この文字列を使用するにはどうすればよいですか?このためのドキュメントを探しましたが、見つかりませんでした。

これは機能します:

今、私が持っている場合:

d3ですでに計算された「myjson」を使用してサーバーへの非同期呼び出しを回避するにはどうすればよいですか?ありがとう。

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

javascript - Google バブルチャート ディメンションのバグ

最初に私の英語で申し訳ありませんが、私はイタリア人です。

今...私は問題なくモーションチャートとジオチャートを使用していますが、バブルチャートは物事を行う方法を持っているようです.

私は自分のページでいくつかのチャートを使用していますが、一部は非表示 (display:none) で、その他は非表示になっていますが、バブルチャートを非表示にすると、コード 900x600 に書いたときに 400x200 で寸法が変わります。

これは私が他のグラフで完璧に使用するコードです:

しかし、バブルチャートで使用するとすべてがバラバラになり、400x200 のスタンプが表示されます...

display:none なしで使用すると、正しい寸法になります。

こちらがテストページ ですhttps://dl.dropbox.com/u/29200489/IPC/untitled/test.html

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

d3.js - D3/コーヒー バブル チャートのさまざまな状態

これを使用したい ( http://vallandingham.me/vis/gates/ ) バブル チャート (D3 で作成):

ここに画像の説明を入力

...いくつかの異なるシナリオを説明します。要するに、選挙データを可視化したい。政党は何票を獲得しましたか?また、政府を形成するためにどのようなシナリオが可能ですか?

データ レベルでは、非常に明白です。名前、議会の議席数、州 1、州 2、州 3 などです。州 1 は 1 または 2 です。1 は政府の場所、2 は野党です。かなり簡単です。

ただし、この例では、All Grants と Grants By year の 2 つの状態しか示していません。私が望むのは、Grants By Year のような州が増えることです。しかし、私は非常に優れたプログラマーではないため、これを機能させる方法を理解できません。新しい状態を追加すると、視覚化が機能しません。

状態を制御するコード (Coffee) を次に示します。

0 投票する
2 に答える
6403 参照

javascript - 円から三角形へのD3.jsの視覚化

このグラフhttp://bost.ocks.org/mike/nations/の円を三角形に変更し、それでも動的に拡大および縮小する方法を知っている人はいますか?

ここに画像の説明を入力してください

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

javascript - OKFN Bubble Treeへのデータ入力

OKFN製のバブルツリーを設置したいです。https://github.com/okfn/bubbletree/wiki/Bubble-Tree-Documentation

ここで、いくつかのデータを入力したいと思います。3層深く行きたいです。しかし、何らかの理由で機能しません。これはhtmlファイルのコードです

最も深い層を削除すると機能しますが、それだけでは不十分です。どうすればこれを機能させることができますか?

この視覚化を JSON で機能させる方法もあると思いますが、このロジックはよくわかりません。それがプラン B で、誰かが私を助けてくれるなら、それは素晴らしいことです。

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

apache-flex - Flexバブルチャートのデータ構造

Flexバブルチャートで次のデータを表現しようとしています。以下のチャートコードも参照してください。

そして、私が得るバブルチャートは私が期待するものではありません。私はバブルチャートを見て、半径が「カウント」であるバブルを示しています。XとYは、それぞれ業界と範囲で表されています。したがって、たとえば、チャートには、IndustryIn1とRange0-10Daysの交差点にあるradious10の円が表示されます。

実際には、次のグラフが表示されます

ここに画像の説明を入力してください

したがって、すべてのデータポイントに対して、新しいXアイテム(「in1」が5回繰り返され、「in2」が5回繰り返される)が作成されます。実際には、1つだけである必要があります。yマークの場合も同様です。

チャートは両方の軸で同じフィールド値をグループ化できないため、この問題が発生しているようです

別のデータ構造を採用する必要がありますか、それともこれを解決するチャート設定がありますか?

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

javascript - d3.geo.mercatorを使用したバブルチャート

私は完全にD3.jsn00bなので、これで完全に欠落している非常に簡単な解決策が得られた場合は、お詫び申し上げます。とにかく、私は世界地図上にバブルチャートを作成しようとしています。シンボルマップに似ていますが、d3.geo.albersUsaの代わりにd3.geo.mercatorを使用します。私はworld-countries.jsonファイルを使用しており、独自のworld-country-centroids.jsonファイルを作成しました。何か案は?コードは次のとおりです。

0 投票する
2 に答える
1228 参照

iphone - iOS アプリケーションのバブル チャート

詳細ビューに移動するためのユーザー操作 (タッチ イベント) を持つ各バブルを使用して、iPad アプリケーションにバブル チャートを実装する必要があります。

そのためのフレームワークや方法はありますか (棒グラフ、円グラフ、coreplot を使用した折れ線グラフなど)??

以下のように、バブルごとにCGContextRefを使用しても手動で実装してみました

ただし、ユーザーの操作、つまりタッチ イベントからエッジをトリミングすることはできません (これらのバブルは UIView に内接する円であるため)。

前もって感謝します