gaugeArea.marginNumber|Object(default: 5)
The margin of the gauge area.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
pointer: [{
value: 20,
gaugeArea:{
margin:50
}
}]
});
</script>gaugeArea.margin.topNumber
The top margin of the gauge area.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
gaugeArea: {
margin: {
top: 30
}
},
pointer: [{
value: 55
}]
});
</script>gaugeArea.margin.bottomNumber
The bottom margin of the gauge area.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
gaugeArea: {
margin: {
bottom: 25
}
},
pointer: [{
value: 70
}]
});
</script>gaugeArea.margin.leftNumber
The left margin of the gauge area.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
gaugeArea: {
margin: {
left: 40
}
},
pointer: [{
value: 35
}]
});
</script>gaugeArea.margin.rightNumber
The right margin of the gauge area.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
gaugeArea: {
margin: {
right: 35
}
},
pointer: [{
value: 85
}]
});
</script>In this article