問題タブ [bundle-layout]

私は現在、強制レイアウトを持っています:

http://bl.ocks.org/mbostock/4062045

したがって、私のデータは単なるノードとリンクですが、同じデータでこの階層エッジ バンドルを作成したいと思います。

http://bl.ocks.org/mbostock/7607999

データが階層化されていないため、問題が発生しています。その単なるノードとリンク。これを機能させる方法はわかりませんが、可能でなければなりません。

私は初心者で、ダイアグラムの検索方法を実装しようとしています。

この図はコード ダイアグラムであり、主にここから改作されました。

http://bl.ocks.org/mbostock/1044242

そして、検索機能はここから取られました：

http://mbostock.github.io/protovis/ex/treemap.html

私の問題は、ファイルを読み取るときにテキストを次のように解釈することです。[object SVGTextElement]そのため、検索でヒットするのは [object SVGTextElement] を検索した場合だけです。

これは私のコード全体です：

入力は bla3.json で、次のようになります。

全部入れてないけど関係ない…

私の目的はもちろん、入力できる検索機能を用意することです。たとえば、「患者の摂取量」と入力すると、そのコード (または名前のみ) が強調表示されます。

これをどのように行うかについてのアイデアはありますか？

D3.js を使用してバンドル レイアウトを作成しようとしています。

私はこの場所でコードに従っています:

ここからサンプルのjsonファイルを取得しました。それは正常に動作します。

json ファイルを使用しようとすると、次のエラーが表示されます。

私のjsonファイルは次のようになります：

私のjsonファイルの問題は誰に教えてもらえますか?

私はこの場所でコードに従っています:

私のjsonファイルは次のようになります

このチュートリアル http://bl.ocks.org/Caged/6476579に従って、上記のコードにツールチップを追加しました。

追加した

それから私は機能を追加しました

d.frequency の代わりに上記の html 関数にd3.select("text").text()を追加したので、

マウスオーバー機能で追加しました

mouseouted で追加しました

問題は、常にツリーから最初の要素を選択し、ツールチップとして表示することです

Show d3 node text only on hoverでこれに対する答えを見つけました。

しかし、それを自分のコードにどのように統合するのかわかりません

アップデート

私の D3 レイアウトは、ボタンのクリックに基づいて動的に更新されます。ボタンをクリックして SVG を更新しようとすると、常に古い SVG の下に新しい SVG が作成されます。

ボタンをクリックすると、古いSVGの下に新しいSVGが追加され続けます。

私が望むのは、現在の SVG を置き換えて、同じ場所に更新されたチャートを作成することです。私のコードは以下です

更新しました

エッジ バンドリングの例である D3 には、次のコードがあります。

意味がわかりませんreturn map[""];。何か案は？

I am working on a project using D3, specifically the bundle layout.

I was asked by my supervisor to add directionality to my graph, using arrows. When I tried to implement this using markers, all of my arrow heads pointed to the right, and did not orient themselves to the path they were associated with.

I have tried to work out the problem by looking at other examples with no luck. The only thing I can come up with is that "orient = auto" does not work with radial lines, since all of the examples I've seen use diagonal or bezier lines.

Can any one confirm this, or point me in the right direction? I have limited experience with d3 and svg so I am hoping that there is a simple solution, and that I don't have to rebuild this from scratch. If marker orientation doesn't work with radial lines, can a similar curved line effect be achieved in bundle using Bezier curves?

My Marker creation:

Path creation: Note- I have tried placing "marker-end" before and after "d", this is just its current state.

and "line", just so it is clear that the radial line generator is being used.

Mike Bostock のHierarchical Edge Bundlingの例をカスタマイズしようとしています。

これまでのところ、自分のデータと同等の json ファイルと思われるものを生成できましたが、それを表示することはできませんでした。

コンソールに次のエラーが表示されます。

および次の警告:

ローカルサーバーを実行しているさまざまなブラウザーで試してみましたが、役に立ちませんでした。問題を解決しなかったこれらの質問も見つけました。

このgist で私のコードと変更された json を見つけることができます。

どんな助けでも大歓迎です。