Cytoscape JS - 初期化

Question

後の変更コンテナの高さIは、以下のようなものでCytoscapeを初期化：私は時に元500px値以外の何かにコンテナ要素の高さを変更したい

var cy = cytoscape({ 
    container: $('#my-element'), 
    height: 500px 
}); 

ユーザーがアクションをコミットします。

Cytoscapeでどうすればいいですか？メインのCytoscapeオブジェクトにはheight()メソッドがありますが、これはゲッターとしてのみ機能します。

Answer 1

文書化されたメソッドcy.resize()は、現在のコンテナの高さ/幅のコンテキスト内に収まるようにグラフを再描画するために呼び出すことができます。ただし、このメソッドを呼び出すだけでは目的の結果は得られません。また、後でcy.fit()関数を呼び出して、必要な新しいグラフビューを取得する必要があります。

だから、コンテナのサイズを変更するあなたの機能は、次のようになります。

function resizeContainer(newContainerHeight){ 
    $('#my-element').css('height', newContainerHeight); 
    cy.resize(); 
    cy.fit(); 
}