cytoscape.jsページの複数のインスタンス

Question

同じウェブページ上に2つのサイトスコープセットアップのインスタンスがある場合に問題があります。私は、異なるグラフに使われている2つのウィンドウ変数 "cy"と "cy2"を持っています。それらは機能的に異なるグラフであり、ページの異なる部分で利用可能である必要があります。私はそのセットアップを正しく行う方法を知りたがっていましたか？

私がページ要素を見ると、表示されていないものは、根本的なキャンバスの幅と高さがcytoscape.jsによって0に設定されています。間違って初期化されているものや、これらの値がどのように設定されるかを理解するのを手伝ってください。

おかげ gmania

chrome dev tool screen of cytoscape.js element div

Answer 1

は、複数のインスタンスを見てみましょうデモ：http://js.cytoscape.org/demos/310dca83ba6970812dd0

をまた、あなたが各コンテナのためのあなたのCSSで適切に寸法を設定してください。サイズがゼロのdivを指定すると、内部のCyキャンバスが一致します。