categoryAxis.rangeLabels.rotation Number|String|Object (default: 0)
The rotation angle of the date range labels. By default the labels are not rotated. Can be set to "auto" if the axis is horizontal in which case the labels will be rotated only if the slot size is not sufficient for the entire labels.
Example - rotate the category axis date range labels
<div id="chart"></div>
<script>
$("#chart").kendoChart({
categoryAxis: {
type: "date",
justified: true,
baseUnit: "days",
rangeLabels: {
rotation: 90,
visible: true
},
labels: {
format: "M-d"
}
},
series: [{
type: 'line',
field: 'value',
categoryField: 'date',
data: [{
value: 1,
date: new Date("2012/01/01")
}, {
value: 2,
date: new Date("2012/01/04")
}, {
value: 3,
date: new Date("2012/01/07")
}]
}]
});
</script>
Example - enable auto rotation for the category axis date range labels
<div id="chart" style="width:200px;"></div>
<script>
$("#chart").kendoChart({
categoryAxis: {
type: "date",
justified: true,
baseUnit: "days",
rangeLabels: {
rotation: "auto",
visible: true
},
labels: {
format: "M-d"
}
},
series: [{
type: 'line',
field: 'value',
categoryField: 'date',
data: [{
value: 1,
date: new Date("2012/01/01")
}, {
value: 2,
date: new Date("2012/01/04")
}, {
value: 3,
date: new Date("2012/01/07")
}]
}]
});
</script>