Configuration size

Specifies the size of the widget in pixels.

Type: Object
Default Value: undefined

By default, the widget occupies the entire area of the parent container. If you need to set a particular size for the widget, different from the container's size, assign a height and width in pixels to height and width properties of the size object.

Using the size object, you can hide the widget. For this purpose, simply assign 0 to both the height and width of the widget.

Show Example:
jQuery

In this example, the size of the VectorMap widget is less than the container's size.

<div id="mapContainer" style="height:500px; max-width:800px; margin: 0 auto;border:1px solid black"></div>
var i = 0;

$(function () {
    $('#mapContainer').dxVectorMap({
        layers: [{
            type: 'area',
            dataSource: '/Content/data/vectorMap-sources/world.txt',
            palette: 'Default',
            paletteSize: 10,
            customize: function () {
                return {
                    paletteIndex: i++ % 10
                };
            }
        }],
        size: {
            width: 700,
            height: 400
        }
    });
});

height

Specifies the height of the widget in pixels.

Type: Number
Default Value: undefined

width

Specifies the width of the widget in pixels.

Type: Number
Default Value: undefined