Skip to main content


adds an offset for two connected shapes, and fills the gap with an additional line

lineGap?: number;
Default value: 10


const diagram = new dhx.Diagram("diagram_container", { 
lineGap: 50

Related sample: Diagram. Default mode. Activity diagram


The property is available only in the default mode of the diagram (type:"default"). The property does not work if you use groups or swimlanes.

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