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

Scale.labels.margin

configuration

The margin of the labels.

scale.labels.margin

Number|Object

Default: 0

<div id="gauge"></div>
<script>
$("#gauge").kendoArcGauge({
    value: 65,
    scale: {
        labels: {
            margin: 10
        }
    }
});
</script>

The bottom margin of the labels.

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

The left margin of the labels.

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

The right margin of the labels.

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

The top margin of the labels.

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