categoryAxis.minorTicksObject
The configuration of the category axis minor ticks.
Example - configure the category axis minor ticks
<div id="chart"></div>
<script>
$("#chart").kendoChart({
categoryAxis: [{
minorTicks: {
visible: true,
size: 6,
color: "green",
width: 5
},
categories: ["2011", "2012", "2013"]
}],
series: [{
data: [1, 2, 3]
}]
});
</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 - set the category axis minor ticks color as a hex string
<div id="chart"></div>
<script>
$("#chart").kendoChart({
categoryAxis: [{
minorTicks: {
visible: true,
color: "#aa00bb"
},
categories: ["2011", "2012", "2013"]
}],
series: [{
data: [1, 2, 3]
}]
});
</script>Example - set the category axis minor ticks color as a RGB value
<div id="chart"></div>
<script>
$("#chart").kendoChart({
categoryAxis: [{
minorTicks: {
visible: true,
color: "rgb(128, 0, 255)"
},
categories: ["2011", "2012", "2013"]
}],
series: [{
data: [1, 2, 3]
}]
});
</script>Example - set the category axis minor ticks color by name
<div id="chart"></div>
<script>
$("#chart").kendoChart({
categoryAxis: [{
minorTicks: {
visible: true,
color: "green"
},
categories: ["2011", "2012", "2013"]
}],
series: [{
data: [1, 2, 3]
}]
});
</script>categoryAxis.minorTicks.sizeNumber(default: 4)
The length of the tick line in pixels.
Example - set the category axis minor ticks size
<div id="chart"></div>
<script>
$("#chart").kendoChart({
categoryAxis: [{
minorTicks: {
visible: true,
size: 6
},
categories: ["2011", "2012", "2013"]
}],
series: [{
data: [1, 2, 3]
}]
});
</script>categoryAxis.minorTicks.visibleBoolean(default: true)
If set to true the chart will display the category axis minor ticks. By default the category axis minor ticks are visible.
Example - hide the category axis minor ticks
<div id="chart"></div>
<script>
$("#chart").kendoChart({
categoryAxis: [{
minorTicks: {
visible: false
},
categories: ["2011", "2012", "2013"]
}],
series: [{
data: [1, 2, 3]
}]
});
</script>categoryAxis.minorTicks.widthNumber(default: 1)
The width of the minor ticks in pixels.
Example - set the category axis minor ticks width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
categoryAxis: [{
minorTicks: {
visible: true,
width: 3
},
categories: ["2011", "2012", "2013"]
}],
series: [{
data: [1, 2, 3]
}]
});
</script>categoryAxis.minorTicks.stepNumber(default: 1)
The step of the category axis minor ticks.
Example - set the category axis minor ticks step
<div id="chart"></div>
<script>
$("#chart").kendoChart({
categoryAxis: [{
minorTicks: {
visible: true,
step: 2
},
categories: ["2011", "2012", "2013"]
}],
series: [{
data: [1, 2, 3]
}]
});
</script>categoryAxis.minorTicks.skipNumber(default: 0)
The skip of the category axis minor ticks.
Example - set the category axis minor ticks
<div id="chart"></div>
<script>
$("#chart").kendoChart({
categoryAxis: [{
minorTicks: {
skip: 2
},
categories: ["2011", "2012", "2013"]
}],
series: [{
data: [1, 2, 3]
}]
});
</script>In this article