問題タブ [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.

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 投票する
2 に答える
634 参照

javascript - Infovis は、Django ページで使用するとグラフをレイアウトしません

JavaScript InfoVis Toolkitグラフの例をDjango アプリケーションに統合しようとしています。

今のところ、前述のサンプル グラフを Django ページに表示したいだけです。以下のテンプレートを作成しました。

しかし、意図したとおりに機能しません。元のグラフは、Web ページが読み込まれた直後にレイアウトされます。

私のグラフはそうではなく、ノードをそれらの間のリンクに手動で移動する必要があります。

このビデオでその仕組みを確認できます。

(元の例のように) ページがロードされた直後にグラフがレイアウトされるようにするには、テンプレート、スクリプト、CSS ファイルの何を変更すればよいですか?

これが私のDjangoテンプレートです:

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

javascript - JavaScript InfoVis ツールキット ブラウザのサポート

プロジェクトで JavaScript InfoVis Toolkit を使用しており、ブラウザー サポート用のドキュメントをコンパイルする必要があります。残念ながら、私は彼らのウェブサイトで公式情報を見つけることができません. 公式にサポートされている (または互換性がある) ブラウザーとバージョンを知っている人はいますか?

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

infovis - JavaScript InfoVis ToolKit のカスタム イメージ ノードに css スタイルを追加する方法

ユーザーの画像を表示するフォース ディレクテッド InfoVis グラフのカスタム ノードを作成しました。ボーダーを追加して円にするなど、画像にスタイルを追加したいと思います。次のようにcssクラスを追加しようとしましたが、うまくいきません。

これが私のカスタムノードコードです:

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

javascript - Javascript InfoVis Toolkit の「Hello, World」とは何ですか?

私はグラフ理論の研究を行っており、グラフをリアルタイムで視覚化する必要があります。(つまり、グラフ データが変更されると、その表現も変更されます。) InfoVis はその目標を満たしているようですが、クリック可能なノードで画面上にグラフを表示するだけの単純な 'Hello, World' ページをまとめるのに苦労しています。 (クリックするとノードの色が変わります)。

私は JIT の作業用インストールを持っています (指定された例は動作します)。開始するには最小限の InfoVis の例が必要ですが、ドキュメントから 1 つをつなぎ合わせるのが難しいことがわかっています。

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

infovis - Html ラベル付きの Infovis - ノードのドラッグが機能しなくなった

強制有向グラフのノードに html ラベルを使用しています。

これは問題ないようです。ただし、ノードをキャンバスの周りに移動しようとすると...できません。マウスをノードの上に置き、左クリックしてからドラッグすると、選択したノードだけでなく、グラフ全体が移動します。html はノードの下に配置されますが、キャンバスの特定のノードをドラッグすることはできません。どうすればこれを修正できますか?