categoryAxis.maxDivisionsNumber
The maximum number of ticks, labels and grid lines to display. Applicable for date category axis. You can combine this property with a bigger value of the maxDateGroups property to increase the number of rendered data points in the Chart without drawing too many labels, ticks, and grid lines.
Example
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
}],
categoryAxis: {
type: "date",
categories: [
new Date(2023, 0, 1), new Date(2023, 0, 2), new Date(2023, 0, 3),
new Date(2023, 0, 4), new Date(2023, 0, 5), new Date(2023, 0, 6),
new Date(2023, 0, 7), new Date(2023, 0, 8), new Date(2023, 0, 9),
new Date(2023, 0, 10)
],
maxDivisions: 5
}
});
</script>####Example
<div id="chart"></div>
<script>
function createChart() {
$("#chart").kendoChart({
dataSource: {
transport: {
read: {
url: "https://demos.telerik.com/service/v2/core/StockData",
contentType: "application/json"
}
},
schema: {
model: {
fields: {
Date: {
type: "date"
}
}
}
}
},
seriesDefaults: {
type: "line"
},
series: [{
field: "Open",
categoryField: "Date"
}],
categoryAxis: {
maxDivisions: 20,
labels: {
rotation: -45
}
},
tooltip: {
visible: true,
format: "C2"
},
pannable: true,
zoomable: true
});
}
$(document).ready(createChart);
</script>In this article