問題タブ [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.
infovis - 複数の親を持つノードを適切に配置する方法
これがスクリーンショットです
私はこの問題に対処してきましたが、Y位置を変更しようとしましたが、うまくいきませんでした。メリ ジョブ Bがずれているように見えることに注意してください。これは、親ボックスが複数の親にアタッチされている場合にのみ発生します。以下のコードを試して、ボックスに複数の親があるかどうかを確認しましたが、すべて同じ場所にあるため、 Y 軸をどのように配置するかについて作業できません。
コード:
助けてくれてありがとう。
javascript - ノードクリックでサブツリーを追加する方法
エラーを示す次のコードを作成しました。
Cannot read property 'children' of null
ノードがクリックされたときに子がロードされるようにします。
javascript - Javascript Infovis Toolkit の Spacetree サンプルがローカルで機能しない
InfoVis ツールキットをベースに独自のツリー アニメーションを作成しようとしています。特に、Spacetreeツリー アニメーションのサンプルをカスタマイズしたいと考えています。そのため、サンプルをローカル コンピューターに保存しましたが、ローカル サンプルを開くと正しく動作しません。つまり、結果は Web バージョンとまったく同じではありません。まず、ノードが色付けされていません。次に、onClick イベントに対する応答がありません。html ファイルのローカル バージョンと Web バージョンの両方を確認しましたが、すべて同じで、すべての js ファイルと css ファイルが適切に呼び出され、アクセス可能です。誰かが同様の問題を抱えていましたか?もしあれば解決策を共有してください。前もって感謝します。
スクリーンショット:
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 ファイルで手動で行う必要があるか) ありがとうございます。
spacing - JIT Spacetree ノードの間隔の問題
JIT Spacetree で問題が発生しました。ノードのスペースが大きく離れており、ビューが使用できなくなります。最初のいくつかのノードは問題ありませんが、ツリーを深くナビゲートするにつれて、子ノードの間隔が広がります。
これはスニペットを示すスクリーンショットですが、ノードを追加すると間隔がさらに広がるため、問題はこれよりもさらに悪化します。
https://dl.dropboxusercontent.com/u/5454906/spacetree_issue.png
私はこれをしばらくの間うまく使ってきましたが、この特定の問題に遭遇したことはありません.
アイデアや考えはありますか?
ありがとう
ニール
生成される JSON セットの例を次に示します。
}
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 文字列を簡単に作成できます。
さらに情報が必要な場合はお知らせください。
よろしくお願いします。
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 を作成し、それをツリーに割り当てるにはどうすればよいですか?
html5-canvas - Jit infovis spacetree に背景画像を追加する方法
spacetree の背景として機能するように、spacetree に画像を追加する必要があります。私はいくつかの方法を試しましたが、主に次の 2 つの理由で成功しませんでした:キャンバスをクリアします。
どんな助けでも心から感謝します。
皆さん、私がしたことは簡単です: infovis spacetree の例を使用する場合は、次を直後に追加してください: st.compute(); //オプション: ツリーの翻訳を行います st.geom.translate(new $jit.Complex(-200, 0), "current");
javascript - infovis spacetree のデフォルトの向きを変更するにはどうすればよいですか?
スペース ツリーのデフォルトの向きを変更しようとしていますが、どこに追加すればよいかわかりません:
ツリーがデフォルトの右ではなく上から始まるようにします。
私が見た例では、switchPosition はイベント ハンドラーでのみ使用されますが、これを使用するつもりはありません。
例 (infovis サイトから取得: Infovis - spacetree ) では、デフォルトの向きを変更するためにコード (または任意のコード) をどこに追加する必要がありますか?
var labelType、useGradients、nativeTextSupport、アニメーション;