問題タブ [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 Rgraph のズーム ボタン
Rグラフ(Javascript Infovis Toolkit)を使用しているときに、マウスホイールのみをズームインおよびズームアウトとして使用できることがわかりました。マウスホイールの代わりに2つのボタンでグラフを制御する方法を教えてください。
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のままです)。
何か案が?
編集:ノードのプロットにラベルを作成することで、何かを近づけることができます。
javascript - javascript infovis ツールキット: 各レベルの個々のレベル距離
node.data.$width と label.style.width ツリーを同じエッジで描画しないように設定するときに、spacetree の各レベルに個別の levelDistance を設定する方法
spacetree の各ノード レベルに levelDistance を設定する方法。たとえば、ノード レベル 3 の「levelDistance」を変更したいと考えています。ありがとうございます。
}
javascript - JIT - Spacetree を画像として保存する
JavaScript InfoVis Toolkit (http://thejit.org/) を使用しており、出力した Spacetree を画像に保存しようとしています。Spacetree がキャンバスに出力されます。この問題は本当にイライラします。私が試してみました:
- キャンバスを新しいウィンドウで開く
- キャンバスが配置されている div を新しいウィンドウで開く
- Canvas2Image の使用 (http://www.nihilogic.dk/labs/canvas2image/)
これが私の現在のJavascriptメソッドです(ボタンに関連付けられています):
ただし、毎回 (3 つのオプションすべてでこれを意味します)、ノードを取得しますが、ノードに割り当てられたラベルは取得しません。それはイライラを超えています!
誰かがこれに遭遇しましたか? これは、以前に実行された問題でなければなりません..
infovis - マウス入力でカスタムノードを強調表示します
カスタムノードを作成しています。マウス入力で強調表示したいと思います。残念ながら、mouseEnter
イベントは発生しません。mouseEnter
また、との後にノードをレンダリングする方法もわかりませんmouseLeave
。
javascript - infovis (jit) ツリーマップの特定のノードへのリンク (url 経由)
infovis ツールキットのユーザーはいますか? きっとあなたの助けに感謝します.
標準の href またはその他の方法を介して特定のノードにリンクする方法があるかどうか疑問に思っています。
具体的には、別のビュー (同じエンティティの別のデータ セットへのリンク) に切り替えながら、ユーザーが表示している現在のノードを保持したいと思います。
現在のノードを HTML 要素に追加しました (同じページの div で十分簡単です) が、リンクを介して特定のノードをターゲットにする方法に関するドキュメントが見つかりません。
javascript - キャンバスオブジェクトを画像として保存する-黒の背景
これは少し苛立たしい問題です。Javascript InfoVis Toolkitというサードパーティのライブラリを使用して、キャンバス画像チャートを生成しています。
したがって、チャートが作成され、キャンバスに挿入されます。その画像の背景は白ですが(cssでスタイル設定されているように)、画像を変換すると(さまざまなライブラリを試し、新しいウィンドウをすべて一緒に開いてみました)、黒になります。
要点をまとめると:
- コードでチャートを生成します。すべてのチャートの背景は白です(これは正しいです)
- チャート2の画像を(テストとして)保存しましたが、保存される画像は黒で、キャンバスの背景を無視しているようです。
すべての助けをありがとう!
javascript - JavascriptInfovisToolkitツリーマップで特定の深さのラベルを表示する
4つのレベル(オリンピック>スポーツ>イベント>メダル)のJavascript Infovis Toolkitを使用してツリーマップを作成しており、一度に3つ表示したいと考えていますが、ラベルは2/3のみです。
(例:上面図では、すべての異なるスポーツとスポーツ内のすべてのイベントを表示しますが、イベントのラベルが多すぎるため表示しません。)
次のコードを使用してレベルを非表示にしようとしていますが、ズームインしても再表示されません。
ズームイン/ズームアウトしても_depthは変わらないようです—これは各ノードの静的プロパティです。
親として設定された現在の深度ノードに基づいて表示する深度レベルを変更する条件を記述できる場合があります。誰が私がそれを見つけるだろうか知っていますか?
ありがとう!
javascript - ノードを手動で JavaScript InfoVis ツールキットに追加する 有向グラフを強制する
ここにある JavaScript InfoVis Toolkit を使用しようとしています: JS InfoVis ToolKitを使用して Force Directed Graph を作成します。データをグラフに「フィード」するために JSON を実際に使用したくはありません。代わりに、手動でノードを追加したいと考えています。
次のコードをまとめましたが、グラフを描画しようとすると、ルート ノードが jit.js の 7118 行目に見つかりません ( var root = aGraph.getNode(id);
)。ForceDirected オプションの詳細は省略しましたが、結果には影響しません。
誰もこれを行った経験がありますか?? ガイダンスを探しています。FireBug でデバッグしたところ、すべてがグラフに正しくロードされているように見えます (つまり、すべてのノードが存在します)。私は途方に暮れています。
infovis - infoviz の Force Directed Graph のエッジ方向が正しくない
「graphnode6.0-----> graphnode0.0 -------> graphnode15.0」のような力グラフを表示しようとしていますが、jsonオブジェクトを構築すると、常に「graphnode6.0----」が表示されます--> graphnode0.0 <---------graphnode15.0" 私の JSON オブジェクトは
];
この JSON 構造に誤りがありますか? ありがとうサミット