Configuration size

Specifies the size of the widget in pixels.

Type: Object

The widget occupies the entire area of the parent container (division). If the container size (width or height) is set to zero, the widget is not displayed.

To set the widget to a specific size that differs from the container size, use the size configuration object. Assign a height and width in pixels to the height and width fields of this object respectively.

Show Example:
jQuery

In this example, the size of the dxBarGauge widget is less than the container size.

<div id="barGaugeContainer" style="height:400px;max-width:400px;margin:0px auto;border:1px solid black"></div>
$(function () {
    $("#barGaugeContainer").dxBarGauge({
        startValue: -50,
        endValue: 50,
        values: [4, -14.3, 42, 13, -29.1],
        palette: 'Ocean',
        size: {
            width: 350,
            height: 350
        }
    });
});

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