Vue Diagram - pageSize

Specifies a size of pages.

Type:

Object

The units option specifies the page's measurement units.

jQuery
JavaScript
$(function() {
    $("#diagram").dxDiagram({
        units: "cm",
        pageSize: {
            width: 10,
            height: 10,
        },
    });
});
NOTE
If you call the import method, the import method applies the imported page settings and the pageColor option is ignored.

height

Specifies the page height.

Type:

Number

items[]

An array that specifies the page size items in the Paze Size combobox on Properties panel.

Type:

Array<Object>

jQuery
JavaScript
$(function() {
    $("#diagram").dxDiagram({
        viewUnits: "cm",
        units: "cm",
        pageSize: {
            width: 21,
            height: 29.7,
            items: [
                { text: "A4", width: 21, height: 29.7 },{ text: "A3", width: 29.7, height: 42 }
            ]
        },
    });
});

Diagram control data toolbox

width

Specifies the page width.

Type:

Number