Specify the step between major gridlines in a DateTime series

[Andrew]

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.

[Iliana Nikolova]

Hello Andrew,

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

[RamaKrishna P]

I am using Kendo UI  2012. In my app I need to plot approx 3500 points in a chart at a time, It plots data good but gridLines(major and miner)  and scaling on x-axis merged together. I had tried setting up step property in majorGridLines for grid lines.

 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.

[Iliana Nikolova]

Hello RamaKrishna,

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.

Regards,
Iliana Nikolova
Telerik

[RamaKrishna P]

So, can I set majorTicks and/or minorTicks fixed unit for catageryaxis..?

majorTicks: {
                      visible: true,
                      skip: 250
                  }

[Iliana Nikolova]

Hello RamaKrishna,

I am afraid setting step / skip options to the majorTicks / minorTicks is currently not supported too. Once again I apologize for the inconvenience caused.
 

Regards,
Iliana Nikolova
Telerik

[Andrew]

Finally, In the 2014.1 release of Kendo UI, you can specify the frequency of vertical grid lines. This is done by the configuration properties categoryAxis.majorGridLines.step and categoryAxis.minorGridLines.step.

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