scale.majorTicksObject
Configures the scale major ticks.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
pointer: [{
value: 70
}],
scale: {
majorTicks: {
color: "#ff0000",
size: 10,
width: 2,
visible: true
}
}
});
</script>scale.majorTicks.colorString
The color of the major ticks.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
pointer: [{
value: 50
}],
scale: {
majorTicks: {
color: "#00aa00"
}
}
});
</script>scale.majorTicks.sizeNumber
The major tick size. This is the length of the line in pixels that is drawn to indicate the tick on the scale.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
pointer: [{
value: 30
}],
scale: {
majorTicks: {
size: 15
}
}
});
</script>scale.majorTicks.visibleBoolean(default: true)
The visibility of the major ticks. Any valid CSS color string will work here, including hex and rgb.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
pointer: [{
value: 85
}],
scale: {
majorTicks: {
visible: false
}
}
});
</script>scale.majorTicks.widthNumber(default: 0.5)
The width of the major ticks.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoRadialGauge({
pointer: [{
value: 60
}],
scale: {
majorTicks: {
width: 3
}
}
});
</script>In this article