Что нового
Если вы обновляете Diagram с более старой версии, ознакомьтесь со статьей Переход на новую версию для получения подробной информации.
Версия 6.1.7
Выпущено 5 августа 2026 г.
Исправления
- Diagram Editor. Исправлена проблема, из-за которой соединительные линии теряли визуальные элементы управления после перемещения фигуры в группу или дорожку
- Diagram Editor. Исправлена привязка новых соединительных линий к точкам соединения на повернутых фигурах
- Diagram Editor. Исправлена проблема, из-за которой соединительные линии разрывались или смещались при повороте фигуры внутри группы
- Diagram Editor. Исправлено поведение ползунков
dhx_slide: теперь они корректно работают, когда одновременно отображаются гориз онтальный и вертикальный ползунки - Diagram Editor. Исправлена видимость элементов
dhx_slideпри масштабе, отличном от 100% - Diagram Editor. Исправлено позиционирование плейсхолдера предварительного просмотра линии для корректного выравнивания с точкой соединения
- Diagram Editor. Исправлена проблема, из-за которой свернутые разделы панели фигур автоматически разворачивались при клике в области диаграммы
- Diagram. Исправлена проблема, из-за которой значение
trueпо умолчанию в свойстве пользовательской фигуры переопределяло явно заданное значениеfalse - Diagram. Исправлена проблема, из-за которой клик по полосе прокрутки сбрасывал текущее выделение элементов
Версия 6.1.6
Выпущено 1 июля 2026 г.
Исправления
- Diagram. Исправлена ошибка, возникавшая при загрузке данных в Diagram через
ShapeCollection(DataCollection) в режимеmindmap
Версия 6.1.5
Выпущено 17 июня 2026 г.
Обновления
- Diagram Editor. Улучшен процесс редактирования текста благодаря новым сочетаниям клавиш: Ctrl+Enter — начать редактирование, Shift+Enter — новая строка, Enter — подтвердить, Escape — отменить изменения
Исправления
- Diagram Editor. Исправлена проблема, из-за которой линии, проходящие через группы дорожек, не выделялись
- Diagram Editor. Добавлена функция автопрокрутки при перетаскивании соединительных линий к фигурам за пределами текущей области просмотра.
- Diagram Editor. Исправлена ошибка, из-за которой фигура удалялась при редактировании ее текста
- Diagram. Исправлена ошибка, характерная для Safari, из-за которой линии со свойством
backArrow: "filled"отображались некорректно
Версия 6.1.3
Выпущено 21 мая 2026 г.
Обновления
- Diagram / Diagram Editor. Улучшена логика автоматического размещения. Добавлена возможность управлять отступами между фигурами и уровнями с помощью новых свойств
itemPaddingиlevelPaddingв методе DiagramautoPlace()и в объекте конфигурацииautoplacement
Исправления
- Diagram. Исправлена проблема, из-за которой применение автоматического размещения приводило к некорректным расстояниям между фигурами
- Diagram. Исправлена проблем а, из-за которой вызов метода
autoPlace()игнорировал значенияfromSideиtoSideлиний, что обеспечивает стабильность структуры диаграммы - Diagram. Алгоритм автоматического размещения
Radialбыл переработан для исправления проблемы с критически большими расстояниями между фигурами, что обеспечивает более компактную компоновку
Версия 6.1.2
Выпущено 2 апреля 2026 г.
Исправления
- Diagram Editor. Исправлена проблема с созданием соединителей для фигур с отрицательными координатами
- Diagram Editor. Исправлена проблема, из-за которой нажатие клавиши Backspace во время встроенного редактирования текста приводило к удалению фигуры или заголовка линии
- Export. Устранена уязвимость безопасности при экспорте в PDF/PNG, которая позво ляла получить произвольный доступ к локальным файлам через HTML-инъекцию, за счет улучшенной санитизации и усиления защиты окружения
Версия 6.1.1
Выпущено 5 февраля 2026 г.
Исправления
- Diagram Editor. Невозможность автоматической прокрутки холста при перемещении элементов вниз и вправо
Версия 6.1
Выпущено 25 ноября 2025 г.
Новый функционал
- Возможность создания PERT-диаграмм Diagram на основе наборов данных Gantt:
- новый режим PERT, задаваемый через н овый тип:
"pert" - новые типы фигур:
"task"и"milestone" - новый тип группы:
"project"(для группировки задач и вех)
- новый режим PERT, задаваемый через н овый тип:
- Diagram Editor. Возможность управления сочетаниями клавиш (горячими клавишами) в редакторе:
- новое свойство конфигурации
hotkeysпозволяет изменять или отключать существующие горячие клавиши, а также добавлять новые
- новое свойство конфигурации
- Diagram Editor. Возможность управления изменением размера и поворотом фигур с помощью набора новых событий:
beforeItemResize,afterItemResize,itemResizeEnd,beforeItemRotate,afterItemRotate,itemRotateEnd
Обновления
- DataCollection API. Обновления для режима PERT:
- метод
parse()может принимать в качестве первого параметра объект с массивамиdataиlinks - метод
serialize()может возвращать объект с массивамиdataиlinks
- метод
- Diagram API. Возможность задавать формат отображения дат в фигурах задач для режима PERT:
- новый параметр
dateFormatдля свойства конфигурацииtypeConfig
- новый параметр
- Diagram/Diagram Editor API. Возможность задавать тип соединения линий:
- новый параметр
connectTypeдля свойства конфигурацииlineConfigDiagram - новый параметр
connectTypeдля свойства конфигурацииlineConfigDiagram Editor
- новый параметр
- Export API. Функции экспорта
pdf()иpng()возвращают промис экспорта данных
Исправления
- Diagram Editor. Ошибка скрипта, возникавшая при наведении курсора на фигуру в браузере Safari
- Diagram Editor. Предупреждения в консоли, возникавшие после удаления элементов
Новая демонстрация на тему интеграции с ИИ
Новые примеры
- Diagram. PERT-диаграмма. Инициализация
- Diagram и Gantt. PERT-диаграмма. Инициализация
- Diagram и Gantt. PERT-диаграмма. Полная интеграция
- Diagram и Gantt. PERT-диаграмма. Всплывающее окно
- Diagram и Gantt. PERT-диаграмма. Пользовательские фигуры и стилизация (собственный CSS)
- Diagram. PERT-диаграмма. Разные наборы данных
- Diagram. PERT-диаграмма. Фильтрация/поиск задач
- Diagram. PERT-диаграмма. Пользовательская боковая панель для информации о задачах
- Diagram. PERT-диаграмма. Темы
- Diagram. Экспорт. Водяной знак внизу слева
- Diagram. Экспорт. Повторяющийся водяной знак
- Diagram. Интерактивная электрическая принципиальная схема
- Diagram Editor. Управление перемещением, поворотом и изменением размера фигур с помощью событий
- Diagram Editor. Управление добавлением, изменением и отключением горячих клавиш через API
- Diagram Editor. Диаграмма Исикавы. Причины и решения
- Diagram Editor. Диаграмма Исикавы. Множественные причины
Версия 6.0.11
Выпущено 18 июня 2025 г.
Исправления
- Diagram Editor. Некорректное перемещение фигур при увеличении масштаба
Версия 6.0.10
Выпущено 10 марта 2025 г.
Исправления
- Diagram. Проблема с изменением размера стрелки линии при редактировании ширины линии
Версия 6.0.9
Выпущено 4 февраля 2025 г.
Исправления
- Diagram Editor. Проблема с перемещением группы вместе с элементами и перемещением элементов в группу/из группы
- Diagram. События
itemMouseOverиitemMouseOutне срабатывают для выбранной фигуры
Версия 6.0.8
Выпущено 5 декабря 2024 г.
- Проблема с локальным пробным пакетом при импорте во фреймворки
Версия 6.0.7
Выпущено 27 ноября 2024 г.
- Diagram Editor. Возникала ошибка при редактировании фигуры с помощью Editbar
- Diagram Editor. Проблема с перемещением фигуры при навигации во время встроенного редактирования
Версия 6.0.4
Выпущено 1 октября 2024 г.
Исправления
- Diagram Editor. Вызов метода
destructor()вызывает ошибку
Версия 6.0.3
Выпущено 28 августа 2024 г.
Исправления
- Diagram Editor. Применение разных локалей для
calendar,combobox,colorpicker,form,timepickerв Editbar - Diagram Editor. Добавление Diagram Editor в ячейку Layout
- Diagram Editor. Свойство
shapeToolbarне является необязательным для режимаdefault - Diagram Editor. Некорректное поведение при наведении курсора, если пользовательская фигура имеет изображение предпросмотра
Версия 6.0.2
Выпущено 16 июля 2024 г.
Исправления
- Diagram. Автоматическое размещение. Фигура скрывается под другой фигурой
Версия 6.0.1
Выпущено 24 июня 2024 г.
Исправления
- Diagram Editor. Утечка памяти
- Diagram Editor. Ошибка скрипта при нажатии на вертикальное и гор изонтальное распределение через Toolbar
- Diagram. Проблема с типами при вызове метода
getSubHeaderCellId()
Версия 6.0
Выпущено 16 мая 2024 г.
Критические изменения
Новое обновление вносит значительные изменения в структуру и функциональность Diagram и Diagram Editor. Ознакомьтесь со статьей о миграции, чтобы быть в курсе последней версии.
Новый функционал
- Реструктуризация Diagram Editor: возможность взаимодействовать с его частями и управлять их видимостью с помощью свойства
view, которое включает следующие настройки:- Toolbar — верхняя часть Diagram Editor, которая помогает пользователям управлять процессом редактирования (см. обзор API)
- Shapebar — (бывшая левая панель) часть Diagram Editor, отображающая предпросмотр элементов Diagram (см. обзор API)
- Editbar — (бывшая правая панель) часть Diagram Editor, позволяющая пользователям редактировать элементы Diagram (см. обзор API). Доступны следующие действия:
- наборы предопределенных базовых элементов управления и сложных элементов управления
- настраиваемая конфигурация базовых элементов управления и сложных элементов управления в зависимости от заданных условий
- динамическое управление панелью Editbar в зависимости от заданных условий (пример)
- создание пользовательских элементов управления (пример)
- создание HTML-контента (пример)
- Diagram Editor. Добавлен Copy manager API
- Diagram Editor. Возможность показывать/скрывать Shapebar, Editbar и Toolbar
- Diagram Editor. Добавлен метод destructor()
- Diagram Editor. Возможность скрывать точки соединения
- Diagram Editor. Возможность скрывать точки изменения размера
- Diagram Editor. Возможность скрывать сетку
- Обновление Selection API с возможностью множественного выделения
- Заголовки линий опр еделяются как отдельные объекты в виде
lineTitlesс собственными свойствами конфигурации - Поддержка новых тем: Dark, Light High Contrast и Dark High Contrast (пример)
- Diagram Editor. Возможность настраивать цветовую схему элементов Shapebar путем переопределения переменных CSS и использования собственных
Обновления
- Diagram Editor. Обновлены локали
- Diagram Editor. Расширен список горячих клавиш
- Diagram Editor. Улучшено поведение элементов Shapebar при перетаскивании их на сетку, а также их внешний вид
- Diagram Editor. Колбек событий
zoomIn/zoomOutвызывается с параметромstep - Diagram Editor. Расширена функциональность параметра конфигурации
magnetic - Diagram Editor. Обновлены события перемещения объекта Editor:
afterGroupMove,afterItemCatch,afterItemMove,afterLineTitleMove,afterShapeMove,beforeGroupMove,beforeItemCatch,beforeItemMove,beforeLineTitleMove,beforeShapeMove,groupMoveEnd,itemMoveEnd,itemTarget,lineTitleMoveEnd,shapeMoveEnd - Возможность работать с заголовками линий через DataCollection API
Устаревший API
-
Свойства
- Свойство
controlsDiagram Editor устарело и больше не поддерживается - Свойство
editModeDiagram Editor устарело и больше не поддерживается - Свойство
gapPreviewDiagram Editor устарело и больше не поддерживается - Свойство
reservedWidthDiagram Editor устарело и больше не поддерживается - Свойство
scalePreviewDiagram Editor устарело и больше не поддерживается - Свойство
shapeBarWidthDiagram Editor устарело и больше не поддерживается - Свойство
shapeSectionsDiagram Editor устарело и больше не поддерживается - Свойство
titleданных Line устарело и больше не поддерживается
- Свойство
-
Методы
- Метод
getId()объекта Selection Diagram устарел и больше не поддерживается - Метод
getSubId()объекта Selection Diagram устарел и больше не поддерживается - Метод
setViewMode()Diagram Editor устарел и больше не поддерживается
- Метод
-
События
- Следующие события Diagram Editor устарели и больше не поддерживаются, так как в панели инструментов отсутствуют соответствующие кнопки:
resetButton,applyButton,visibility,exportData,importData,autoLayout - Событие
changeGridStepDiagram Editor устарело и больше не поддерживается
- Следующие события Diagram Editor устарели и больше не поддерживаются, так как в панели инструментов отсутствуют соответствующие кнопки:
Исправления
- Diagram Editor. Исправлена ошибка в консоли, возникавшая при повторном нажатии кнопки «Импорт данных» после импорта данных, если файл не был выбран
- Diagram Editor. Исправлена блокировка добавления новой фигуры
- Diagram Editor. Исправлено копирование линий при ручном выделении элементов
- Diagram Editor. Исправлено перетаскивание, когда корневая фигура находится рядом с дочерней, в режимах
mindmap/org - Diagram Editor. Исправлено некорректное поведение выделения, требовавшее дополнительного щелчка для выбора фигуры с помощью клавиши Shift
- Diagram Editor. Исправлено совместное перемещение группы и дорожки
- Diagram Editor. Исправлено удаление неиспользуемых линий/соединителей
- Diagram Editor. Исправлена возможность перемещения элементов с разными родителями к целевому элементу (для режимов
org/mindmap) - Diagram Editor. Исправлена возможность задавать значения по умолчанию для элементов Shapebar
- Diagram Editor. Исправлено отображение соединителей при наведении перемещаемых элементов на любую фигуру
- Diagram Editor. Исправлена невозможность удаления выбранных элементов через меню в режимах
mindmap/org - Diagram Editor. Исправлена проблема, из-за которой импорт данных работал только один раз
- Diagram Editor. Улучшена производительность при перемещении соединителя
- Diagram Editor. Ограничена запись действий при перемещении соединителя в
historyManager - Diagram Editor. Оптимизирована логика поиска ближайшего соединителя
- Исправлена локализация для сложных виджетов
Версия 5.0.3
Выпущено 12 июля 2023 г.
Исправления
- Исправлена проблема, из-за которой вызов метода autoPlace() после парсинга данных вызывал ошибку
Версия 5.0.2
Выпущено 30 мая 2023 г.
Исправления
- Diagram Editor. Исправлена проблема, из-за которой пользовательские точки не перемещались при множественном выделении
- Diagram Editor. Исправлена невозможность соединения фигуры с самой собой
- Исправлена проблема с экспортом диаграммы по умолчанию без exportStyles
- Исправлена проблема с библиотекой promiz.js, вызывавшая ошибку определения метода setImmediate() при импорте исходников
- Исправлено формирование пути URL в объекте Export
- Добавлены типы для экспорта
Версия 5.0.1
Выпущено 19 января 2023 г.
Исправления
- Diagram Editor. Исправлена проблема, из-за которой линии не всегда отображались на своих местах при экспорте данных и последующей загрузке
- Теперь м ожно задавать координаты линий в режиме по умолчанию (новое свойство
pointsобъекта линии)
- Теперь м ожно задавать координаты линий в режиме по умолчанию (новое свойство
- Diagram Editor. Исправлена проблема с перетаскиванием фигур в сетке после изменения уровня масштабирования
- Исправлена ошибка, возникавшая при нажатии кнопки «Автоматическая раскладка» при отсутствии фигур
- Исправлена проблема с отображением настроек по умолчанию после создания линий через редактор
- Исправлена проблема с масштабом Diagram/Diagram Editor, возникавшая при автоматическом размещении фигур в режиме
"radial"
Версия 5.0
Выпущено 7 сентября 2022 г.
Обзор релиза в блогеКритические изменения
Новый релиз вносит некоторые изменения в свойство lineGap. Ознакомьтесь со статьей о миграции, чтобы быть в курсе последней версии.
Новый функционал
Diagram
- Алгоритм Radial для автоматического размещения фигур:
- параметр
placemodeдобавлен в свойствоautoplacement - параметр
placemodeдобавлен в методautoPlace()
- параметр
- Возможность задавать подсказки для значков панели инструментов:
- параметр
tooltipобъекта значка добавлен в свойствоtoolbar
- параметр
Diagram Editor
- Алгоритм Radial для автоматического размещения фигур:
- параметр
placemodeдобавлен в свойствоautoplacement - кнопка Автоматическая раскладка Toolbar теперь предоставляет два варианта автоматического размещения фигур: Orthogonal и Radial
- параметр
- Линии привязки для более точного размещения фигур в рабочей области
- Возможность настраивать линии привязки с помощью нового свойства
magnetic - Возможность копировать и вставлять стили элемента(ов) с помощью Alt (Option) + Ctrl (Cmd) + С => Alt (Option) + Ctrl (Cmd) + V (см. пример)
- Возможность выравнивать и распределять несколько элементов
- Теперь при наведении курсора на элементы управления в персональной панели инструментов э лементов появляются подсказки
- Расширен список параметров локали для локализации подсказок в панели инструментов элемента
- Возможность задавать подсказки для пользовательских значков панели инструментов:
- параметр
tooltipобъекта значка добавлен в свойствоshapeToolbar
- параметр
- Улучшен дизайн рабочей области. Теперь расстояние между точками в рабочей области зависит от значения шага сетки
Исправления
- Исправлена проблема, из-за которой значок загрузки не исчезал из правой панели редактора после загрузки файла
Версия 4.2
Выпущено 3 марта 2022 г.
Обзор релиза в блогеНовый функционал
- Поддержка сенсорного управления
- Возможность задавать настройки по умолчанию для линий с помощью свойства
lineConfigDiagram - Возможность задавать настройки по умолчанию для новых линий, создаваемых в редакторе, с помощью свойства
lineConfigDiagram Editor - Возможность добавлять стандартные наборы фигур org, групп, дорожек в нужном порядке при настройке разделов в левой панели редактора
Обновления
- Свойство
defaultLinkTypeDiagram устарело. Ознакомьтесь со статьей о миграции - Обновлено свойст во
shapeSectionsDiagram Editor. Ознакомьтесь со статьей о миграции - Теперь можно задавать конфигурации по умолчанию не только для фигур определенных типов, но и для линий:
- Обновлена документация по разделу Режимы соединения фигур
Версия 4.1
Выпущено 7 декабря 2021 г.
Обзор релиза в блогеНовый функционал
- Возможность добавлять фигуры-партнеры в режиме организационной диаграммы
- Возможность добавлять фигуры-помощники в режиме организационной диаграммы
- Возможность добавлять заголовки к линиям в режиме по умолчанию
- Возможность перетаскивать фигуры от одного родителя к другому в редакторе в режимах организационной диаграммы и ментальной карты. Фигуры перетаскиваются вместе с дочерними элементами
- Возможность стилизовать целевые элементы в редакторе в режимах организационной диаграммы и ментальной карты
API
- Новые события объекта Diagram:
emptyAreaDblClick,emptyAreaMouseDown,lineTitleClick,lineTitleDblClick,lineTitleMouseDown - Новые