問題タブ [space-tree]

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 に答える
970 参照

infovis - 複数の親を持つノードを適切に配置する方法

これがスクリーンショットです

スペースツリー

私はこの問題に対処してきましたが、Y位置を変更しようとしましたが、うまくいきませんでした。メリ ジョブ Bがずれているように見えることに注意してください。これは、親ボックスが複数の親にアタッチされている場合にのみ発生します。以下のコードを試して、ボックスに複数の親があるかどうかを確認しましたが、すべて同じ場所にあるため、 Y 軸をどのように配置するかについて作業できません。

コード:

助けてくれてありがとう。

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

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

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

Cannot read property 'children' of null

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

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

javascript - Javascript Infovis Toolkit の Spacetree サンプルがローカルで機能しない

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

スクリーンショット:

ここに画像の説明を入力

ここに画像の説明を入力

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

javascript - Jit - 他のサブツリーを非表示にするのではなく、ノードの展開時に SpaceTree のサイズを変更しようとしています

私は Jit の Spacetree ( http://flashcanvas.net/examples/thejit.org/static/v20/Jit/Examples/Spacetree/example1.html ) を使用しており、ノードをクリックしたときの場所に変更しようとしています。展開すると、他のノードは非表示になりませんが、すべてのノードがキャンバスに収まるようにサイズが変更されます。

私がやろうとしているのは、d3js の折りたたみ可能なツリー レイアウト ( http://mbostock.github.io/d3/talk/20111018/tree.html ) に似ています。ただし、私が取り組んでいるプロジェクトはIE8と互換性がある必要があるため、d3jsを使用できません。現在、d3jsはIE8では機能せず、Raphael JSとd3jsを組み合わせようとするライブラリは機能していませんちゃんと。

私はコードを探しているわけではありませんが、それを実装する方法についてのアイデア (Jit のソース コードを変更するか、自分の .js ファイルで手動で行う必要があるか) ありがとうございます。

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

spacing - JIT Spacetree ノードの間隔の問題

JIT Spacetree で問題が発生しました。ノードのスペースが大きく離れており、ビューが使用できなくなります。最初のいくつかのノードは問題ありませんが、ツリーを深くナビゲートするにつれて、子ノードの間隔が広がります。

私はJITサイト http://philogb.github.io/jit/static/v20/Jit/Examples/Spacetree/example1.htmlの例1に非常によく似たかなりバニラの設定を使用しています

これはスニペットを示すスクリーンショットですが、ノードを追加すると間隔がさらに広がるため、問題はこれよりもさらに悪化します。

https://dl.dropboxusercontent.com/u/5454906/spacetree_issue.png

私はこれをしばらくの間うまく使ってきましたが、この特定の問題に遭遇したことはありません.

アイデアや考えはありますか?

ありがとう

ニール

生成される JSON セットの例を次に示します。

}

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

sql-server - Spacetree (jit) のデータを取得する SQL クエリ

テーブル「BinaryTree」があり、「CustomerID」と「ParentID」の 2 つの列があります。

もう 1 つのテーブルは「Customers」で、列「CustomerID」と「Firstname」があります。

これらのテーブルからデータを照会し、これらのデータを Json 形式で Spacetree に割り当てたいと考えています。

以下のリンクを参照してください:-

http://philogb.github.io/jit/static/v20/Jit/Examples/Spacetree/example1.code.html

http://philogb.github.io/jit/static/v20/Jit/Examples/Spacetree/example1.html

以下のようなデータが必要です:-

したがって、json 文字列を作成して spacetree に割り当てることができます。データを順番に返すとよいでしょう。つまり、parentid の場合、最初にすべての子を返します。

その後、これらの子の子を 1 つずつ返すため、spacetree が必要とする適切な形式で JSON 文字列を簡単に作成できます。

さらに情報が必要な場合はお知らせください。

よろしくお願いします。

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

c# - ActionResult mvc から JSON データを JIT spacetree に割り当てる方法

以下のような JIT spacetree を構築しています: http://philogb.github.io/jit/static/v20/Jit/Examples/Spacetree/example1.html

MVC のデータベース テーブルからのデータを使用して、動的な Json を構築する必要があります。

現在、次のように ActionResult を呼び出しました。

ActionResult で動的な Json を作成し、それをツリーに割り当てるにはどうすればよいですか?

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

html5-canvas - Jit infovis spacetree に背景画像を追加する方法

spacetree の背景として機能するように、spacetree に画像を追加する必要があります。私はいくつかの方法を試しましたが、主に次の 2 つの理由で成功しませんでした:キャンバスをクリアします。

どんな助けでも心から感謝します。

皆さん、私がしたことは簡単です: infovis spacetree の例を使用する場合は、次を直後に追加してください: st.compute(); //オプション: ツリーの翻訳を行います st.geom.translate(new $jit.Complex(-200, 0), "current");

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

javascript - infovis spacetree のデフォルトの向きを変更するにはどうすればよいですか?

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

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

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

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

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