Configuration size

Specifies the size of the widget in pixels.

Type: Object

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.

NOTE: The size configuration object reserves space for the main widget elements, while displaying a tooltip may require extra space. To reserve the area around the widget for the tooltip, you can apply a margin to the widget's container.

Show Example:
jQuery

In this example, the size of the widget differs from the container size.

<div id="bulletContainer" style="height:60px;max-width:700px;margin:0 auto;border:1px solid skyblue"></div>
$(function () {
    $("#bulletContainer").dxBullet({
        startScaleValue: 0,
        endScaleValue: 100,
        target: 68,
        value: 42,
        color: 'rosybrown',
        tooltip: { enabled: false },
        size: {
            height: 35,
            width: 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