scale.minorTicksObject
Configures the scale minor ticks.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
scale: {
min: 0,
max: 50,
minorTicks: {
color: "#9e9e9e",
size: 5,
width: 1,
visible: true
}
}
});
</script>scale.minorTicks.colorString
The color of the minor 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,
minorTicks: {
color: "#607d8b"
}
}
});
</script>scale.minorTicks.sizeNumber
The minor 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,
minorTicks: {
size: 3,
color: "#795548"
}
}
});
</script>scale.minorTicks.visibleBoolean(default: true)
The visibility of the minor ticks.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
scale: {
min: 0,
max: 50,
minorTicks: {
visible: false
}
}
});
</script>scale.minorTicks.widthNumber(default: 0.5)
The width of the minor ticks.
Example
<div id="gauge"></div>
<script>
$("#gauge").kendoLinearGauge({
pointer: {
value: 30
},
scale: {
min: 0,
max: 50,
minorTicks: {
width: 2,
color: "#ffc107"
}
}
});
</script>In this article