問題タブ [infovis]

こんにちは、infovis ツールキットを使用して組織図を描画しています。これを達成するには、グラフ ノード内にグラフを描画する必要があります (この部分が機能しています)。

問題は、親グラフを操作する準備ができていることをコードのどの時点でテストするかです。キャンバスの準備ができたとき、キャンバスがライブになったとき、および子グラフを書き込んでいる div ラベルの準備ができたときにテストを試みましたが、これらのどれも機能して報告していないようです

null のプロパティ offsetWidth を読み取れません

これは、まだ存在していない要素の幅を読み取ることができないためです。これは、dom がそれを登録しても、キャンバスがまだレンダリングを完了していないためです。

グラフを操作する準備ができているかどうかをテストするための infovis を知っている人はいますか?

ありがとう

スクライン

私のアプリケーションには、以下に示すコード スニペットがあります。私が達成しようとしているのはこれです。チェックボックスがクリックされるたびに、棒グラフが更新されます。

私のエラーコンソールで私は得ています：

「エラー: TypeError: 値が定義されていません ソース ファイル: hit.js 行: 11017.

JSON を関数 (var json = ...) に直接割り当てようとしましたが、正常に動作しますが、ファイルから JSON をロードしても動作しません。私は何を間違っていますか？

Genes.php には以下が含まれます。

Java Infovis Toolkit でネットワーク グラフ (ForceDirected) に取り組んでいます: http://thejit.org/ "The jit"。最初にノードを描画してから、作成した各ノードに隣接関係を追加する必要があります。ライブラリで定義されている addAdjacence 関数を使用する必要がありますが、方法がわかりません。

誰でも私を助けることができますか？

私は JavaScript InfoVis Toolkit ( http://thejit.org/ ) を 使用しており、 canvas.toDataURL("image/png"). これは私の ForceDirected グラフでは機能しますが、SpaceTree では別の DIV にラベルがあるため、画像を印刷すると空白のグラフが表示されます。

ラベルを印刷する方法を知っている人はいますか？どんな助けでも大歓迎です。グラフの手動スクリーンショットと、印刷時に取得した画像を添付しました。

はい -ここで質問を見ましたが、その場でスタイリングを行うため「ネイティブ」ラベルを使用できないため、私の質問には答えません。

HTML コード:

手動スクリーンショット 空白の印刷イメージ

MVC4 を使用してプロジェクトに JIT SpaceTree を使用する必要があります。

3 つのモデル: Symptom、Test、Reference。それぞれに , ID (guid),TitleがありLinks (List<Guid>)ます。

は、 または のいずれSymptomかにリンクできます。はまたはにリンクでき、 は その他 にのみリンクできます。TestReferenceTestSymptomReferenceReferenceRefernces

アプリの開始時:Nランダムなサイズのグラフを生成し、各ノードから 2 ～ 5 個のリンクを想定し、リンクのルールに従い、N1000 を想定します。

これらのモデルから JSON ツリーを構築するにはどうすればよいですか?

私はextjsとinfovisが初めてです。2 つのコンポーネントを持つページを実装しようとしています。上部は、サーバーから受信したデータによってレンダリングされる extjs グリッドです-> extjs ストア。同じデータによってレンダリングされるスペースツリーである下位コンポーネントが必要です。さらに、グリッド上のイベントをリッスンし、スペース ツリーで選択したノードをマークする必要があります。extjs と infoVis の統合の例はありますか?

これがスクリーンショットです

私はこの問題に対処してきましたが、Y位置を変更しようとしましたが、うまくいきませんでした。メリ ジョブ Bがずれているように見えることに注意してください。これは、親ボックスが複数の親にアタッチされている場合にのみ発生します。以下のコードを試して、ボックスに複数の親があるかどうかを確認しましたが、すべて同じ場所にあるため、 Y 軸をどのように配置するかについて作業できません。

コード：

助けてくれてありがとう。

JSON形式のデータがあります：

見た目が美しくインタラクティブであるため、InfoVisを使用してこのデータを決定木にプロットしようとしています。問題は、グラフが次の形式のJSONデータを取得することです。

すべてのキーと値に「id」、「data」、「children」が追加され、すべてのキーと値が「name」であることに注意してください。これらの余分な値を追加するには、再帰関数を作成する必要があるように感じます。これを行う簡単な方法はありますか？

これが私がやりたいことですが、それが正しい方法かどうかはわかりません。すべてのキーと値をループして、適切なものに置き換えます。

離れているかどうか教えてください。

これが彼らの例ですhttp://philogb.github.com/jit/static/v20/Jit/Examples/Spacetree/example1.html

そしてここにデータがありますhttp://philogb.github.com/jit/static/v20/Jit/Examples/Spacetree/example1.code.html

私は私の人生のためにこれを手に入れることができないようです。getJson2 関数を呼び出した後、変数「json」にアクセスできません。PHPスクリプトを介してjsonを動的に取得しましたが、それは機能します。しかし、それはなくなりました。json が init 関数に埋め込まれているThe InfoVis examplesのガイドとして使用するサンプルがあります。私はそれを動的に取得しようとしています。

JavaScriptチャートにスクロールバーを追加すると問題が発生するようです。問題は私のチャートです

infovisは2400pxで、フレームは800です。ただし、右にスクロールすると、カーソルの位置がずれて移動します（x座標とy座標が混同されているかのように）。

より良いアイデアを提供するために、ここにチャートへのリンクがあります。

http://philogb.github.com/jit/static/v20/Jit/Examples/AreaChart/example1.html

私の質問は、どうすればこの問題を最もよく修正できるかということです。onscrollはhtmldivまたはcssまたは.jsファイルで呼び出す必要がありますか？また、選択したdivには何を使用しますか？それは、ビジュアライゼーション、ウィンドウ全体、または#vis（ビジュアライゼーション自体）を保持する中央のコンテナでしょうか。わかりやすくするために、以下のスクリーンショットを添付しました。

グラフのアニメーションおよびドリルダウン機能により、この問題によりグラフが使用できなくなります。任意のヘルプやガイダンスをいただければ幸いです。

また、これが基づいているオープンソースAPIへのリンクは次のとおりです：http：//philogb.github.com/jit/demos.html

残念ながら、このサイトではスクリーンショットを投稿できません。