如何将时间标记为“;hh:mm:ss”;在剑道UI折线图上

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

本文关键字：UI 折线图 ss mm 记为 时间 hh      更新时间：2023-09-26

我在这个小提琴中创建了一个演示

为了方便起见，代码也粘贴在下面。

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

相关文章：