scale.majorTicksObject
Configures the scale major ticks.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
scale: {
min: 0,
max: 50,
majorTicks: {
color: "#2196f3",
size: 10,
width: 2,
visible: true
}
}
});
</script>scale.majorTicks.colorString
The color of the major ticks. Any valid CSS color string will work here, including hex and rgb.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
scale: {
min: 0,
max: 50,
majorTicks: {
color: "#4caf50"
}
}
});
</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").kendoLinearGauge({
pointer: {
value: 30
},
scale: {
min: 0,
max: 50,
majorTicks: {
size: 12,
color: "#ff9800"
}
}
});
</script>scale.majorTicks.visibleBoolean(default: true)
The visibility of the major ticks.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
scale: {
min: 0,
max: 50,
majorTicks: {
visible: false
}
}
});
</script>scale.majorTicks.widthNumber(default: 0.5)
The width of the major ticks.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
scale: {
min: 0,
max: 50,
majorTicks: {
width: 3,
color: "#9c27b0"
}
}
});
</script>In this article