如何在 Kendo UI 折线图上将时间标记为“hh:mm:ss”答案

【问题标题】：How to label the time as "hh:mm:ss" on Kendo UI line chart如何在 Kendo UI 折线图上将时间标记为“hh:mm:ss”
【发布时间】：2016-04-18 11:19:30
【问题描述】：

我在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')""，但它似乎不起作用。

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

【问题讨论】：

标签： javascript jquery kendo-ui kendo-chart

【解决方案1】：

使用categoryAxis 代替xAxis 并用额外的# 结束表达式

见：Fiddle

【讨论】：

谢谢，这解决了问题。如果我单独更改模板，它将无法正常工作。我必须像你提到的那样改变两者。那么categoryAxis和xAxis有什么区别呢？我发现它有点混乱。