I've created an area chart, illustrating the status of many media players throughout a single day. The data has a granularity of one minute.
I want there to be a major gridline at every hour, and a minor gridline at every half hour. I cannot see where you can set the "step" of the grid line.
Here's how I'm currently setting it up:
$("#chart").kendoChart({
theme: "blueOpal",
title: {
visible:false
},
chartArea: {
height: 800
},
legend: {
position: "bottom"
},
seriesDefaults: {
type: "area",
stack: true
},
series: [],
valueAxis: {
labels: {
format: "{0}",
visible: true
}
},
categoryAxis: {
categories: [],
labels: {
visible: true,
step:60
},
minorGridLines: {
visible: false
},
majorGridLines: {
visible: true,
},
majorTicks: {
visible: false,
size: 2
}
},
tooltip: {
visible: true,
format: "{0}"
},
seriesColors: [
'#336699',
'#EBAD60',
'#FF0000',
'#9582BB',
'#028482'
]
});
And it looks like the attached image. In this image there are so many lines that they stop serving a purpose.
6 Answers, 1 is accepted
I am afraid what you are trying to achieve is currently not supported in Kendo UI DataViz. We realize this is
limitation of the framework and will do our best to address it as soon as possible. Please excuse us for the inconvenience caused.
Regards,
Iliana Nikolova
the Telerik team

categoryAxis: {
field: "timestamp",
//axisCrossingValues: [0, 0, 10, 10],
labels: {
step: 250,
rotation: 0
},
majorGridLines: {
step: 250,
visible: true
}
},
and where I need to skip scaling points.
I am afraid at this point Kendo UI Chart does not support step / skip options for majorGidLines / minorGridLines. Please excuse us for the inconvenience caused.
Iliana Nikolova
Telerik

majorTicks: {
visible: true,
skip: 250
}
I am afraid setting step / skip options to the majorTicks / minorTicks is currently not supported too. Once again I apologize for the inconvenience caused.
Iliana Nikolova
Telerik

categoryAxis: {
categories: [],
labels: {
visible: true,
step: 60
},
minorGridLines: {
visible: true,
step: 30
},
majorGridLines: {
visible: true,
step: 60
},
majorTicks: {
visible: false,
size: 2
}
},