gaugeArea.margin

Number|Object

Default: 5

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

gaugeArea.margin.bottom

Number

The bottom margin of the gauge area.

<div id="gauge"></div>
<script>
$("#gauge").kendoArcGauge({
    value: 65,
    gaugeArea: {
        margin: {
            bottom: 40
        }
    }
});
</script>

gaugeArea.margin.left

Number

The left margin of the gauge area.

<div id="gauge"></div>
<script>
$("#gauge").kendoArcGauge({
    value: 65,
    gaugeArea: {
        margin: {
            left: 25
        }
    }
});
</script>

gaugeArea.margin.right

Number

The right margin of the gauge area.

<div id="gauge"></div>
<script>
$("#gauge").kendoArcGauge({
    value: 65,
    gaugeArea: {
        margin: {
            right: 35
        }
    }
});
</script>

gaugeArea.margin.top

Number

The top margin of the gauge area.

<div id="gauge"></div>
<script>
$("#gauge").kendoArcGauge({
    value: 65,
    gaugeArea: {
        margin: {
            top: 30
        }
    }
});
</script>

GaugeArea.margin

gaugeArea.margin

gaugeArea.margin.bottom

gaugeArea.margin.left

gaugeArea.margin.right

gaugeArea.margin.top