yAxis.minorTicks Object
The configuration of the y axis minor ticks.
Example - configure the y axis minor ticks
<div id="chart"></div>
<script>
$("#chart").kendoChart({
yAxis: [{
minorTicks: {
size: 6,
color: "green",
width: 5,
visible: true
}
}],
series: [
{ data: [1, 2, 3] }
]
});
</script>
yAxis.minorTicks.color String
(default: "black")
The color of the y axis minor ticks lines. Accepts a valid CSS color string, including hex and rgb.
Example - set the y axis minor ticks color as a hex string
<div id="chart"></div>
<script>
$("#chart").kendoChart({
yAxis: {
minorTicks {
color: "#aa00bb",
visible: true
}
},
series: [
{ data: [1, 2, 3] }
]
});
</script>
Example - set the y axis minor ticks color as a RGB value
<div id="chart"></div>
<script>
$("#chart").kendoChart({
yAxis: {
minorTicks {
color: "rgb(128, 0, 255)",
visible: true
}
},
series: [
{ data: [1, 2, 3] }
]
});
</script>
Example - set the y axis minor ticks color by name
<div id="chart"></div>
<script>
$("#chart").kendoChart({
yAxis: {
minorTicks {
color: "green",
visible: true
}
},
series: [
{ data: [1, 2, 3] }
]
});
</script>
yAxis.minorTicks.size Number
(default: 4)
The length of the tick line in pixels.
Example - set the y axis minor ticks size
<div id="chart"></div>
<script>
$("#chart").kendoChart({
yAxis: [{
minorTicks: {
size: 6,
visible: true
}
}],
series: [
{ data: [1, 2, 3] }
]
});
</script>
yAxis.minorTicks.visible Boolean
(default: false)
If set to true
the chart will display the y axis minor ticks. By default the y axis minor ticks are not visible.
Example - hide the y axis minor ticks
<div id="chart"></div>
<script>
$("#chart").kendoChart({
yAxis: [{
minorTicks: {
visible: false
}
}],
series: [
{ data: [1, 2, 3] }
]
});
</script>
yAxis.minorTicks.width Number
(default: 1)
The width of the minor ticks in pixels.
Example - set the y axis minor ticks width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
yAxis: [{
minorTicks: {
width: 3
}
}],
series: [
{ data: [1, 2, 3] }
]
});
</script>
yAxis.minorTicks.step Number
(default: 1)
The step of the y axis minor ticks.
Example - set the y axis minor ticks step
<div id="chart"></div>
<script>
$("#chart").kendoChart({
yAxis: [{
minorTicks: {
step: 2
},
categories: ["2011", "2012", "2013"]
}],
series: [{
data: [1, 2, 3]
}]
});
</script>
yAxis.minorTicks.skip Number
(default: 0)
The skip of the y axis minor ticks.
Example - set the y axis minor ticks
<div id="chart"></div>
<script>
$("#chart").kendoChart({
yAxis: [{
minorTicks: {
skip: 2
},
categories: ["2011", "2012", "2013"]
}],
series: [{
data: [1, 2, 3]
}]
});
</script>