問題タブ [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 投票する
1 に答える
888 参照

javascript - スペースツリービューにjsonを動的に追加する

私はspacetreejsを使用してツリービューを表示しています。

ノードをクリックした後、オンデマンドでjsonをロードしたいと思います。

ハードコードされたjson値を使用してサンプル例を実行しました。

しかし、動的にする方法がわかりません。ノードを選択した後、子を表示し、親を保持します。私は2つの問題を抱えています

作り方

1.jsonオブジェクト全体をリロードします

2または、選択した子jsonを前のjsonオブジェクトに追加します

例が必要です..私はレール上でrubyを使用してアプリを実行しているので、カスタマイズされたjsonを作成するための任意の方法です

0 投票する
0 に答える
905 参照

javascript - ノードクリックでサブツリーを追加する方法

エラーを示す次のコードを作成しました。

Cannot read property 'children' of null

ノードがクリックされたときに子がロードされるようにします。

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

c# - ジェスチャ-C#(Kinect SDK)を介したJavascriptInfoVisToolkitの制御

私はしばらくの間この問題の解決策を探してウェブを走り回っていましたが、私のすべての要件に合うものを見つけることに今ではかなりがっかりしています。だからここに行きます。

Kinect for Windowsセンサーを使用して、デジタルライブラリ(本を探す場所など)のアセットの視覚化を制御するデスクトップアプリケーションを構築しようとしています。私は公式のMSKinectSDKの使用に非常に精通しており、プロトタイピング用の優れたユーティリティフレームワークをすでに持っているので、それを利用したいと思います。これに加えて、デスクトップアプリのテーマでは、シバン全体をC#にする必要があると言っていますが、これは私にとっては問題ありません。

一方、視覚化部分はすでに存在し、ゴージャスに見えますが、JavaScript(具体的には、JIT、つまりjavascript infovisツールキット)です。それは私が必要とするすべての鐘と笛を持っていて、それはきちんとアニメーション化されています。また、私はJavaScriptの初心者です。

重要なのは、実行時に会話できるようにしながら、どちらか一方を他方の言語に書き換えないようにするにはどうすればよいでしょうか。


したがって、 A)C#クラスから実行時にグラフを操作できるように(たとえば、アニメーション化する新しいノードを選択する)、WindowsアプリケーションにJIT視覚化(たとえば、放射状木視覚化)を埋め込む方法を知っていますか?フォーカスに)または
B)実行時にジェスチャー入力に反応するためにJSにC#イベントを送信しますか?これはASP.NETでできることですか?

結果はデスクトップとWebテクノロジーの奇妙な組み合わせになると思いますが、適切な種類のテクノロジーへのポインターは大歓迎です。

0 投票する
0 に答える
463 参照

javascript - JavaScript InfoVis Toolkit でノード深度を上書きする方法

添付画像をご覧ください。

レベル 2 (0 が中央) には、BT と BD があります。BD をレベル 3 で表示し、EN をレベル 4 に移動したいのです。これは、これらのノードの深さを何らかの方法で変更する必要があることを意味します。

http://www.ivangasparetto.com/jit-test

カスタム js ファイルはhttp://www.ivangasparetto.com/jit-test/js/jit/jit-qorex.jsにあります。

どうもありがとう

0 投票する
0 に答える
156 参照

javascript - JavascriptInfovis二重リンクノード

私はJavscriptInfoVisツールキットを使用しています。ちなみに、それを開発した人に感謝します。すばらしい。とにかく、私には2つの問題があります。.dotファイルから解析された情報からプロットされた有向グラフがあり、ノードの一部はA)二重にリンクされているか、両方のエッジを持ってグラフに表示されている必要がありA->BB->AB)slefを持つことができる必要があります-参照エッジが表示されます。

A-BA)グラフは、新しいエッジをプロットする前に、任意の方向の間にエッジが存在するかどうかを自動的にチェックしており、A->Bすでに存在していてプロットされていないことを確認していると思いますB->AB->Aこの場合、実際にはまったくプロットされていないことを私は知っています。私は現在、jit.jsコアでそれを修正するためのチェックを探しています。また、戻りエッジを表示する場合、グラフに両方が表示されるように、エッジをわずかに湾曲させるにはどうすればよいですか?onBeforePlotLine:jit.jsのセクションに実装できるものがあるのではないかと思っています。

B)A)のエッジの湾曲に対する解決策は、自己参照エッジを表示する機能を私に与えると思います。このエッジは実際にはプロットされていますが、開始点と終了点が同じであるため、表示されていません。

