Search results

RulerSettings API in JavaScript (ES5) Diagram API control

Defines the ruler settings of diagram

<div id='diagram'></div>
let diagram: Diagram = new Diagram({
...
rulerSettings: { showRulers: true,
horizontalRuler: { segmentWidth: 50,interval: 10 },
verticalRuler: {segmentWidth: 200,interval: 20}
},
...
});
diagram.appendTo('#diagram');

Properties

dynamicGrid

boolean

Updates the gridlines relative to the ruler ticks.

Defaults to true

horizontalRuler

DiagramRulerModel

Defines the appearance of horizontal ruler

Defaults to {}

showRulers

boolean

Enables or disables both horizontal and vertical ruler.

Defaults to false

verticalRuler

DiagramRulerModel

Defines the appearance of vertical ruler

Defaults to {}