Бесплатная библиотека JavaScript для создания популярных диаграмм Eidt
Бесплатная библиотека JavaScript для создания и редактирования различных видов диаграмм. Это позволяет быстро создавать DA-диаграммы, En-диаграммы, блоки и многое другое.
X6 — это очень полезная библиотека для создания диаграмм JavaScript, которая позволяет разработчикам программного обеспечения работать с различными типами диаграмм с помощью команд JavaScript. Библиотека предоставляет очень простые в использовании функции для настройки компонентов и узлов. Библиотека основана на архитектуре MVC и в основном ориентирована на логику данных, а также на бизнес-логику. Эта библиотека и документация имеют открытый исходный код и находятся в свободном доступе по лицензии MIT.
Библиотека очень гибкая и позволяет пользователям с легкостью расширять графы, узлы, края и инструменты. Библиотека полностью ориентирована на события и дает разработчикам возможность реагировать на любое событие, которое происходит внутри графа. Он поддерживает быстрое построение DA-диаграмм, En-диаграмм, блок-карт и других приложений. Библиотека X6 очень стабильна и основана на известных SVG/HTML/SS или React/Vue на пользовательских узлах и краях.
Библиотека включает в себя поддержку нескольких важных функций, таких как добавление новых узлов, настройка существующих узлов, взаимодействие переключателей, ограничение подключенных кромок, добавление и обертывание текста, динамические добавления или удаления портов, подключение к порту, маркировка порта, вложение узлов, вложение узла путем перетаскивания, использование маркеров, пользовательских маркеров с дорожкой и многое другое. Библиотека в основном поддерживает различные формы, такие как прямоугольники, круги, затмения, пути, полигоны, цилиндры и многое другое.
Начало с X6
Предложенный способ установить X6 стабильный релиз - это использование ТЧ. Пожалуйста, используйте следующую команду для плавной установки
Установка X6 через ТЧ
$ npm install @antv/x6 –saveВы можете загрузить скомпилированную общую библиотеку из репозитория github.
Создание и управление диаграммой через JavaScript API
Библиотека с открытым исходным кодом X6 позволяет разработчикам программного обеспечения создавать несколько типов диаграмм с легкостью внутри своих JavaScript приложений. Библиотека включает в себя поддержку встроенных форм, которые могут быть использованы для легкого рисования пользовательских диаграмм. Вы можете рисовать диаграммы последовательности, диаграммы En, диаграммы классов ML и диаграммы состояния ML. Вы также можете легко спроектировать логические схемы, организационные графики, законченные государственные машины, головоломки, шахматы и многое другое.
Поддержка пользовательских элементов
Библиотека с открытым исходным кодом X6 включает в себя встроенные элементы, которые могут быть использованы для создания диаграмм внутри JavaScript приложений. Существует несколько форм по умолчанию, таких как прямоугольники, текст, круги, затмения, изображения, пути и т.д. Их можно использовать для рисования рисунка. Вы также можете создавать новые элементы с нуля.
Создание и управление диаграммами через JavaScript
Библиотека X6 обеспечивает полную поддержку создания диаграмм и управления ими с помощью кода JavaScript. Библиотека включает поддержку нескольких типов диаграмм, таких как линейные, гистограммы, области, комбинированные диаграммы, круговые и кольцевые диаграммы и ручки. Библиотека также предоставляет несколько функций, связанных с манипулированием диаграммами, такими как изменение размера, поворот, подключение к другим элементам и т. д.
