問題タブ [circle-pack]

jsonファイルのデータを表すサークルパックレイアウトがあります。キーボードの左右の矢印をクリックすると、パックのレイアウトが更新されます。円の位置は更新できましたが、半径は更新できませんでした。以下のコードをご覧ください。私のサークルパックは実際には階層的ではありません。つまり、親が1つ、IDが「coreCircle」のサークル、そしてその中にすべての子があります。

ありがとう、RM

例： http： //mbostock.github.com/d3/ex/bubble.html

16行目で何が起こっているのか理解するのに苦労しています：

そして、なぜ、またはclasses（）関数内のどこで、変数classes []は、そのオブジェクトごとに定義されたx、y、r値を取得します。また、bubble.nodes（）は実際の関数ではないように見えますか？

追加した場合

44行目と45行目の間（内部のすべてのオブジェクトにはすでにx、y、rが入力されているようです）ですが、なぜこれが発生するのかは明らかではありません。

So I have some source code that uses d3.json to fetch some json with an HTTP get request and visualize it...it works perfectly fine on chrome and firefox, but when I try to run it on a mobile verison of safari or chrome, it breaks. When running on iOS safari, the js finds a null type error when encountering a null "d" object...

This is how I set up my server using jetty...

この単純なjsfiddleを見てください：http：//jsfiddle.net/perikut/9qUVW/2/ （ Firefoxを使用している場合は申し訳ありませんが、なぜ見栄えが悪いのかわかりません...）

オブジェクトでは、「children」以外の単語を使用して、どこからデータを抽出するかを示すことができますか？（私が見るすべての例は、このデータ構造に従います。以下を参照してください）。どこにそれを示すべきですか？

グループ/親から子を表示/非表示にするために'group'パラメーターの2倍を宣言する必要があるため、コードはかなり不十分だと思います（jsfiddleを参照）。

group1の子ノードを直接選択してアニメーションを適用する方法はありませんか？将来的にはもっと複雑なデータ構造が欲しいので、この種の基本を前もって知っておく必要があります。

現在のデータ構造：

http://mbostock.github.com/d3/ex/bubble.htmlを使用しようとしています が、色が変更されています。

d3.layout.pack で色がどのように設定されているかを知りたいです。

jsonで受け取ったデータでd3サークルパックのレイアウトを動的に更新しようとしています。毎秒、d3.json（）を呼び出して新しいjsonを取得します。既存のビジュアライゼーションを更新する代わりに、私の実装は古いビジュアライゼーションの下に新しいビジュアライゼーションを作成するだけです。代わりに、既存のレイアウトを動的に更新したい...

d3.pack（）にトランジションを適用しようとしています。

http://bl.ocks.org/3263043を確認してください

新しいパラメータで象徴したいのですが、トランジションを適用すると、新しい円とその親は構造的な「調和」を維持しなくなります（一部の子の円は親に含まれなくなります）。

新しい値を適用します...

パッケージを再構築します...

新しいノードを追加し（親と一緒にすでに正しく配置されているはずです）、最後に円の遷移を行います（新しい半径は新しいパックに比例するはずなので、エラーがどこにあるのかわかりません...）

何かアイデアや参考資料はありますか？

一部の 0 値を含む可能性がある配列の D3 バブル チャートを表示しようとしています。0 の数が多くなると、バブルは「消え」始めます。この例を参照してください (10 個のバブルが表示されるはずです): jsfiddle の例

私は何か間違ったことをしていますか？

私はd3.jsでこのhttp://bl.ocks.org/4063269#index.htmlのようなグラフを設定しようとしています：

これを行うには、コントローラーにメソッドを配置し、.html.hamlファイルにjsを配置します。私はコントローラーを作成しましたが、メソッドの書き方がまったくわかりません。

メソッドは、sqlite3データベースから値を取得し、d3.jsが使用できるようにそれをJSONに変換する必要があります。誰かが私を始めてもらえますか？今何をしたらいいのかわからない...

Angular と D3 をディレクティブと一緒に接続する方法のウォークスルーに従ってきましたが、D3 グラフを表示することができました。ただし、フォームのデータを変更すると、グラフが更新されません。なぜこれが起こっているのでしょうか？