Как обозначить время, как «чч: мм: сс» на Кендо UI линии диаграммы

Question

Я создал демо, как в this fiddle

код также вставляется ниже для вашего удобства.

var generateTrend = function() { 
    $("#chart").kendoChart({ 
    xAxis: { 
     labels: { 
     template: "#:kendo.toString(value,'dd/MM/yyyy hh:mm:ss')" 
     }, 
     title: { 
     text: "Time" 
     } 
    }, 
    series: [{ 
     type: "line", 
     field: "value", 
     categoryField: "date", 
     "data": [{ 
      date: new Date(2013, 0, 1, 1, 1, 0), 
      value: 3 
     }, 

     { 
      date: new Date(2013, 0, 1, 1, 2, 0), 
      value: 4 
     }, { 
      date: new Date(2013, 0, 1, 1, 3, 0), 
      value: 5 
     }, 

     { 
      date: new Date(2013, 0, 1, 1, 4, 0), 
      value: 7 
     }, 
     ] 
    }] 
    }); 
}; 
generateTrend(); 

Но в настоящее время метка на оси X имеет формат «hh: mm». Однако мне нужно «hh: mm: ss». Хотя я пробовал «шаблон:» #: kendo.toString (значение, 'dd/MM/yyyy hh: mm: ss') "" в коде, он, похоже, не работает.

Не могли бы вы сообщить мне правильный способ сделать это?

Answer 1

Использование categoryAxis вместо xAxis и закрыть выражение с дополнительным #

См: Fiddle