問題タブ [infovis]

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

javascript - Javascript InfoVis SpaceTreeの`ST.select()`メソッドがノードを折りたたむのを防ぐにはどうすればよいですか?

JavaScript InfoVis Toolkit、特にSpaceTreeの視覚化を使用しています。

すべてのツリーを展開してから、特定のリーフノードからルートに戻るパスを表示する必要があります。

ツリーをうまく拡張できましたが、リーフノードを選択し、ルートに戻るパスを強調表示しているため、問題が発生しています。

この関数を使用して、ST.select(node, onComplete)関心のあるリーフノードを選択しています。実際、ルートに戻るパス(ラインとノード)が強調表示されています。

これを行うために、ルートとそのプロットラインに戻ってノードを強調表示できるようにするメソッドonBeforePlotNodeとメソッドを実装しました。onBeforePlotLine ST.Controller

問題は、リーフノードを強調表示するために呼び出すST.select()と、このレベルの下にあるすべての子ノードが折りたたまれ/非表示になることです。

これが実際に動作することを確認するために、いくつかの例をアップロードしました。

完全なツリー拡張-リーフが選択されていません
リーフが選択されています-パスが表示されていますが、ノードN2の下のすべての子が欠落しています

ブラウザウィンドウが少し小さい場合は、下にスクロールする必要があります。

だから私の質問は、レベル3の子(レベル1がルート)を折りたたむことなく、JavaScript InfoVisでリーフノードからルートノードにノードを表示するにはどうすればよいですか?

私のleafeノードを見つけてツリーをルートに戻す方法があれば(途中でスタイルを設定する)、それをやって幸せになるでしょう

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

javascript - Javascript InfoVis SpaceTree: 選択したノードがキャンバスの中心にならないようにします

Javascript InfoVis SpaceTree を使用しています。次のようなツリーがあります。

ここに画像の説明を入力

ただし、「NOW」ノードを選択して、ルート ノードに戻るパスを強調表示するが、このノードが中央に配置されないようにする必要があります。すなわち:

ここに画像の説明を入力

試しsetPos()ましたが、これはうまくいきません。

何か案は?

ソースの完全に機能する自己完結型のコピーを含む github リポジトリを次に示します (残念ながら、最初にこの質問をしたときから、私の Web サイトはなくなりました)。

https://github.com/kevinkenny/so4418163

この例では、ファイルex2.htmlには最初の画像を生成するマークアップがex3.html含まれており、下の画像をレンダリングするマークアップが含まれています。

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

javascript - InfoVis と Rails

この質問は JavaScript InfoVis Toolkit の Google グループに提出する予定ですが、そのメンバーシップが承認されるのを待っている間、ここに提出することにしました。

私は Rails アプリを開発しており、データの視覚化 (およびその視覚化による操作) を追加する必要があります。

いくつかの検索を行ったところ、JavaScript InfoVis Toolkitに出会いました。デモは私にとって非常に魅力的で、私が探しているものです。

私はまだ比較的新しいので、ゆっくりと始めようとしています。私は何度もコードを繰り返してみましたが、すべて役に立ちませんでした。これは私ができる最善のようです:

これが私のJavaScriptファイルです:

だから私がやろうとしているのは、単純な棒グラフの例を作ることだけです.

ページが完全にロードされた後に Web インスペクタ (Safari の場合) に表示される内容の関連部分を次に示します。

だから、私が見ているのは、キャンバス要素が注入されているが、高さが0pxであるため、表示されないのですか?

デモの DOM を見ると、内容は<div id="infovis">私のものと非常によく似ています...違いは高さだけです。

どんな洞察も非常に高く評価されます!

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

javascript - Javascript InfoVis Spacetree 個々のノードのスタイリング

私は JavaScript コーディングの初心者です。InfoVis Spacetree について誰か助けてもらえますか? ノードの特定のレベルの幅と高さを残りよりも小さく設定しようとしています。データに入れたようです{}が、試しdata:{"$height":"30"}てみるとツリー全体が台無しになりました...

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

javascript - .netプロジェクトでJavaScriptInfoVisToolkitを使用するにはどうすればよいですか

今、私はコードカバレッジとツリーマップについていくつかの作業を行っています。そして、私のプロジェクトはAsp.net MVCなどのc#プロジェクトです。

「JavaScriptInfoVisToolkit」は効果が高く、インタラクティブなアニメーションに対応しているので使いたいです。しかし、デモ以外の資料は見つからず、.netプロジェクトで使用できるかどうかわかりません。

.netプロジェクトでそれを使用する方法を知っている人はいますか?

ありがとう

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

javascript - JavaScript InfoVis Toolkit を使用した ForceDirected グラフの描画

次のようなデータベースに2つのテーブルがあります。

この場合、次の行を含めることができますTable_1_association

私は持てます

それも。

この構造を示すグラフを作成したいと思います。FK1方向がFK2->上記の例のように)であるため、「矢印」エッジで FORceDirected グラフを使用しました 。

しかし、私は得ることができません。一部の矢印の方向が間違っています。

ForceDirected グラフはこれを許可しますか?

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

jquery - Infovis JIT ライブラリ

「JavaScript Infovis」ツールキットを使用しています。「SpaceTree コントロール」は、データの視覚化のニーズに適しています。

「jQuery」を使用して「Ajax」を呼び出し、データをツリーに動的にロードしています。ツリーはよくロードされます。ただし、いずれかのノードをクリックすると、次のエラー メッセージが表示されます。

キャンバスは未定義です

aspx ページからこの Javascript ライブラリを呼び出しています。

手がかり..

ありがとう、カーシック

0 投票する
4 に答える
5078 参照

javascript - Infovis Toolkit でカスタム ノードを作成するには?

私は Infovis ツールキット プロジェクトに取り組んできましたが、すべての機能が完成しましたが、ビジュアルを完成させることができませんでした。Infovis ツールキット API のドキュメントは適切ですが、カスタム ノード タイプが機能しません。ハイパーツリーを使用しており、2 つの異なるカスタム ノード タイプを作成したいと考えています。1 つは画像からのもので、もう 1 つは描画されたパスです。すべてのヘルプは大歓迎です、ありがとう!

編集: [私が試していた解決策は、あまり便利ではないことが判明しました。代わりに、JIT コントローラーの onCreateLabel() を使用して、ノードを HTML でカスタマイズしました。パフォーマンスが明らかに向上し、ノードのカスタマイズの柔軟性が大幅に向上しました。]

これは私がこれまでに思いついたものです:

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

javascript - Infoviz。描画前に木のキャンバス サイズを計算する

現在のプロジェクトでは、Infoviz ライブラリを使用してツリー構造を視覚化し、階層ツリー構造を表示しようとしています。それはかなりうまく機能し、私が望む形でツリーを表示します。しかし、私が抱えている唯一の問題は、ランダムなサイズのツリーを描画する方法が見つからないことです。

問題は、すべてのレベルで完全なツリーを描画する必要があり、ノードの数がユーザー データによって異なることです。しかし、infoviz には固定幅と高さのキャンバスが必要であり、描画する前に必要なサイズを計算する必要がありませんでした。現在、infoviz はツリーの残りの部分を切り捨てるだけで、それを見る方法はありません。

問題は、ツリー全体を描画するためにキャンバス サイズを取得することは可能かということです。