valueAxis.majorTicksObject
The major ticks of the axis.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "column",
valueAxis: {
majorTicks: {
visible: true,
size: 6,
color: "blue"
}
},
series: [{
data: [10, 15, 8, 12]
}]
});
</script>valueAxis.majorTicks.sizeNumber(default: 4)
The axis major 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({
type: "column",
valueAxis: {
majorTicks: {
visible: true,
size: 8
}
},
series: [{
data: [10, 15, 8, 12]
}]
});
</script>valueAxis.majorTicks.visibleBoolean(default: true)
The visibility of the major ticks.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "column",
valueAxis: {
majorTicks: {
visible: false
}
},
series: [{
data: [10, 15, 8, 12]
}]
});
</script>valueAxis.majorTicks.colorString(default: "black")
The color of the value axis major ticks lines. Accepts a valid CSS color string, including hex and rgb.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "column",
valueAxis: {
majorTicks: {
visible: true,
color: "#ff0000"
}
},
series: [{
data: [10, 15, 8, 12]
}]
});
</script>valueAxis.majorTicks.widthNumber(default: 1)
The width of the major ticks in pixels.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "column",
valueAxis: {
majorTicks: {
visible: true,
width: 3
}
},
series: [{
data: [10, 15, 8, 12]
}]
});
</script>valueAxis.majorTicks.stepNumber(default: 1)
The step of the value axis major ticks.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "column",
valueAxis: {
majorTicks: {
visible: true,
step: 2
}
},
series: [{
data: [10, 15, 8, 12, 20, 25]
}]
});
</script>valueAxis.majorTicks.skipNumber(default: 0)
The skip of the value axis major ticks.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "column",
valueAxis: {
majorTicks: {
visible: true,
skip: 1
}
},
series: [{
data: [10, 15, 8, 12, 20, 25]
}]
});
</script>In this article