問題タブ [infovis]

強制有向グラフでノード/エッジ間の最小距離を指定できる方法はありますか?

1 つのノードが他の何百ものノードに直接接続されているグラフがいくつかあります。このような場合、特定のエッジまたはノードを選択するのは非常に困難です。これは、エッジとノードが非常に接近しているため、 onMouseEnter 、 onClick などのイベントが発生しないためです。ユーザーはそれを期待しています。

たとえば、nodeA と nodeB が本当に近い場合、nodeA にカーソルを合わせて強調表示されると予想すると、nodeB に対してイベントが発生するため、nodeB が強調表示されます。エッジ同士が近すぎる場合も同様です。基本的に、どのノード/エッジがホバリングまたは選択されているかをユーザーが正確に知ることは、本当に混乱します。

辺の長さを指定できることは知っています。これでこの問題はある程度解決できますが、何百ものノードとエッジがある場合は役に立ちません。また、辺の長さをキャンバスの高さ以上に設定することはできません。

ノード/エッジ間の最小距離を指定できれば非常に便利です。

どうすればそれができるか知っている人はいますか？

1 つの Web ページに 2 つの四角形のツリーマップを作成する必要があります。このツリーマップの作成には、jit infovis ツールキットを使用しました。ID "infovis" の div を使用せずにツリーマップを作成することはできますか?たとえば、div の ID を "test" などの別のものに変更すると、ツリーマップが機能しないというエラーが発生します。また、treemap の作成に使用された jit javascript 関数の「inject into」プロパティも既に変更しています。助けてください

私は現在、 JavaScript InfoVis Toolkitから使用したい Hypertree グラフに取り組んでいます (リポジトリはここにあります) 。問題は次のとおりです。特定のイベントをハイパーツリーに追加しました。onClickonRightClick

次に、veent ハンドラーを Hypertree ラベルにアタッチし、デモ コードを少し変更しました。

それはかなり簡単です。Hypertree イベントのドキュメントは Options.Events.js にあります。今、私はページをロードします...そして、私はleft.clicksを持っています。しかし、右クリックはありません... RightClicksでグラフを移動し、onClicksでDOM要素ノードからのリンクを開きます。誰かが私にここでポインタを教えてもらえますか?

ベスト、マリウス

Infovisで普通の線を矢印の線に変更するには?

現在、ブロック間にいくつかの行があり、いくつかのcssファイルが見つかりましたが、プレーンラインを矢印ラインに変更できるようなラインの動作を説明するコンテンツが見つかりません.

ありがとう。

InfoVis ツールキットをベースに独自のツリー アニメーションを作成しようとしています。特に、Spacetreeツリー アニメーションのサンプルをカスタマイズしたいと考えています。そのため、サンプルをローカル コンピューターに保存しましたが、ローカル サンプルを開くと正しく動作しません。つまり、結果は Web バージョンとまったく同じではありません。まず、ノードが色付けされていません。次に、onClick イベントに対する応答がありません。html ファイルのローカル バージョンと Web バージョンの両方を確認しましたが、すべて同じで、すべての js ファイルと css ファイルが適切に呼び出され、アクセス可能です。誰かが同様の問題を抱えていましたか？もしあれば解決策を共有してください。前もって感謝します。

スクリーンショット:

サンバースト グラフの端でクリック イベントをキャプチャしようとしています。ノードのクリック イベントを既にキャプチャしました。これは私がしようとしているものです:

ただし、これはノードのクリックのみをキャプチャします。どうしたの？前もって感謝します。

ノードがキャンバスに部分的に表示されている場合、一番左のノードのラベルは消えます。これを解決するにはどうすればよいですか?

ありがとう

HyperTree には次の json があります

線種を矢印に変更したら、AAA -> BBB を指す矢印が表示されます。しかし、私は矢印の方向が BBB -> AAA であることを望みます。

それを実装する方法について何か考えはありますか？