gaugeArea.marginNumber|Object(default: 5)
The margin of the gauge area.
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 }gaugeArea.margin.topNumber
The top margin of the gauge area.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
gaugeArea: {
margin: {
top: 20
}
},
scale: {
min: 0,
max: 50
}
});
</script>gaugeArea.margin.bottomNumber
The bottom margin of the gauge area.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
gaugeArea: {
margin: {
bottom: 15
}
},
scale: {
min: 0,
max: 50
}
});
</script>gaugeArea.margin.leftNumber
The left margin of the gauge area.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
gaugeArea: {
margin: {
left: 25
}
},
scale: {
min: 0,
max: 50
}
});
</script>gaugeArea.margin.rightNumber
The right margin of the gauge area.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
gaugeArea: {
margin: {
right: 10
}
},
scale: {
min: 0,
max: 50
}
});
</script>In this article