問題タブ [infovis]
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.
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 ファイルで手動で行う必要があるか) ありがとうございます。
javascript - Infovis は、Django ページで使用するとグラフをレイアウトしません
JavaScript InfoVis Toolkitグラフの例をDjango アプリケーションに統合しようとしています。
今のところ、前述のサンプル グラフを Django ページに表示したいだけです。以下のテンプレートを作成しました。
しかし、意図したとおりに機能しません。元のグラフは、Web ページが読み込まれた直後にレイアウトされます。
私のグラフはそうではなく、ノードをそれらの間のリンクに手動で移動する必要があります。
このビデオでその仕組みを確認できます。
(元の例のように) ページがロードされた直後にグラフがレイアウトされるようにするには、テンプレート、スクリプト、CSS ファイルの何を変更すればよいですか?
これが私のDjangoテンプレートです:
javascript - JavaScript InfoVis ツールキット ブラウザのサポート
プロジェクトで JavaScript InfoVis Toolkit を使用しており、ブラウザー サポート用のドキュメントをコンパイルする必要があります。残念ながら、私は彼らのウェブサイトで公式情報を見つけることができません. 公式にサポートされている (または互換性がある) ブラウザーとバージョンを知っている人はいますか?
infovis - JavaScript InfoVis ToolKit のカスタム イメージ ノードに css スタイルを追加する方法
ユーザーの画像を表示するフォース ディレクテッド InfoVis グラフのカスタム ノードを作成しました。ボーダーを追加して円にするなど、画像にスタイルを追加したいと思います。次のようにcssクラスを追加しようとしましたが、うまくいきません。
これが私のカスタムノードコードです:
javascript - Javascript InfoVis Toolkit の「Hello, World」とは何ですか?
私はグラフ理論の研究を行っており、グラフをリアルタイムで視覚化する必要があります。(つまり、グラフ データが変更されると、その表現も変更されます。) InfoVis はその目標を満たしているようですが、クリック可能なノードで画面上にグラフを表示するだけの単純な 'Hello, World' ページをまとめるのに苦労しています。 (クリックするとノードの色が変わります)。
私は JIT の作業用インストールを持っています (指定された例は動作します)。開始するには最小限の InfoVis の例が必要ですが、ドキュメントから 1 つをつなぎ合わせるのが難しいことがわかっています。
spacing - JIT Spacetree ノードの間隔の問題
JIT Spacetree で問題が発生しました。ノードのスペースが大きく離れており、ビューが使用できなくなります。最初のいくつかのノードは問題ありませんが、ツリーを深くナビゲートするにつれて、子ノードの間隔が広がります。
これはスニペットを示すスクリーンショットですが、ノードを追加すると間隔がさらに広がるため、問題はこれよりもさらに悪化します。
https://dl.dropboxusercontent.com/u/5454906/spacetree_issue.png
私はこれをしばらくの間うまく使ってきましたが、この特定の問題に遭遇したことはありません.
アイデアや考えはありますか?
ありがとう
ニール
生成される JSON セットの例を次に示します。
}
infovis - Html ラベル付きの Infovis - ノードのドラッグが機能しなくなった
強制有向グラフのノードに html ラベルを使用しています。
これは問題ないようです。ただし、ノードをキャンバスの周りに移動しようとすると...できません。マウスをノードの上に置き、左クリックしてからドラッグすると、選択したノードだけでなく、グラフ全体が移動します。html はノードの下に配置されますが、キャンバスの特定のノードをドラッグすることはできません。どうすればこれを修正できますか?