New to Kendo UI for jQueryStart a free 30-day trial

GaugeArea.margin

configuration

The margin of the gauge area.

gaugeArea.margin

Number|Object

Default: 5

<div id="gauge"></div>
<script>
    $("#gauge").kendoRadialGauge({
        pointer: [{
            value: 20,
            gaugeArea:{
                margin:50
            }
        }]
    });
</script>

The bottom margin of the gauge area.

<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
    gaugeArea: {
        margin: {
            bottom: 25
        }
    },
    pointer: [{
        value: 70
    }]
});
</script>

The left margin of the gauge area.

<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
    gaugeArea: {
        margin: {
            left: 40
        }
    },
    pointer: [{
        value: 35
    }]
});
</script>

The right margin of the gauge area.

<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
    gaugeArea: {
        margin: {
            right: 35
        }
    },
    pointer: [{
        value: 85
    }]
});
</script>

The top margin of the gauge area.

<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
    gaugeArea: {
        margin: {
            top: 30
        }
    },
    pointer: [{
        value: 55
    }]
});
</script>