navigator.categoryAxis.minorTicksObject
The configuration of the category axis minor ticks.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
navigator: {
categoryAxis: {
minorTicks: {
color: "blue",
size: 6
}
}
},
series: [{
type: "line",
field: "value",
categoryField: "date",
data: [
{ value: 1, date: new Date(2012, 1, 1) },
{ value: 2, date: new Date(2012, 1, 2) }
]
}]
});
</script>navigator.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="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
navigator: {
categoryAxis: {
minorTicks: {
color: "green"
}
}
},
series: [{
type: "line",
field: "value",
categoryField: "date",
data: [
{ value: 1, date: new Date(2012, 1, 1) },
{ value: 2, date: new Date(2012, 1, 2) }
]
}]
});
</script>navigator.categoryAxis.minorTicks.sizeNumber(default: 4)
The length of the tick line in pixels.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
navigator: {
categoryAxis: {
minorTicks: {
size: 8
}
}
},
series: [{
type: "line",
field: "value",
categoryField: "date",
data: [
{ value: 1, date: new Date(2012, 1, 1) },
{ value: 2, date: new Date(2012, 1, 2) }
]
}]
});
</script>navigator.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
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
navigator: {
categoryAxis: {
minorTicks: {
visible: false
}
}
},
series: [{
type: "line",
field: "value",
categoryField: "date",
data: [
{ value: 1, date: new Date(2012, 1, 1) },
{ value: 2, date: new Date(2012, 1, 2) }
]
}]
});
</script>navigator.categoryAxis.minorTicks.widthNumber(default: 1)
The width of the minor ticks in pixels.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
navigator: {
categoryAxis: {
minorTicks: {
width: 2
}
}
},
series: [{
type: "line",
field: "value",
categoryField: "date",
data: [
{ value: 1, date: new Date(2012, 1, 1) },
{ value: 2, date: new Date(2012, 1, 2) }
]
}]
});
</script>navigator.categoryAxis.minorTicks.stepNumber(default: 1)
The step of the category axis minor ticks.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
navigator: {
categoryAxis: {
minorTicks: {
step: 2
}
}
},
series: [{
type: "line",
field: "value",
categoryField: "date",
data: [
{ value: 1, date: new Date(2012, 1, 1) },
{ value: 2, date: new Date(2012, 1, 2) },
{ value: 3, date: new Date(2012, 1, 3) },
{ value: 4, date: new Date(2012, 1, 4) }
]
}]
});
</script>navigator.categoryAxis.minorTicks.skipNumber(default: 0)
The skip of the category axis minor ticks.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
navigator: {
categoryAxis: {
minorTicks: {
skip: 1
}
}
},
series: [{
type: "line",
field: "value",
categoryField: "date",
data: [
{ value: 1, date: new Date(2012, 1, 1) },
{ value: 2, date: new Date(2012, 1, 2) },
{ value: 3, date: new Date(2012, 1, 3) },
{ value: 4, date: new Date(2012, 1, 4) }
]
}]
});
</script>In this article