Я ищу библиотеку визуализации JS, которая позволяет мне отображать график, показывающий принадлежность компании и атрибуты этих компаний/отношений. Итак, что-то, что выглядело бы так (с красивым CSS) и позволяло бы мне иметь:
Узлы как организации, которые могут быть разных цветов.
Ребра как отношения между организациями, которые могут быть разными типами стрелок.
Атрибуты как на узлах (идентификатор, стоимость активов компании, отрасль и т. д.), так и на ребрах (тип отношений, процент владения и т. д.), которые должны быть видны при выборе узла/ребра.
Сделайте график масштабируемым/атрибуты редактируемыми/перемещайте узлы.
Я просмотрел доступные библиотеки, такие как Google Chart, Vega, Dracula, TreantJS и т. Д., Но ни одна из них, похоже, не позволяет мне сделать это из того, что я видел. Я рассматривал возможность использования D3 для всего этого, так как знаю, что он достаточно мощный, но я хочу убедиться, что нет библиотек, которые могли бы сэкономить мне время.
Diagram — это многофункциональный компонент JS для визуализации, создания и редактирования интерактивных диаграмм, таких как блок-схемы, организационные диаграммы, интеллектуальные карты, диаграммы BPMN и т. д. Его богатый набор функций включает встроенные формы, редактирование, сериализацию, экспорт, печать, обзор, привязку данных и автоматические макеты.
При этом мы создали образец для отображения графика, показывающего принадлежность компании и атрибуты этих компаний/отношений с узлами и соединителями нашей диаграммы .
Пример: https://stackblitz.com/edit/n7vehc-81wyvr
Для получения дополнительной информации обратитесь к нашей справочной документации .
Весь набор элементов управления доступен бесплатно (включая коммерческие приложения) в рамках программы лицензирования сообщества , если вы соответствуете требованиям. Лицензия сообщества — это полный продукт без ограничений и водяных знаков. Примечание: я работаю в Syncfusion.
вы можете использовать БАЛКАН OrgChartJS
BALKAN OrgChartJS позволяет разработчикам создавать простые, гибкие и легко настраиваемые организационные диаграммы для элегантного представления структурных данных.