問題タブ [infovis]

1 つの Web ページの 2 つの異なる div に 2 つの棒グラフをプロットするにはどうすればよいですか? そうしようとすると、ライブラリがハードコードされた div 名「infovis」を検索するため、1 つの棒グラフが 2 番目のグラフの値で上書きされます。これを修正する方法はありますか？

https://github.com/philogb/jitを使用して、からのデータのツリーマップを作成しようとしていますtop。データは次のようになります。

次に、これを を使用して JavaScript オブジェクトに変換しJSON.parse(...)、 に割り当てdataます。

次に、実際の InfoVis コード:

ただし、キャンバスに挿入された「未定義」だけが得られます。手がかりはありますか？

JavaScript InfoVis Toolkit、特にhypertreeを使用して視覚化を行っています。データを動的に読み込んでいますが、ノードの周りのラベルが重なり合って乱雑になることがあります。ラベルの位置を変更して、この混乱を避けたいと思います。

クラッタリングの例を次に示します (上部ノードと下部ノード)。

各 x、y 座標をループし、バウンディング ボックスを指定して基本的な衝突検出を行い、それに応じて位置を更新することを想像します。

このライブラリでは、デモが onPlaceLabel() 関数を示していますが、(正しく理解していれば) その時点では、他のすべてのノードのラベルの位置はわかりません。したがって、onComplete() を見ていると、次のように各ノードにアクセスできることがわかります。

ただし、ノード情報にはラベルの位置は含まれず、中心ノードに対する位置のみが含まれます。この方法でラベルにアクセスし、その位置を更新できる方法はありますか?

スペース ツリーのデフォルトの向きを変更しようとしていますが、どこに追加すればよいかわかりません:

ツリーがデフォルトの右ではなく上から始まるようにします。

私が見た例では、switchPosition はイベント ハンドラーでのみ使用されますが、これを使用するつもりはありません。

例 (infovis サイトから取得: Infovis - spacetree ) では、デフォルトの向きを変更するためにコード (または任意のコード) をどこに追加する必要がありますか?

var labelType、useGradients、nativeTextSupport、アニメーション;

私はJavaとJavaScriptが初めてです。ツリーを構築するために infovis Spacetree を使用しました。親ノードの子ノードをダウンロード可能にしたい。つまり、ユーザーが親ノード 1 のチルノード 1 をクリックすると、ルート ディレクトリから保存されている pdf ファイルがダウンロードされます。どうすればそれを達成できるか、誰かが私に提案してもらえますか。infovis の spacetree の JavaScript コードは次のとおりです。

親切に私を案内してください

私は Javascript Infovis Toolkit を使用するのはまったく初めてですが、やりたいことは、中間に接続された 5 つの初期ノードを持つハイパー ツリーを作成することです。次に、ユーザーが子ノードのそれぞれをクリックすると、子に接続された新しいノードが表示されます (そのうちの 6 つ)。私はそれを行う方法を正確に理解することはできません。ツリーのコードは次のとおりです。