categoryAxis.minorTicksObject
The minor ticks of the axis.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
data: [1, 2, 3, 4, 5],
categoryAxis: {
minorTicks: {
size: 5,
color: "#ff0000",
width: 2,
visible: true
}
}
});
</script>categoryAxis.minorTicks.sizeNumber(default: 3)
The axis minor tick size. This is the length of the line in pixels that is drawn to indicate the tick on the chart.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
data: [1, 2, 3, 4, 5],
categoryAxis: {
minorTicks: {
size: 6,
visible: true
}
}
});
</script>categoryAxis.minorTicks.visibleBoolean(default: false)
The visibility of the minor ticks.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
data: [1, 2, 3, 4, 5],
categoryAxis: {
minorTicks: {
visible: true
}
}
});
</script>categoryAxis.minorTicks.colorString(default: "black")
The color of the category axis minor ticks lines. Accepts a valid CSS color string, including hex and rgb.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
data: [1, 2, 3, 4, 5],
categoryAxis: {
minorTicks: {
color: "#0000ff",
visible: true
}
}
});
</script>categoryAxis.minorTicks.widthNumber(default: 1)
The width of the minor ticks in pixels.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
data: [1, 2, 3, 4, 5],
categoryAxis: {
minorTicks: {
width: 3,
visible: true
}
}
});
</script>categoryAxis.minorTicks.stepNumber(default: 1)
The step of the category axis minor ticks.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
data: [1, 2, 3, 4, 5],
categoryAxis: {
minorTicks: {
step: 2,
visible: true
}
}
});
</script>categoryAxis.minorTicks.skipNumber(default: 0)
The skip of the category axis minor ticks.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
data: [1, 2, 3, 4, 5],
categoryAxis: {
minorTicks: {
skip: 1,
visible: true
}
}
});
</script>In this article