Я использую Cytoscape. js, чтобы нарисовать график. Я даю библиотеке объект графа и запускаю макет графа для графа. Затем я вручную размещаю элементы узла cytoscape, которые действуют как кнопки, на каждом узле графа. Это хорошо. Изображение прикреплено ниже.
Однако, когда я перетаскиваю узел, узлы связанного графа становятся «заштрихованными» и рисуются поверх «кнопок», которые я расположил над каждым узлом.
Я попытался вручную установить z-индексы каждого из этих «кнопок» узлов на очень высокое значение (Number.MAX_SAFE_INTEGER), а также установить z-индекс подключенных узлов графа на очень низкое значение, но узлы графа по-прежнему обрезаются и рисуются поверх узлов «кнопки» на время перетаскивания.
Как можно предотвратить перекрытие / отрисовку узлов графа узлов поверх узлов, которые Я поместил вручную?
Как это должно выглядеть:
Красные / зеленые / черные полосы и стрелки - это узлы, которые нарисованы поверх базового узла графа
Как это выглядит при перетаскивании - не желательно:
Связанные узлы (узлы фиолетового цвета) закрывают узлы «кнопки»