Skip to main content

What's new

If you are updating Diagram from an older version, check Migration to Newer Version for details.

Version 5.0.3

Released on July 12, 2023

Fixes

  • Fix the issue when calling of the autoPlace() method after data parsing caused an error

Version 5.0.2

Released on May 30, 2023

Fixes

  • Diagram Editor. Fix the issue with custom points not moving during a multi select move
  • Diagram Editor. Fix the impossibility to link a shape to itself
  • Fix the problem with exporting a default diagram without exportStyles
  • Fix the issue with the promiz.js library that caused an error with the setImmediate() method definition on importing the sources
  • Fix path formation of the URL in the Export object
  • Types for export are added

Version 5.0.1

Released on January 19, 2023

Fixes

  • Diagram Editor. Fix the issue which caused lines not always being drawn in their places if data was exported and then loaded again
    • Now it is possible to define the coordinates for lines in the default mode (new points property of the line object)
  • Diagram Editor. Fix the issue with dragging of shapes in the grid after changing the zoom level
  • Fix the error thrown after clicking on the "Auto layout" button in the absence of shapes
  • Fix the issue with display of default settings after creation of lines via the editor
  • Fix the issue with scale of Diagram/Diagram Editor appeared when auto-placing shapes in the "radial" mode

Version 5.0

Released on September 7, 2022

Review of release on the blog

Breaking changes

The new release introduces some changes to the lineGap property. Check the Migration article to keep in step with the latest version.

New functionality

Diagram

  • Radial algorithm of auto-placement of shapes:
    • the placemode parameter is added to the autoplacement property
    • the placemode parameter is added to the autoPlace() method
  • The ability to set tooltips for toolbar icons:
    • the tooltip parameter of the icon object is added to the toolbar property

Diagram Editor

  • Radial algorithm of auto-placement of shapes:
    • the placemode parameter is added to the autoplacement property
    • the Auto Layout button of Toolbar now provides two options for shapes' auto-placement: Orthogonal and Radial
  • Snap lines for arrangement of shapes in the grid area with greater precision
  • The ability to configure snap lines via the new magnetic property
  • The ability to copy and paste styles of an item(s) via Alt (Option) + Ctrl (Cmd) + С => Alt (Option) + Ctrl (Cmd) + V (see the example)
  • The ability to align and distribute multiple items
  • Now tooltips will appear when you hover over controls in the personal toolbar of items
  • Extended list of locale options for localization of tooltips in the per-item toolbar
  • The ability to set tooltips for custom toolbar icons:
    • the tooltip parameter of the icon object is added to the shapeToolbar property
  • Improved design of Grid area. Now the distance between points in the grid area depends on the value of the grid step

Fixes

  • Fix the issue which caused a loading icon not to disappear from the right panel of Editor after loading a file

Version 4.2

Released on March 3, 2022

Review of release on the blog

New functionality

Updates

  • The defaultLinkType property of Diagram is deprecated. Check the Migration article
  • The shapeSections property of Diagram Editor is updated. Check the Migration article
  • Now it is possible to define the default configurations not only for shapes of the particular types but also for lines:
    • the defaults property of Diagram is updated
    • the defaults property of Diagram Editor is updated
  • The documentation for Modes of connecting shapes has been updated

Version 4.1

Released on December 7, 2021

Review of release on the blog

New functionality

API

Updates

  • Updated events of InlineEditor: subHeaderId parameter has been changed to subId
  • Updated events of Selection API: subId parameter has been added
  • The default type of the shape in the default mode has been changed to "rectangle"

Fixes

  • The performance has been improved for all types of diagrams
  • Fix of the incorrect work of undo/redo buttons in Toolbar of Editor

Version 4.0.1

Released on September 16, 2021

Fixes

  • Fix the display of connectors when rotating the shape
  • Fix the minified styles of the diagram
  • Fix the work of the algorithm when adding new items into the diagram editor in the org chart/mindmap modes
  • Fix the work of the right panel of the editor when working with styles of the text

Version 4.0

Released on September 7, 2021

Review of release on the blog

New functionality

API

Updates

  • Improved keyboard navigation
  • Redesigned shapes
  • Updated events of the Editor object: beforeShapeMove and afterShapeMove
  • Upgraded structure of Shape Collection API

