問題タブ [cytoscape-web]

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

cytoscape-web - 離散マッパーの例

CytoscapeWeb 2.0 (つまり、jQuery ベースの CytoscapeWeb) の DiscreteMapper を使用したいのですが、正確に何をしなければならないかを示すサンプル コードが必要です。

私はすでにFlashベースのCytoscapeWebから取ったいくつかのコードを試してみました

そして、私が持っている「スタイル」構造で

しかし、これはうまくいかないようです。

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

cytoscape-web - サイトスケープの初期化

cytoscapeweb 2 は初めてなので、API の使用方法を学ぶために提供された例の 1 つに従っています。私はそれを機能させることができず、firebug は次のメッセージを報告します:

コンポーネントがエラー コードを返しました: 0x80004005 (NS_ERROR_FAILURE) var n = this.nodesGroup.getBBox();

私のhtmlドキュメントでは、cytoscapeweb divがjqueryタブウィジェットに埋め込まれています(コンテキストを提供するためだけです)

my.html のどこかに

そしてfoo.jsで

明らかな何かを見逃しましたか?

もしそうなら、すべての謝罪。

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

cytoscape-web - Cytoscape web 2 アーバーのレイアウト

私はアーバーレイアウトを使用しようとしています。私はもう試した

どちらの場合も、firebug コンソールが報告します

私は何かが足りないのですか?アーバーレイアウトの使用例はありますか?

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

cytoscape-web - cytoscpae グラフにノードを追加する方法

こんにちは、cytoscape-web 1 アプリケーションを cytoscape-web 2 アプリケーションに変換しようとしています。

要素として作成された要素の固定セットを使用した簡単な例があります。サイトスケープ Web への最初の呼び出しの部分です。次に、既存のグラフにさらに要素を追加したいと考えています。add と load を使用してみました。

add は何もしません 失敗はありませんが、既存のグラフにも変更はありません

読み込みエラー:

コードを再現するのはかなり簡単です

私が間違っていること、またはおそらく私の例が修正されたことについての意見を本当に感謝します。

ありがとうございました

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

cytoscape-web - Cytoscape.js 強制指向のレイアウトとノード配置

私は最近、Cytoscape.js について知り、強制指向のレイアウトである arbor と springy を試してみたいと思います。

ここで、いくつか質問があります。

  1. ノードの配置が何らかのアルゴリズムに基づいており、ノードの座標が不要なレイアウトの 1 つを使用して、グラフを実現することは可能ですか? たとえば、VivaGraphJS では、接続されたノードがグループを形成し、孤立したノードが周辺に移動するようにグラフが収束します。これが力指向のレイアウトで実行できる場合、ノードを選択してキャンバス上で自由にドラッグできるように、力をオフにすることはできますか?

  2. Cytoscape が実際に処理できるグラフのサイズ (ノード/エッジの数) はどれくらいですか?

  3. すべてのノードとエッジには 5 つの属性があり、マウスオーバーでこれらを表示するテキスト ボックスが必要だとします。これを行う最も簡単な方法は何ですか?

  4. Wiki には、以下のように単一のノードを追加できるとありますが、cy にはノード機能がありません。これはエラーですか?var n0 = cy.node("n1"); cy.add(n0); // 単一の要素 n0 を追加します

  5. Arbor/Springy を使用して自明なランダム データ グラフを作成しようとしました。以下のコードでは、「return data.cy」で「data is undefined」というエラーが発生します。レイアウトが「ランダム」の場合、コードは機能します。私は何を間違っていますか?

JSON ファイルの内容は次のとおりです。

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

cytoscape-web - ノードのネイバーを取得する直接的な方法はありますか?

n0Cytoscape.js でノードのすべてのネットワークネイバーを取得する直接的な方法はありますか?

これまでに私が思いついた最善の解決策n0は、ソースであるすべてのエッジとターゲットであるすべてのエッジを取得しn0、それらのエッジのターゲットとソースをそれぞれ確認することです。

