Cytoscape JS - Изменение высоты контейнера после инициализации

Question

Я инициализирую Cytoscape с чем-то, что выглядит следующим образом:

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

Я хотел бы изменить высоту элемента контейнера на что-то отличное от оригинала 500px значение, когда пользователь совершает действие.

Как бы я сделал это с Cytoscape? E сть height() метод в основном объекте Cytoscape, но он действует только как геттер.

Answer 1

Есть документированный метод cy.resize() что вы можете вызвать перерисовать график, чтобы он соответствовал контексту высоты / ширины текущего контейнера. Однако вы не получите желаемых результатов, просто вызвав этот метод. Вам также придется позвонить cy.fit() Функция впоследствии, чтобы получить новый вид графика, который вы хотите.

Таким образом, ваша функция изменения размера контейнера должна выглядеть примерно так:

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