scale.labels.paddingNumber | Object(default: 0)
The padding of the labels.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
scale: {
min: 0,
max: 50,
labels: {
padding: 5,
background: "#f5f5f5"
}
}
});
</script>scale.labels.padding.topNumber
The top padding of the labels.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
scale: {
min: 0,
max: 50,
labels: {
padding: {
top: 4
},
background: "#e8f5e8"
}
}
});
</script>scale.labels.padding.bottomNumber
The bottom padding of the labels.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
scale: {
min: 0,
max: 50,
labels: {
padding: {
bottom: 6
},
background: "#fff3e0"
}
}
});
</script>scale.labels.padding.leftNumber
The left padding of the labels.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
scale: {
min: 0,
max: 50,
labels: {
padding: {
left: 8
},
background: "#f3e5f5"
}
}
});
</script>scale.labels.padding.rightNumber
The right padding of the labels.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
scale: {
min: 0,
max: 50,
labels: {
padding: {
right: 7
},
background: "#e1f5fe"
}
}
});
</script>In this article