autoplacement

sets configuration for autoplacement

object autoplacement;

Example

var diagram = new dhx.Diagram("container", {
    autoplacement: {
        mode: "edges",
        graphPadding: 100
    }
});
 
diagram.parse(autoData);

Related samples

Autoplacement direct mode - DHTMLX Diagram
Autoplacement edges mode - DHTMLX Diagram
Autoplacement - DHTMLX Diagram

Details

The autoplacement property works for Diagram and Diagram Editor but does not work for Organizational Chart and Org Chart Editor.

The autoplacement object can contain the following options:

mode - (string) the mode of connecting shapes, "direct" (by default) or "edges"
graphPadding - (number) sets the distance between unconnected diagrams, "200" by default

Modes of connecting shapes

"direct" mode

Connectors are aligned "from center to center"; they are straight and diagonal.

"edges" mode

Connectors are aligned "from side to side"; they are straight and 90-degree curved.