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


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!