如何在 Kendo UI 折线图上将时间标记为 "hh:mm:ss"

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"。虽然我在代码中尝试了"template: "#:kendo.toString(value,'dd/MM/yyyy hh:mm:ss')""，但似乎没有用。

你能告诉我正确的做法吗？

Answer 1

使用 categoryAxis 代替 xAxis 并用额外的 #

结束表达式

参见：Fiddle

如何在 Kendo UI 折线图上将时间标记为 "hh:mm:ss"

How to label the time as "hh:mm:ss" on Kendo UI line chart

javascript

jquery

kendo-ui

kendo-chart