Библиотека диаграмм Javascript

Я ищу хорошую библиотеку JavaScript Diagram для проекта, может быть коммерческим.

Обязательные требования:

  • Выделите подключенные линии и компоненты при щелчке по компоненту (или зависанию)
  • Возможность переключения изображения компонента (для представления группы компонентов)
  • Возможности увеличения/уменьшения
  • Возможность определять настраиваемое поведение для поддержки перетаскивания левой стороны влево.
  • Возможность создания связующей минимизированной карты диаграммы

Пока я проверил GoJs, JointJS и Draw2D, JointJS выглядел наиболее подходящим, но я не уверен. Также важна документация и сообщество. Поэтому, если кто-то испытал с одной из этих библиотек или другой библиотеки, расскажите мне о своем опыте.

Помогите мне выбрать нужную библиотеку для проекта с возможностями, о которых я упоминал.

Ответы

Ответ 1

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

Также они позволяют вам использовать полный API на пробной основе столько, сколько захотите.

Ответ 2

Я напишу коммерческий yFiles для HTML, который, насколько мне известно, является наиболее полным графическим чертежным решением для HTML5 платформа (без поддержки IE8):

Выделение - это встроенная функция, и вы можете легко настроить выделение с помощью пользовательских рисунков Canvas или SVG/CSS. Graph Viewer Demo показывает эту функцию при наведении на элементы, например

Вы можете использовать любую визуализацию, которую вы хотите для своих объектов, и они могут переключаться в зависимости от внешних данных, уровня масштабирования, времени и т.д. В приведенной выше программе просмотра также показана эта функция. Уровень детализации для узлов используется в Диаграмма организационной диаграммы

Масштабирование, конечно, поддерживается.

Пользовательские взаимодействия могут быть настроены в очень высокой степени. Смотрите демонстрационную версию demo.yfiles.input, представленную на демонстрационной странице .

Настраиваемая мини-карта ( "обзор" ) также поддерживается и показана в приведенных выше примерах.

yFiles для HTML, как говорят, имеет лучшую документацию - посмотрите сами в онлайн-документации.

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

Раскрытие информации: я работаю в компании, которая создает эту библиотеку, однако на SO я не представляю своего работодателя.

Ответ 3

Отключить тему как вопрос, мы строим mxGraph с 2005 года. Вы можете получить представление о возможностях в draw.io