問題タブ [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 投票する
1 に答える
942 参照

javascript - JIT Rgraph のズーム ボタン

Rグラフ(Javascript Infovis Toolkit)を使用しているときに、マウスホイールのみをズームインおよびズームアウトとして使用できることがわかりました。マウスホイールの代わりに2つのボタンでグラフを制御する方法を教えてください。

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

javascript - JavascriptInfovisToolkitを使用してスペースツリーのノードにonclickイベントを実装する

スペースツリーをプロットするためにInfovisライブラリを使用しています。

残念ながら、すべてのノードがfalseであるため、ノードにイベントを実装するときに問題が発生します。

関連するグーグルグループにそれについてのスレッドがすでにあります: https ://groups.google.com/forum/?fromgroups#!topic / javascript-information-visualization-toolkit / NJtbe9hq5bQ

与えられた解決策は、NodeTypesの「contains」を修正することでした: https ://github.com/philogb/jit/blob/master/Source/Visualizations/Spacetree.js#L1370

新しいNodeTypes実装をコピーして貼り付けましたが、残念ながらまだ機能していません(ノードはすべてfalseのままです)。

何か案が?

編集:ノードのプロットにラベルを作成することで、何かを近づけることができます。

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

javascript - javascript infovis ツールキット: 各レベルの個々のレベル距離

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

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

}

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

javascript - JIT - Spacetree を画像として保存する

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

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

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

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

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

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

infovis - マウス入力でカスタムノードを強調表示します

カスタムノードを作成しています。マウス入力で強調表示したいと思います。残念ながら、mouseEnterイベントは発生しません。mouseEnterまた、との後にノードをレンダリングする方法もわかりませんmouseLeave

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

javascript - infovis (jit) ツリーマップの特定のノードへのリンク (url 経由)

infovis ツールキットのユーザーはいますか? きっとあなたの助けに感謝します.

標準の href またはその他の方法を介して特定のノードにリンクする方法があるかどうか疑問に思っています。

具体的には、別のビュー (同じエンティティの別のデータ セットへのリンク) に切り替えながら、ユーザーが表示している現在のノードを保持したいと思います。

現在のノードを HTML 要素に追加しました (同じページの div で十分簡単です) が、リンクを介して特定のノードをターゲットにする方法に関するドキュメントが見つかりません。

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

javascript - キャンバスオブジェクトを画像として保存する-黒の背景

これは少し苛立たしい問題です。Javascript InfoVis Toolkitというサードパーティのライブラリを使用して、キャンバス画像チャートを生成しています。

したがって、チャートが作成され、キャンバスに挿入されます。その画像の背景は白ですが(cssでスタイル設定されているように)、画像を変換すると(さまざまなライブラリを試し、新しいウィンドウをすべて一緒に開いてみました)、黒になります。

要点をまとめると:

  1. コードでチャートを生成します。すべてのチャートの背景は白です(これは正しいです)
  2. チャート2の画像を(テストとして)保存しましたが、保存される画像は黒で、キャンバスの背景を無視しているようです。

すべての助けをありがとう!

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

javascript - JavascriptInfovisToolkitツリーマップで特定の深さのラベルを表示する

4つのレベル(オリンピック>スポーツ>イベント>メダル)のJavascript Infovis Toolkitを使用してツリーマップを作成しており、一度に3つ表示したいと考えていますが、ラベルは2/3のみです。

(例:上面図では、すべての異なるスポーツとスポーツ内のすべてのイベントを表示しますが、イベントのラベルが多すぎるため表示しません。)

次のコードを使用してレベルを非表示にしようとしていますが、ズームインしても再表示されません。

ズームイン/ズームアウトしても_depthは変わらないようです—これは各ノードの静的プロパティです。

親として設定された現在の深度ノードに基づいて表示する深度レベルを変更する条件を記述できる場合があります。誰が私がそれを見つけるだろうか知っていますか?

ありがとう!

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

javascript - ノードを手動で JavaScript InfoVis ツールキットに追加する 有向グラフを強制する

ここにある JavaScript InfoVis Toolkit を使用しようとしています: JS InfoVis ToolKitを使用して Force Directed Graph を作成します。データをグラフに「フィード」するために JSON を実際に使用したくはありません。代わりに、手動でノードを追加したいと考えています。

次のコードをまとめましたが、グラフを描画しようとすると、ルート ノードが jit.js の 7118 行目に見つかりません ( var root = aGraph.getNode(id);)。ForceDirected オプションの詳細は省略しましたが、結果には影響しません。

誰もこれを行った経験がありますか?? ガイダンスを探しています。FireBug でデバッグしたところ、すべてがグラフに正しくロードされているように見えます (つまり、すべてのノードが存在します)。私は途方に暮れています。

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

infovis - infoviz の Force Directed Graph のエッジ方向が正しくない

「graphnode6.0-----> graphnode0.0 -------> graphnode15.0」のような力グラフを表示しようとしていますが、jsonオブジェクトを構築すると、常に「graphnode6.0----」が表示されます--> graphnode0.0 <---------graphnode15.0" 私の JSON オブジェクトは

];

この JSON 構造に誤りがありますか? ありがとうサミット