Почему Cytoscape.js график не охватывает всю ширину загрузочной карты?

#cytoscape.js

#cytoscape.js

Вопрос:

Я использую макет cola для отображения графика Cytoscape внутри элемента загрузочной карты. Однако график в основном пытается охватывать вертикально и, несмотря на наличие большого количества пробелов в горизонтальном направлении, он не охватывает их. Смотрите следующий снимок экрана.

введите описание изображения здесь

Чтобы воспроизвести проблему, пожалуйста, используйте следующую суть электронной скрипки: https://gist.github.com/wasimaftab/33ab4ef9134b8c2b4c7afed4392b6520

Я использую cytoscape@3.16.1 и cytoscape-cola@2.4.0

Даже после удаления узлов, добавленных с фиксированными координатами x и y, график по-прежнему выглядит одинаково (см. Скриншот ниже).

введите описание изображения здесь

Комментарии:

1. Ваш график довольно высокий, с несколькими узлами, простирающимися далеко от оси y. Вот почему у вас возникла проблема. Обычно cola приводит к нормальному макету с разнесенными узлами, охватывающими каждый угол, но я думаю, что вы добавляете узлы в свой код вручную с ручными координатами на фиксированной x-координате 50. Как будет выглядеть ваш график, если вы пропустите эти узлы / ребра?

2. @StephanT. Даже после удаления узлов, добавленных с фиксированными координатами, график выглядит одинаково. Я включил скриншот, основанный на ваших отзывах

3. Какое-либо решение по этому поводу?