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 BarGauge 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