Fixes

  • Fix the incorrect work of TypeScript type definitions in the editor
  • Fix the issue which caused the toolbar button pressed in the editor, which is placed inside the HTML form, to trigger the form sending
  • Now it is possible to resize an element only when the angle of its rotation is equal either to 0 or 360 degrees.
  • Significant optimization of Diagram styles

Version 3.1

Released on April 15, 2021

New functionality

Updates

Fixes

  • Fix the issue with the selection module for all types of DHTMLX Diagram
  • Fix the issue with the scroll of the diagram, which is initialized in the default mode, when applying the "showItem()" method to the scaled diagram
  • Fix the incorrect work of DOM Parser with HTML templates
  • Fix the issue that caused the root shape to be collapsed after collapsing any child shape
  • Fix the issue with formatting the shape text
  • Fix the issue that appeared after adding long text into the textarea field of the right panel of the editor
  • Fix the issue with adding special chars to the text of custom shapes
  • Fix the issue with warnings shown in the console for custom shapes
  • Fix the script error thrown after deleting the root shape in the editor
  • Fix the issue with the error shown in the console after applying the "Auto Layout" button in the editor when the editor is not configured
  • Fix the issue that caused the type of the shape outline not to be applied after its changing in the default mode of the editor
  • Fix the issue with tracking the shape parameters in the right panel of the editor which is initialized in the default mode
  • Fix the issue with removing focus from the shape in the default mode of the editor
  • Fix the issue with setting connectors between the shapes in the necessary order when the editor is initialized in the default mode
  • Fix the incorrect work of the "Ctrl+A" combination in the org chart mode of the editor
  • Fix the issue that caused the shapes to be pasted without connectors when the connected shapes are copied
  • Now there is no the ability to remove the root shape from the editor using keyboard navigation when the editor is initialized in the org chart mode

Version 3.0.4

Released on January 27, 2021

Fixes

  • Fix the incorrect behavior of the shape selected in the Editor, which is initialized in the default mode, when working with the input field on the page
  • Fix the issue that caused a collapsed/expanded item not to work with its parent
  • Fix the incorrect work of the showItem() method when the child item is hidden

Version 3.0.3

Released on December 23, 2020

Fixes

  • Fix issue with the Diagram export service

Version 3.0.2

Released on July 14, 2020

Fixes

  • Fix issue with importing data from JSON to the Editor which is initialized in the org chart mode
  • Fix the incorrect work of the addShape() method while configuring the right panel of the editor
  • Improved behavior of the historyManager control of the toolbar in the Editor

Version 3.0.1

Released on May 29, 2020

Fixes

  • Fix issue with the autoPlace() method
  • Fix issue with PNG/PDF export modules

Version 3.0

Released on May 12, 2020

Breaking changes

The new update introduces some changes and improvements. Check the Migration article to keep in step with the latest version.

New functionality

Updates

  • Ability to use custom HTML templates in IE
  • Diagram Editor UI was updated and improved
  • Ability to connect shapes from center to center
  • A set of hotkeys is updated for the Editor
  • The ability to set a connector line to the text shape in the editor which is initialized in the default mode
  • Auto-fit of the content width of the text shape is added

Version 2.2.1

Released on December 30, 2019

Fixes

  • Issue with IE support for the image loader in Diagram editor

Version 2.2

Released on November 27, 2019

New functionality

  • Ability to create custom shapes via using SVG and HTML templates
  • Ability to build diagrams with different types of shapes
  • The ability to export data from the Diagram Editor to the JSON format via the Export data button of the toolbar
  • The showExport option and exportData event are added into Diagram Editor

Fixes

  • Fix the issue with exporting a diagram into the PDF and PNG formats
  • Fix incorrect work of the mouse events
  • Fix the issue with deleting child shapes from the diagram which is initialized in the org chart mode
  • Fix incorrect work of the right and left panels in Diagram Editor
  • Fix the issue with auto-generating of the unique id's of shapes and connectors

Version 2.1.1

Released on October 11, 2019

Fixes

  • Issues with an img-card in IE

Version 2.1

Released on May 22, 2017

New functionality

Updates

Version 2.0

Released on February 15, 2017

Breaking changes

The API structure was totally reorganized and improved to simplify work with it. Follow the Migration article to learn all the changes.

New functionality

Updates

Version 1.1

Released on December 5, 2017

New functionality

Updates

Version 1.0

Released on September 29, 2017

Initial functionality

  • Organogram mode
  • Vertical and horizontal autoplacement strategies
  • Loading data from JSON
  • API to manage data and branch state