問題タブ [cytoscape-web]

私は cytoscape.js を初めて使用します。Cytoscape ソフトウェアのように破線をアニメーション化できるかどうかを知りたいです (たとえば、マーキーと等しい線の種類)。目的は動きを表現することです。ありがとう ！

Cytoscape と AngularJS 1.6 を使用してネットワーク ワークフローを作成しようとしています。2 つのノードを作成した後、ユーザーはそれらの間にエッジを作成できます。このために、cy.on('cxttap')サイトスケープ機能を使用して両方のノードで右クリックを検出し、新しいエッジを挿入しています。これはうまくいきます。ユーザーがデータベースから保存されたワークフローを表示できる新しいビューを追加するまで。問題は、[表示] タブを開いてから [作成] タブに戻ると、cy.on('cxttap')関数が 2 回呼び出され、サイトスケープ キャンバスに 2 つのエッジが挿入されますが、スコープ変数には 1 つのエントリしか作成されないことです。以前は両方のビューに同じファクトリを使用していましたが、現在はそれぞれに異なる角度のファクトリを使用しています。

これらのタブの切り替えを複数回開くと、表示タブを開く回数が関数が呼び出される回数になるため、行数が増えます。

ここ ( https://jsfiddle.net/y47kwpg7/4/ ) は、ビューとコントローラーの両方のコードを含むスニペットです。「作成ビュー」→「MlalTextWorkflowGeneratorCtrl」と「閲覧ビュー」→「MlalTextWorkflowViewerCtrl」。

（許してください、単一のファイルで動作させる方法がわかりません）

ここにあるファクトリは cytoscape キャンバス用であり、別のビュー用に同様のものを持っていますが、id の選択が異なります。

ご協力ありがとうございました！

ノードとノード間のリンクを使用して単純なグラフを描画したいと考えています。問題は、リンクの太さを変数に応じて設定したいので、そのための CSS クラスを事前に決定することはできません。

コードはhttp://js.cytoscape.org/demos/dagre-layout/の例からのものです

この種の機能を に追加するにはどうすればよい{ data }ですか?

ノードをタップすると表示される各ノードを div で囲みます

私はこのビデオのように達成しようとしています - https://www.youtube.com/watch?v=IMN8j-AvZAE (添付のスクリーンショットはビデオ自体からのものです)

Cytoscape チームへの私の質問は次のとおりです。

• 上記のビデオと添付ファイルのような機能を実現するには、Cytoscape の popper 拡張機能を使用する必要があると仮定します。そのためには、GitHub から popper.js と cytoscape-popper.js をダウンロードする必要があります。 script タグを介して index.html に含め、index.js ファイルの Cytoscape 関数を使用して初期化しますか? 同じサンプルコードをアドバイスして共有してください。