Cytoscape.js: рассчитать размеры графика при текущем уровне масштабирования?

Question

Я хотел бы изменить размер как a) элемента DOM контейнера, так и b) уровень масштабирования в зависимости от высоты моего графика.

Предположим, что я динамически добавляю узлы и ребра в график. Учитывая максимальный уровень масштабирования (zMax) и высоту максимального контейнера (cMax), я хотел бы, чтобы соответствовать в соответствии со следующими правилами:

• , если на текущем уровне масштабирования, z == zMax && graphHeight < cMax, а затем сохранить уровень масштабирования константу и изменить размер контейнера в соответствии с графиком.
• если, при текущем уровне масштабирования, graphHeight == cMax, тогда уменьшите z, если возможно.

Проблема заключается в том, что я не уверен в каких-либо встроенных функциях для расчета высоты графика в пикселях при текущем уровне масштабирования. Я предполагаю, что я мог бы перебирать узлы и находить наименьшие и самые высокие значения y, но я надеюсь, что есть более эффективный вариант.

Answer 1

Вы должны использовать функции, возвращающие значения в отображаемых (на экране) координатах.

См http://js.cytoscape.org/#notation/position

Смотрите также http://js.cytoscape.org/#eles.renderedBoundingBox

Э.Г. cy.elements().renderedBoundingBox().h - отображаемая высота всего графика.