New to Kendo UI for jQuery? Start a free 30-day trial

Scale.labels.padding

configuration

The padding of the labels.

scale.labels.padding

Number | Object

Default: 0

<div id="gauge"></div>
<script>
$("#gauge").kendoCircularGauge({
    value: 50,
    scale: {
        labels: {
            padding: 8
        }
    }
});
</script>

scale.labels.padding.bottom

Number

The bottom padding of the labels.

<div id="gauge"></div>
<script>
$("#gauge").kendoCircularGauge({
    value: 50,
    scale: {
        labels: {
            padding: {
                top: 3,
                bottom: 8,
                left: 3,
                right: 3
            }
        }
    }
});
</script>

scale.labels.padding.left

Number

The left padding of the labels.

<div id="gauge"></div>
<script>
$("#gauge").kendoCircularGauge({
    value: 50,
    scale: {
        labels: {
            padding: {
                top: 3,
                bottom: 3,
                left: 6,
                right: 3
            }
        }
    }
});
</script>

scale.labels.padding.right

Number

The right padding of the labels.

<div id="gauge"></div>
<script>
$("#gauge").kendoCircularGauge({
    value: 50,
    scale: {
        labels: {
            padding: {
                top: 3,
                bottom: 3,
                left: 3,
                right: 7
            }
        }
    }
});
</script>

scale.labels.padding.top

Number

The top padding of the labels.

<div id="gauge"></div>
<script>
$("#gauge").kendoCircularGauge({
    value: 50,
    scale: {
        labels: {
            padding: {
                top: 10,
                bottom: 3,
                left: 3,
                right: 3
            }
        }
    }
});
</script>