scale.labels.marginNumber|Object(default: 5)
The margin of the labels.
Example
js
// sets the top, right, bottom and left margin to 3px.
margin: 3
// sets the top and left margin to 1px
// margin right and bottom are with 5px (by default)
margin: { top: 1, left: 1 }scale.labels.margin.topNumber
The top margin of the labels.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
scale: {
min: 0,
max: 50,
labels: {
margin: {
top: 10
}
}
}
});
</script>scale.labels.margin.bottomNumber
The bottom margin of the labels.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
scale: {
min: 0,
max: 50,
labels: {
margin: {
bottom: 8
}
}
}
});
</script>scale.labels.margin.leftNumber
The left margin of the labels.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
scale: {
min: 0,
max: 50,
labels: {
margin: {
left: 12
}
}
}
});
</script>scale.labels.margin.rightNumber
The right margin of the labels.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
scale: {
min: 0,
max: 50,
labels: {
margin: {
right: 6
}
}
}
});
</script>In this article