New to Kendo UI for jQuery? Download free 30-day trial

Display Time on Value Axis

The valueAxis on categorical Kendo UI Charts supports the display of numbers only.

However, it is possible to render date and time values by representing the dates as numeric values.

Kendo UI Scatter Charts support the display of dates on the xAxis and yAxis natively.

The following example demonstrates how to display time on the value axis of categorical Kendo UI Charts.

    <div id="chart"></div>
        series: [{
          data: [new Date("2015/01/01 01:22").getTime(),
                 new Date("2015/01/01 02:24").getTime()]
        valueAxis: {
          labels: {
            template: "#= kendo.format('{0:HH:mm}', new Date(value)) #"
          min: new Date("2015/01/01").getTime(),
          majorUnit: 20 * 60 * 1000 // 20 minutes step
        tooltip: {
          visible: true,
          template: "#= kendo.format('{0:HH:mm}', new Date(value)) #"

See Also

In this article
Not finding the help you need? Improve this article