axisDefaults.minorTicksObject
The configuration of the axis minor ticks.
Example - configure the axisDefaults minorTicks
<div id="chart"></div>
<script>
$("#chart").kendoChart({
axisDefaults: {
minorTicks: {
color: "red",
size: 6,
visible: true
}
},
series: [
{ data: [1, 2, 3] }
]
});
</script>axisDefaults.minorTicks.colorString(default: "black")
The color of the axis minor ticks lines. Accepts a valid CSS color string, including hex and rgb.
Example - set the axisDefaults minorTicks color
<div id="chart"></div>
<script>
$("#chart").kendoChart({
axisDefaults: {
minorTicks: {
color: "blue",
visible: true
}
},
series: [
{ data: [1, 2, 3] }
]
});
</script>axisDefaults.minorTicks.sizeNumber(default: 4)
The length of the tick line in pixels.
Example - set the axisDefaults minorTicks size
<div id="chart"></div>
<script>
$("#chart").kendoChart({
axisDefaults: {
minorTicks: {
size: 8,
visible: true
}
},
series: [
{ data: [1, 2, 3] }
]
});
</script>axisDefaults.minorTicks.visibleBoolean(default: true)
If set to true the chart will display the axis minor ticks. By default the axis minor ticks are visible.
Example - hide the axisDefaults minorTicks
<div id="chart"></div>
<script>
$("#chart").kendoChart({
axisDefaults: {
minorTicks: {
visible: false
}
},
series: [
{ data: [1, 2, 3] }
]
});
</script>axisDefaults.minorTicks.widthNumber(default: 1)
The width of the minor ticks in pixels.
Example - set the axisDefaults minorTicks width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
axisDefaults: {
minorTicks: {
width: 3,
visible: true
}
},
series: [
{ data: [1, 2, 3] }
]
});
</script>axisDefaults.minorTicks.stepNumber(default: 1)
The step of the axis minor ticks.
Example - set the axisDefaults minorTicks step
<div id="chart"></div>
<script>
$("#chart").kendoChart({
axisDefaults: {
minorTicks: {
step: 2,
visible: true
}
},
series: [
{ data: [1, 2, 3] }
]
});
</script>axisDefaults.minorTicks.skipNumber(default: 0)
The skip of the axis minor ticks.
Example - set the axisDefaults minorTicks skip
<div id="chart"></div>
<script>
$("#chart").kendoChart({
axisDefaults: {
minorTicks: {
skip: 1,
visible: true
}
},
series: [
{ data: [1, 2, 3] }
]
});
</script>In this article