多くの人が組織図にJavaScriptVisualizationToolkit（JIT）を推奨しているのを見ました。組織図にJavaScriptInfoVisToolkitのSpaceTreeを使用しようとしています。私の組織図のノードは、それ自体が従業員のプロフィール写真、クリック時にオーバーレイを表示する2つの異なるアイコン、および名前、タイトル、レポート数を含む3行の単純なテキストを持つコンポーネントのようなものです...各行は区切られています明るい水平線で。何かのようなもの：

私の質問は、スペースツリーノードをそのような範囲でカスタマイズすることは可能ですか？独自のレンダリングメソッドを持つ別の「コンポーネント」またはJavaScriptオブジェクトのようにNodeを使用できますか？

私はフォーラムについて調査し、検討したいくつかのオプションは次のとおりです。

1. $ jit.ST.NodeTypes.implement（）...しかし、私が見た例に基づくと、これは形状などの観点からノードをカスタマイズするのに役立つようですが、上に描いたレイアウトとは異なります。私は次のようなカスタマイズについて言及しています： http：//groups.google.com/group/javascript-information-visualization-toolkit/browse_thread/thread/a4a059cbeb10ba23/ebf472366cdbbdef？ lnk = gst＆q = spacetree + nodetype＃ebf472366cdbbdef
2. example5.jsのonCreateLabelメソッドでinnerHtmlを設定しようとしましたが、何も実行されていないようです。ただし、それがノードのカスタマイズに適しているかどうかはわかりません。例5はJITWebサイトにあります（複数のハイパーリンクを投稿することは許可されていません）
3. Graph.Nodeの拡張...私はまだこのオプションを検討していますが、現時点では、スペースツリーでGraph.myNodeを使用することがどれほど複雑で、Graph.myNodeはどのようになるのかわかりません。私はそれらの線についてもっと考え、それが実現可能かどうかを確かめる必要があります。

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

私は thejit.org のライブラリを使用しており、グラフは空間ツリーです。

ノードがクリックされると、新しいjsonでグラフを再生成しようとしています。onclick 関数で ajax 呼び出しを行っていますが、出力されたデータは正しいです。印刷されたデータを使用して変数をデカールして使用しても。グラフが生成されますが、ajax で使用すると未定義になります。

編集-1

ようやくノードがほぼ完璧に完成しましたが、残念ながらもう 1 つ問題があります。

キャンバスに描画されるものの幅は、定義されたノードの幅ではありません。青 + 紫はノード div + パディングであり、描画されるものが幅を気にしないという事実がなければ、それを使用して完全に中央に配置できます。私のスペースツリーのコードは次のとおりです。

私は何が欠けていますか？

私はこれをグーグルで調べてきましたが、答えが見つからないようです。JavaScript InfoVis Toolkit の Google グループでも質問します。

InfoVis spacetree を使用してツールチップを動的に非表示/表示できるかどうか疑問に思っていました。現在、それらはオンになっており、次のようなヒントを設定しました。

しかし、後でそれらをオフにする方法についての参照が見つからないようです。たとえば、ユーザーがボックスをチェックしてツールチップを非表示/表示し、それに応じて表示できるようにしたいと考えています。st.tips.hide() (st は私のスペースツリーの名前です)を試しましたが、何もしません。alert(st.tips)を実行すると、オブジェクトを取得できますが、オブジェクトで使用できる機能がわかりません。

どんな助けでも大歓迎です！ありがとう！

node.data.$width と label.style.width ツリーを同じエッジで描画しないように設定するときに、spacetree の各レベルに個別の levelDistance を設定する方法

spacetree の各ノード レベルに levelDistance を設定する方法。たとえば、ノード レベル 3 の「levelDistance」を変更したいと考えています。ありがとうございます。

}

JavaScript InfoVis Toolkit (http://thejit.org/) を使用しており、出力した Spacetree を画像に保存しようとしています。Spacetree がキャンバスに出力されます。この問題は本当にイライラします。私が試してみました：

1. キャンバスを新しいウィンドウで開く
2. キャンバスが配置されている div を新しいウィンドウで開く
3. Canvas2Image の使用 (http://www.nihilogic.dk/labs/canvas2image/)

これが私の現在のJavascriptメソッドです（ボタンに関連付けられています）：

ただし、毎回 (3 つのオプションすべてでこれを意味します)、ノードを取得しますが、ノードに割り当てられたラベルは取得しません。それはイライラを超えています！

誰かがこれに遭遇しましたか? これは、以前に実行された問題でなければなりません..

私は JavaScript InfoVis Toolkit ( http://thejit.org/ ) を 使用しており、 canvas.toDataURL("image/png"). これは私の ForceDirected グラフでは機能しますが、SpaceTree では別の DIV にラベルがあるため、画像を印刷すると空白のグラフが表示されます。

ラベルを印刷する方法を知っている人はいますか？どんな助けでも大歓迎です。グラフの手動スクリーンショットと、印刷時に取得した画像を添付しました。

はい -ここで質問を見ましたが、その場でスタイリングを行うため「ネイティブ」ラベルを使用できないため、私の質問には答えません。

HTML コード:

手動スクリーンショット 空白の印刷イメージ

JIT から SpaceTree を使用しようとしていますが、本当に助けが必要です。問題は、別の配列からツリーをロードしようとするときです。

json.php

私のspacetree.js:

受け取った JSON は期待どおりですが、スクリプトはそれをロードしません。

誰かが問題を見て、それで私を助けることができますか?

MVC4 を使用してプロジェクトに JIT SpaceTree を使用する必要があります。

3 つのモデル: Symptom、Test、Reference。それぞれに , ID (guid),TitleがありLinks (List<Guid>)ます。

は、 または のいずれSymptomかにリンクできます。はまたはにリンクでき、 は その他 にのみリンクできます。TestReferenceTestSymptomReferenceReferenceRefernces

アプリの開始時:Nランダムなサイズのグラフを生成し、各ノードから 2 ～ 5 個のリンクを想定し、リンクのルールに従い、N1000 を想定します。

これらのモデルから JSON ツリーを構築するにはどうすればよいですか?