Угловой 5 SVG блок-схема npm плагин

Question

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

1. Возможность добавлять / удалять / перерисовывать узлы (Должен быть массив узлов, чтобы при его обновлении потоковая диаграмма перерисовывалась).
2. Поместите метку на узлы и добавьте к ним всплывающие подсказки.
3. быть в состоянии сделать что-то при нажатии на узлы.
4. панорамирование и масштабирование

заранее спасибо

Answer 1

Я предлагаю ngx-graph который имеет все функции, которые вы просили. Посмотрите на демо. Вот ссылка в github

Answer 2

В коммерческом сценарии вы можете посмотреть на yFiles для HTML. Он может легко выполнять все, что вы просите в своем списке, и имеет отличную интеграцию с Angular, позволяющую интерактивно и программно изменять ваши диаграммы, связывать ваши данные как для заполнения структуры вашего графа, так и для визуализации узлов, всплывающих подсказок, контекстных меню и т. Д.

Библиотека предлагает самый широкий доступный диапазон алгоритмов автоматического размещения, так что вам не нужно составлять диаграмму самостоятельно, но вы можете легко получить красивые рисунки из связанных данных.

Хотя это чистая библиотека JavaScript, она предоставляет полные привязки TS для всей библиотеки, так что вы можете выбирать между JS и TS или иметь и то, и другое при разработке и получить достойное завершение кода и поиск документации.

^{Отказ от ответственности: я работаю в компании, которая создает эту библиотеку, однако я не представляю своего работодателя в SO.}