関数のようなものを言う、もっと便利な方法はありますcy.nodes("#n0").neighbors()か?

これが必要な理由は、ノードを削除する関数を実装したいのですが、削除n0後にエッジがない他のノードも削除するn0必要があるためです。これに関するアイデアをいただければ幸いです。

ありがとう!

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

cytoscape-web - cytoscape.js のグループ

内部ノードで構成されたノード (グループ) を含むグラフがあり、グラフを再表示すると、グループに含まれるノードの上にグループが表示されます (私は を使用していますpresset layout)。それを避けるために、以下に示すように、グループの z-index を設定しようとしました (そのため、グループの境界線のみが表示されます)。

私も設定しようとしvisibility:'hidden'ましたが、グループを接続するエッジも非表示になります。グループのサポートはありますか? fillColorまたは、内部ノードを非表示にしないようにグループを透明に設定する方法はありますか?

0 投票する
3 に答える
5184 参照

cytoscape-web - ノード内のラベル表示 cytoscape.js

cytoscape デスクトップがデフォルトで行うように、ノード内の中央にノード ラベルを表示する方法はありますか?

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

javascript - 構文、Cytoscape Web、または jQuery のいずれかによって引き起こされる奇妙な JavaScript バグ

CytoscapeWeb を使用して小さな Web アプリを作成しています。グラフを含む XML ファイルをダウンロードし、表示します。ファイルが正常であることがわかっているにもかかわらず、グラフが表示されない (代わりに空白のグラフが表示される) 問題が発生しました。コードを精査して何日も無駄になった後、チュートリアルで提供されているサンプルコードを変更して問題を再現し始めました。

このコードは機能します:

そして、このコードはしません:

唯一の違いは、2 つの alert() ステートメントがコメント化されていることです。最初のステートメント (alert(filename);) のみを削除すると、アラート ボックスに空の文字列が表示されます。したがって、空白のグラフは、出力変数が正しく設定されていないことが原因であると思われます。

Firefox と Internet Explorer でこれをテストしました。出力変数ではなく文字列「ASDFSADF」を出力する警告ステートメントが 1 つある場合に機能します。ただし興味深いことに、'var jump = "ASDFSADF"' など、alert() ステートメントを使用しないコードは機能しません。

したがって、次の 3 つの可能性があるように思えます。

  • 私が行ったある種の構文またはロジックの間違いがあり、解析された行数が重要になります
  • Cytoscape Web が私には想像できない方法で問題を引き起こしています
  • jQueryは「成功」関数を呼び出していません

しかし、この問題は私の専門外であり、私が考えていなかった何かによって引き起こされているのではないかと疑い始めています.

ただし、その構文エラーがどこにある可能性があるかは、私にはわかりません。私は高低を検索しました。誰かがこのようなことを見たことがありますか、そうでなければそれが起こっていることを知っていますか?

お手伝いいただきありがとうございます。

完全なコード: http://pastebin.com/rvcV3LFL
XML ファイル: http://pastebin.com/HCyuKQnx

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

cytoscape-web - Cytoscape.jsのCustomMapper?

エッジ幅がエッジ プロパティ値の 1 つに基づくグラフを作成する必要があります。https://github.com/cytoscape/cytoscape.js/wiki/StyleObjectを見ると、CytoscapeにはdiscreteMapper/passthroughMapper/continuousMapperがあることがわかりますが、これらのどれもエッジプロパティにアクセスできません。ただし、ソース コードを見ると、以前の Cytoscape ドキュメント ( http://cytoscapeweb.cytoscape.org/documentation/mappers )に基づく customMapper もあり、エッジ プロパティにアクセスし、それらに基づいて幅を返すことができます。どうすればいいですか?私が試したスタイルオブジェクト内:

初期化呼び出しの前。関数にブレークポイントを設定すると、関数が呼び出されないことがわかります。Cytoscapeオブジェクトのどこかにマッパー関数を追加して、それを見ることができるようにする必要がありますか?