Skip to main content



Optional. An object with default configuration for the newly added connector lines


The settings will be applied to the new connector lines which are added via the editor


lineConfig?: {
lineType?: "dash" | "line",
lineDirection?: "backArrow" | "forwardArrow",
arrowsHidden?: boolean,
lineGap?: number


The lineConfig object contains the following parameters:

  • lineType - (optional) the default type of the new connector lines
  • lineDirection - (optional) the direction of the new connector lines
  • arrowsHidden - (optional) defines whether the arrows of the new connector lines should be hidden
  • lineGap - (optional) sets the distance to the right-angled bend of a connector line

The lineDirection, arrowsHidden, and lineGap parameters work only in the default mode of the editor (type: "default")

Default config

lineConfig: {
lineDirection: "forwardArrow",
arrowsHidden: false,
lineGap: 10


const editor = new dhx.DiagramEditor("editor_container", {
type: "default",
lineConfig: {
lineType: "dash",
lineDirection: "backArrow",
arrowsHidden: true,
lineGap: 50
// other config parameters

The result of applying the lineGap property is shown in the image below:

Change log:

  • The lineGap parameter is added in v5.0 (check the Migration article)
  • Added in v4.2

Related sample: Diagram editor. Setting the default type for newly added connector lines