これらの問題のいずれかを解決した経験のある人がいれば、助けてください。前もって感謝します!

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

javascript - InfoVis / JITの力指向グラフでカスタムノードを非表示にして復元するにはどうすればよいですか?

InfoVis / JITを使用して、ネットワークを視覚化する力指向グラフをレンダリングしようとしています。私はJavaスクリプトとJITの両方の初心者です。jsファイルで次のコードを使用して独自のカスタムノードタイプを作成しました。これにより、ノードに画像を表示できます。

jsonデータオブジェクトで「$type」:「icon1」を使用して、このカスタムノードタイプをノードに割り当てています。ノード上で画像を取得しますが、問題は、必要なときに画像を非表示にできないことです。次のコードを使用して、円、正方形などの組み込みノードタイプを非表示にすることができます。

ただし、同じコードはカスタムノードでは機能しません。そのため、ノードのタイプを一時的に組み込みの「円」タイプに変更し、それを非表示にしてから、ノードのタイプを元の、つまりカスタムノードであるicon1に再設定しようとしました。

これはうまくいくはずですが、カスタムイメージがしばらくするとキャンバスに戻ってきます。ノードのタイプを元のタイプにリセットしない場合、つまり上記のコードで次のステートメントをコメントアウトしてhide関数を呼び出すと、ノードは非表示になります。

ノードのタイプをカスタムタイプに設定するだけでは、ノードがどのようにレンダリングされるのか理解できません。この質問の助けをいただければ幸いです。

unhide関数を呼び出して必要なときにノードを復元したいので、ノードのタイプを元にリセットする必要があります。ノードのタイプを元にリセットしないと、復元時に円としてレンダリングされます。

APIとJITのGoogleグループを調べましたが、答えが見つかりませんでした。誰か助けてもらえますか?

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

javascript - Infovis 力有向グラフ、ノード上のポップアップ ウィンドウ

こんにちは、infovis ユーザーが助けてくれるかもしれません。私は infovis noob で、フォース ダイレクテッド グラフを起動し、Json を介してノードに渡して実行しています。いずれにせよ、ポップアップ情報ウィンドウを各ノードに 1 つとして修正することはできますか?マーカーをクリックするとGoogleマップに表示されるかもしれません。私は数時間ぐるぐる回っています。

ありがとう。

これは、各ノードにイメージを添付しようとしても、これを機能させることができません。

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

javascript - Clusterfck配列をJavaScriptInfoVisToolkitjson階層に変換します

現在、JavaScriptライブラリClusterfckを使用してデータのグループ化を実行しています。このライブラリは、次の形式で配列を生成します。

しかし、データ視覚化のためのjavascriptライブラリは、以下に示すように、D3.jsとJitがJSON構造をどのように使用するかを示しています。

JavaScriptまたはPHPを使用して、これらの構造を変換したいと思います。誰か助けてもらえますか?

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

infovis - マンハッタン エッジのスペース ツリー

inforVis/jit を使用してスペース ツリーにマンハッタン スタイルのエッジを作成することは可能ですか。

http://philogb.github.com/jit/static/v20/Docs/files/Options/Options-Edge-js.htmlのオプションではありません。しかし、カスタムエッジが可能であることがわかりました。

誰かがすでにこれを行っていますか?

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

javascript - ヒント.hide() 関数。infoVis/JIT の潜在的なバグ?

「ヒント」が有効になっている強制有向グラフがあります。非表示のノード、つまり「アルファ」がゼロのノードのヒントを表示したくありません。onShow コールバック関数では、tips.hide() を使用しようとしていますが、ヒントを隠していません。これが私のコードです。

infovis ライブラリ jit.js を掘り下げると、バグのようなものが見つかりました。以下は、基本的に style.display を「none」に設定する hide 関数です。

以下のコードを見てください。

ご覧のとおり、onShow 関数は onMouseMove 関数から呼び出されます。onShow の後、setTooltipPosition 関数が呼び出され、style.display が ' ' に戻されます (コード内の私のコメントを参照)。このため、 onShow 関数から hide() を呼び出した後でも、ヒントは非表示になりません。setTooltipPosition でその行をコメントアウトすると、機能しました。つまり、非表示のノードのツール ヒントが非表示になりました。

これは infovis のバグですか、それとも何か間違ったことをしていますか? バグでない場合、非表示機能の使用方法を知りたいです。

また、ツール ヒントを非表示にする他の良い方法を知っている人はいますか?