DHTMLX Diagram 6.0

Released on May 16, 2024

Review of release on the blog

Breaking changes

The new update introduces significant changes in the structure and functionality of Diagram and Diagram Editor. Check the Migration article to keep in step with the latest version.

New functionality

• Restructuring of Diagram Editor: providing the ability to interact with its parts and manage their visibility with the view property that includes the following configurations:
  • Toolbar - a top part of Diagram Editor that helps users to control the editing process (see API overview)
  • Shapebar - (former Left panel) a part of Diagram Editor that renders previews of Diagram items (see API overview)
  • Editbar - (former Right panel) a part of Diagram Editor that allows users to edit Diagram items (see API overview). You can perform the following actions:
    • sets of predefined Basic controls and Complex controls
    • adjustable configuration of Basic controls and Complex controls depending on the provided conditions
    • dynamic management of the Editbar panel depending on the provided conditions (Example)
    • creation of custom controls (Example)
    • creation of HTML content (Example)
• Diagram Editor. The Copy manager API added
• Diagram Editor. The ability to show/hide Shapebar, Editbar and Toolbar
• Diagram Editor. The destructor() method is added
• Diagram Editor. The ability to hide the connection points
• Diagram Editor. The ability to hide the resize points
• Diagram Editor. The ability to hide the grid
• The upgrade of the Selection API with the ability of multiple selection
• The titles of lines are declared as separate objects defined as lineTitles with their own configuration properties
• Supporting new themes: Dark, Light High Contrast and Dark High Contrast (Example)
• Diagram Editor. The ability to customize the Shapebar items' color scheme by redefining the CSS variables and using the custom ones

Updates

• Diagram Editor. Locales are updated
• Diagram Editor. The Hotkeys list is extended
• Diagram Editor. The behavior of Shapebar items when they are pulled to the grid and their appearance are improved
• Diagram Editor. The callback function of zoomIn / zoomOut events is called with the step parameter
• Diagram Editor. The functionality of the magnetic configuration option is extended
• Diagram Editor. The move events of the Editor object are updated:
  afterGroupMove,
  afterItemCatch,
  afterItemMove,
  afterLineTitleMove,
  afterShapeMove,
  beforeGroupMove,
  beforeItemCatch,
  beforeItemMove,
  beforeLineTitleMove,
  beforeShapeMove,
  groupMoveEnd,
  itemMoveEnd,
  itemTarget,
  lineTitleMoveEnd,
  shapeMoveEnd
• The ability to work with line titles via the DataCollection API

Deprecated API

• Properties

  • The controls property of Diagram Editor is deprecated and no longer supported
  • The editMode property of Diagram Editor is deprecated and no longer supported
  • The gapPreview property of Diagram Editor is deprecated and no longer supported
  • The reservedWidth property of Diagram Editor is deprecated and no longer supported
  • The scalePreview property of Diagram Editor is deprecated and no longer supported
  • The shapeBarWidth property of Diagram Editor is deprecated and no longer supported
  • The shapeSections property of Diagram Editor is deprecated and no longer supported
  • The title property of Line data is deprecated and no longer supported

• Methods

  • The getId() method of the Selection object of Diagram is deprecated and no longer supported
  • The getSubId() method of the Selection object of Diagram is deprecated and no longer supported
  • The setViewMode() method of Diagram Editor is deprecated and no longer supported

• Events

  • The following events of Diagram Editor are deprecated and no longer supported, since there are no corresponding buttons in the toolbar: resetButton, applyButton, visibility, exportData, importData, autoLayout
  • The changeGridStep event of Diagram Editor is deprecated and no longer supported