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

标签 javascript jquery kendo-ui kendo-chart

我已经创建了一个演示，如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')"”，但它似乎不起作用。

您能让我知道执行此操作的正确方法吗？

最佳答案

使用 categoryAxis 而不是 xAxis 并使用附加的 # 关闭表达式

参见:Fiddle

关于javascript - 如何在 Kendo UI 折线图上将时间标记为 "hh:mm:ss"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36692473/