Перейти к основному содержимому

Обзор руководств

Эти руководства подробно объясняют, как создать диаграмму любой сложности с помощью DHTMLX Diagram. Документация разделена на тематические руководства, которые описывают принципы построения и настройки диаграммы, а также способы редактирования её элементов. Руководства включают множество вспомогательных материалов, которые помогут вам использовать DHTMLX Diagram: примеры использования, иллюстрации и анимированные изображения.

Diagram

В этом разделе подробно описано, как добавить DHTMLX Diagram на страницу, рассмотрена конфигурация Diagram и объяснено, как прокручивать диаграмму большого размера.

Элементы Diagram

В этом разделе описаны все стандартные элементы диаграммы (фигуры, линии, группы, дорожки), показано, как добавлять пользовательские фигуры, и объясняется, как настраивать элементы и задавать связи между ними.

Diagram Editor

Узнайте, как инициализировать Diagram Editor — инструмент, который ускоряет процесс проектирования диаграммы.

Эти руководства дают общее представление обо всех частях интерфейса редактора и их настройках, а также содержат примеры настройки элементов интерфейса.

Общие руководства

Прочитайте эти статьи, чтобы узнать о способах загрузки данных в Diagram, сериализации и сохранения данных, импорта данных Diagram в Editor и экспорта данных Diagram в различных форматах. Здесь вы также найдёте примеры шаблонов данных для разных элементов диаграммы.

Следующие статьи помогут вам создать полностью настраиваемую диаграмму: управлять диаграммой и её элементами через API, а также подключать обработчики к нужным событиям.

Узнайте, как адаптировать диаграмму под разные языки и редактировать текстовые элементы.

Руководства по интеграции

Эти статьи содержат примеры использования Diagram с различными клиентскими фреймворками.

Поддержка сенсорного управления

Вы можете создавать адаптивные веб-приложения с помощью DHTMLX Diagram благодаря встроенной поддержке сенсорного управления. Узнайте, как UI-виджеты работают на сенсорных устройствах, в руководстве Поддержка сенсорного управления.

Поддержка TypeScript

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