categoryAxis.minorTicksObject
The minor ticks of the axis.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
dataSource: {
data: [
{ date: new Date("2012/01/01"), close: 300, volume: 40000 },
{ date: new Date("2012/01/02"), close: 310, volume: 50000 },
{ date: new Date("2012/01/03"), close: 320, volume: 45000 }
]
},
dateField: "date",
categoryAxis: {
minorTicks: {
visible: true,
color: "#ff6800",
size: 4
}
},
series: [{
type: "candlestick",
field: "close"
}]
});
</script>categoryAxis.minorTicks.sizeNumber(default: 3)
The axis minor tick size. This is the length of the line in pixels that is drawn to indicate the tick on the chart.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
dataSource: {
data: [
{ date: new Date("2012/01/01"), close: 300, volume: 40000 },
{ date: new Date("2012/01/02"), close: 310, volume: 50000 },
{ date: new Date("2012/01/03"), close: 320, volume: 45000 }
]
},
dateField: "date",
categoryAxis: {
minorTicks: {
visible: true,
size: 6
}
},
series: [{
type: "candlestick",
field: "close"
}]
});
</script>categoryAxis.minorTicks.visibleBoolean(default: false)
The visibility of the minor ticks.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
dataSource: {
data: [
{ date: new Date("2012/01/01"), close: 300, volume: 40000 },
{ date: new Date("2012/01/02"), close: 310, volume: 50000 },
{ date: new Date("2012/01/03"), close: 320, volume: 45000 }
]
},
dateField: "date",
categoryAxis: {
minorTicks: {
visible: true
}
},
series: [{
type: "candlestick",
field: "close"
}]
});
</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
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
dataSource: {
data: [
{ date: new Date("2012/01/01"), close: 300, volume: 40000 },
{ date: new Date("2012/01/02"), close: 310, volume: 50000 },
{ date: new Date("2012/01/03"), close: 320, volume: 45000 }
]
},
dateField: "date",
categoryAxis: {
minorTicks: {
visible: true,
color: "#ff6800"
}
},
series: [{
type: "candlestick",
field: "close"
}]
});
</script>categoryAxis.minorTicks.widthNumber(default: 1)
The width of the minor ticks in pixels.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
dataSource: {
data: [
{ date: new Date("2012/01/01"), close: 300, volume: 40000 },
{ date: new Date("2012/01/02"), close: 310, volume: 50000 },
{ date: new Date("2012/01/03"), close: 320, volume: 45000 }
]
},
dateField: "date",
categoryAxis: {
minorTicks: {
visible: true,
width: 2
}
},
series: [{
type: "candlestick",
field: "close"
}]
});
</script>categoryAxis.minorTicks.stepNumber(default: 1)
The step of the category axis minor ticks.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
dataSource: {
data: [
{ date: new Date("2012/01/01"), close: 300, volume: 40000 },
{ date: new Date("2012/01/02"), close: 310, volume: 50000 },
{ date: new Date("2012/01/03"), close: 320, volume: 45000 },
{ date: new Date("2012/01/04"), close: 330, volume: 55000 },
{ date: new Date("2012/01/05"), close: 340, volume: 60000 }
]
},
dateField: "date",
categoryAxis: {
minorTicks: {
visible: true,
step: 2
}
},
series: [{
type: "candlestick",
field: "close"
}]
});
</script>categoryAxis.minorTicks.skipNumber(default: 0)
The skip of the category axis minor ticks.
Example
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
dataSource: {
data: [
{ date: new Date("2012/01/01"), close: 300, volume: 40000 },
{ date: new Date("2012/01/02"), close: 310, volume: 50000 },
{ date: new Date("2012/01/03"), close: 320, volume: 45000 },
{ date: new Date("2012/01/04"), close: 330, volume: 55000 },
{ date: new Date("2012/01/05"), close: 340, volume: 60000 }
]
},
dateField: "date",
categoryAxis: {
minorTicks: {
visible: true,
skip: 1
}
},
series: [{
type: "candlestick",
field: "close"
}]
});
</script>In this article