我已经创建了一个演示,如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