問題タブ [cytoscape]
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.
jquery - cytoscape-qtip.js の公式デモの例ではツールチップが表示されません。Cytoscape qtip の管理方法
https://github.com/cytoscape/cytoscape.js-qtip/blob/master/demo.html で入手できるcytoscape-qtip.js の公式デモ例では 、必要なツールチップが表示されません。このデモ ファイルは正しく動作していないようです。さまざまなブラウザをテストし、キャッシュファイルの削除などをテストしました。
機能する完全なhtmlファイルを含む回答を親切に提供してください。したがって、正しいコード構文の詳細のみを提供する代わりに、完全に機能する HTML デモ ファイルの例を 1 つ教えてください。どうもありがとうございました！！！
javascript - cytoscape.js を使用して、ノード間のアークの矢印とカスタム ラベルを同時に表示する方法は?
cytoscape.jsを使用して、同時に 2 つの効果を得たいと考えています。
- ノード間のアークに有向矢印を表示するAND
- ノード間のアークのカスタム ラベルを表示します。
以下のコードを使用すると、円弧ラベルのみを表示できますが、矢印は表示されません。
コードからセグメントを削除すると
スタイル: {'ラベル': 'データ(ラベル)'},
その後、矢印を表示できますが、円弧のラベルは消えます。
さまざまな個別の js ライブラリなどの比較的複雑なシステムで自分のコードを使用する予定であるため、さまざまな状況で柔軟に使用できるソリューションを聞きたいです。ご親切にありがとうございました。
r - サイトスケープで .cns ファイルを開く方法
Linkcommパッケージを使用してRでこのコマンドを使用し、このtemp.cnsファイルを生成しました
クラスターを視覚化するために temp.cns ファイルを cytoscape にインポートしようとしていますが、これをインポートできません。このタイプのファイルをインポートする方法を誰か教えてください。ウィンドウ 8 、サイトスケープ バージョン 2.8、およびプラグイン clustnsee を使用してクラスターを視覚化しています。
cytoscape - Cytoscape デスクトップ: フィルターで選択されていないエッジを非表示にしますか?
多くのエッジを持つ Cytoscape 3.4.0 グラフがあるため、選択フィルターを作成しました。
選択されていないエッジのスタイル カラーを背景色に設定しましたが、選択されたエッジの邪魔になります。
選択されていないエッジを完全に非表示にすることはできますか?
javascript - レイアウトを無視するcytoscape.js複合ノード?
複合ノードは、他の親との間に接続がある場合、レイアウトに従わないように見えますが、子には接続がありません。表示する最善の方法は、DAGRE の例を変更することです。
http://jsbin.com/gist/e52c2fbc0b09edd6ec46?html、出力
データを次のように置き換えます。
子ノードから親のないノードへのリンクはレイアウトによって受け入れられますが、SimpleTest と 2 つのサブ親の間のリンクは受け入れられません。
クラスを割り当ててlayout()をサブグラフに渡し、残りのノードでグリッドを実行することで、親だけでレイアウトを実行しようとしましたが、それもうまくいかないようです。
このケースを処理する方法の例はどこかにありますか? 彼らのウェブサイトの2つの例に表示されます（私が間違っていない限り）、彼らは手動で親の位置を設定しています.
私が見ることができる唯一の回避策は、子の間にダミーのリンクを追加してレイアウトを実行し、グラフからそれらをフィルター処理して後で非表示にすることですが、これを行う方法があるように感じますが、私は見ていません...
ありがとう！
html - Bootstrap カラム内に Cytoscape グラフを配置する
col-lg-1、col-lg-1、col-lg-4、col-lg-6 (左から右) の 4 つの Bootstrap 列があります。
最大の列 (col-lg-6) には、Cytoscape グラフが必要です。現在、私のCytoscapeスタイルは次のとおりです（<head>セクション内）：
次に、本文セクションには、左端の列があります。
最後に、HTML ドキュメントの body セクションにもスクリプトを含めます。
現在の問題は、Cytoscape グラフ (および一番左の列) が、ブラウザーのサイズが変更されたときに (Bootstrap の動作で予想されるように) 他の列の下にスタックされないことです。
これに対する何らかの詳細な解決策を教えてください。あなたの専門知識に感謝します。
graph - Cytoscape JS: グラフ 'boxend' イベントのキャッチ
Web アプリにサイトスケープ グラフを追加しました。コアの構成で、boxSelectionEnabledを true に設定しました。これにより、グラフ要素の周りに Shift または Ctrl を押したまま Box を描画できます。
今、私はこのようなグラフのboxendイベントでこれらすべての要素を読み取ろうとしています.
しかし、これでもトリガーされません。boxstart、boxselect、boxなどの他のボックス イベントを試してみましたが、うまくいきません。ただし、 tap、cxttapイベントなどのイベントで同じことを試してみましたが、問題なく正常に動作しています。
したがって、これらのイベントを使用してグラフからすべてのボックス選択要素を取得する方法はありますか。
ありがとう、スラジュ。
javascript - Cytoscape.js でノード間の一意のペアを見つける
Cytoscape.jsを使用しています。エッジに接続されたノードがいくつかあります。
2 つのノード間の各接続をループしたい。問題は、場合によっては 2 つのノード間に複数のエッジがあることcy.edges().forEach()です。そのため、必要以上のエッジをループすることになるため、一概には言えません。
私ができることは、次のようなことを言うことです
しかし、それは少しばかげているようです。Cytoscape には 、 、 などの機能がありますedges.parallelEdges()。nodes.connectedEdges()それらeles.neighborhood()の機能を利用して問題を解決できないでしょうか?
と の両方を持つ理由key1はkey2 、エッジの方向が重要でないことを確認する方法を知らなかったからです。
編集
あるいは、次のようなこともできます
しかし、それらの多くはそれらの間にエッジがないため、それは愚かなアプローチでもありませんか? そして、2 つのノード A と B がある場合、このアプローチでは 2 つの関係 (A -> B と B -> A の両方) が得られます。