RulerSettings

23 Sep 20251 minute to read

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 {}