Configuration size

Specifies the size of the widget.

Type: Object

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

If you need to set a particular size for the widget, different from the container's size, use the size configuration object. Assign a height and width in pixels to the height and width options of the size object.

NOTE: The size configuration object reserves space for the main widget elements, while displaying a tooltip may require extra space. Refer to the tooltip object description to find ways to resolve this issue.

Show Example:

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 () {
        startScaleValue: 0,
        endScaleValue: 100,
        target: 68,
        value: 42,
        color: 'rosybrown',
        tooltip: { enabled: false },
        size: {
            height: 35,
            width: 400


Specifies the height of the widget.

Type: Number
Default Value: undefined


Specifies the width of the widget.

Type: Number
Default Value: undefined