Charts 组剑道ui图表类别轴日期标签舍入

Charts 组剑道ui图表类别轴日期标签舍入,charts,kendo-ui,kendo-chart,Charts,Kendo Ui,Kendo Chart,在我下面的剑道UI图表中,我一直希望精确显示5个类别(X)轴标签(这已经实现) 我有两个问题(更多细节请参考附图) 1) 这些标签必须在近一小时或30分钟内进行适当的四舍五入 2) 工具提示必须在dd.MM.yy HH:tt中格式化 此图表的数据是动态接收的。我无法将类别轴类型用作“日期”,因为我希望在图形上显示所有数据点 下面是我的示例代码 var数据源=[{“精度指数”:0,“亚精度指数”:0,“测量日期”:“2017-06-07T13:16:29.4”,“数据1”:22.0000000

在我下面的剑道UI图表中,我一直希望精确显示5个类别(X)轴标签(这已经实现)

我有两个问题(更多细节请参考附图)

1) 这些标签必须在近一小时或30分钟内进行适当的四舍五入

2) 工具提示必须在dd.MM.yy HH:tt中格式化

此图表的数据是动态接收的。我无法将类别轴类型用作“日期”,因为我希望在图形上显示所有数据点

下面是我的示例代码


var数据源=[{“精度指数”:0,“亚精度指数”:0,“测量日期”:“2017-06-07T13:16:29.4”,“数据1”:22.0000000000,“数据2”:-22.0000000000,“数据3”:-21.70000000,“数据4”:-7.600000000,“数据5”:-3.0000000000},{“精度指数”:800,“亚精度指数”:0,“测量日期”:“2017-06-07T13:16:29.4”,“数据1”:22.0000000000,“数据2”:-220000000,“数据3”:-21700000,“数据4”:-76000000,“数据5”:-3000000000,{“精度指数”:1,“亚精度指数”:0,“测量日期”:“2017-06-07T13:24:50.4”,“数据1”:220000000,“数据2”:-220000000,“数据3”:-21800000,“数据4”:-7800000”,“数据5”:-29000000,{“精度指数”:3,“亚精度指数”:0,“测量日期”:“2017-06-07T13:36:00.4”,“数据1”:22.0000000000,“数据2”:-22.0000000000,“数据3”:-21.80000000,“数据4”:-7.4000000000,“数据5”:-2.80000000},{“精度指数”:4,“亚精度指数”:0,“测量日期”:“2017-06-07T13:41:34.4”,“数据1”:22.0000000000,“数据2”:-22.0000000000,“数据3”:-21.90000000,“数据4”:-7.500000000,”数据:精度指数:5,“亚精度指数”:0,“测量日期”:“2017-06-07T13:47:09.4”,“数据1”:22.0000000000,“数据2”:-22.0000000000,“数据3”:-21.70000000,“数据4”:-7.70000000,“数据5”:-3.1000000000”,{“精度指数”:6,“亚精度指数”:0,“测量日期”:“2017-06-07T13:52:44.4”,“数据1”:22.0000000000,“数据2”:-22.00000000000,“数据2”:“:-21.600000000,“数据4”:-8.1000000000,“数据5”:-3.1000000000,“精度指数”:7,“亚精度指数”:0,“测量日期”:“2017-06-07T13:58:18.4”,“数据1”:22.0000000000,“数据2”:-22.00000000000,“数据3”:-21.600000000,“数据4”:-8.3000000000,“精度指数”:8,“亚精度指数”:0,“测量日期”2017-06-07T14:53”“数据1:”22.0000000000,“数据2:”22.0000000000,“数据3:”21.600000000,“数据4:”9.0000000000,“数据5:”3.3000000000),{“精度指数”:9,“亚精度指数”:0,“度量日期”:“2017-06-07T14:09:28.4”,“数据1:”22.0000000000,“数据2:”22.0000000000,“数据3:”21.80000000,“数据4:”9.1000000000,“数据5:”3.500000000,“精度指数”{,“次精度指数”:0,“测量日期”:“2017-06-07T14:15:02.4”,“数据1”:22.0000000000,“数据2”:-22.0000000000,“数据3”:-21.80000000,“数据4”:-9.5000000000,“数据5”:-3.80000000},{“精度指数”:11,“次精度指数”:0,“测量日期”:“2017-06-07T14:20:37.4”,“数据1”:22.0000000000,“数据2”:-22.0000000000,“数据3”:-21.600000000”“:-9.70000000,“数据”5:-3.70000000,{“精度指数”:12,“亚精度指数”:0,“测量日期”:“2017-06-07T14:26:12.4”,“数据”1:22.0000000000,“数据”2:-22.0000000000,“数据”3:-21.70000000,“数据”4:-9.90000000,“数据”5:-3.80000000,{“精度指数”:13,“亚精度指数”:0,“测量日期”:“2017-06-07T14:31:46.4”,“数据”1”:22.0000000000,“数据2”:-22.0000000000,“数据3”:-21.600000000,“数据4”:-10.2000000000,“数据5”:-3.90000000,{“精度指数”:14,“亚精度指数”:0,“测量日期”:“2017-06-07T14:37:21.4”,“数据1”:22.0000000000,“数据2”:-22.00000000000,“数据3”:-21.500000000000000,“数据4”:-10.600000000”,“数据5”:-4.3000000000,{,{”,“次精度指数”:0,“测量日期”:“2017-06-07T14:42:56.4”,“数据1”:22.0000000000,“数据2”:-22.0000000000,“数据3”:-21.70000000,“数据4”:-11.0000000000,“数据5”:-4.5000000000},{“精度指数”:16,“次精度指数”:0,“测量日期”:“2017-06-07T14:48:30.4”,“数据1”:22.0000000000,“数据2”:-22.0000000000,“数据3”:-21.00000000000”“:-11.4000000000,“数据_5”:-4.30000000000},{“精度指数”:17,“亚精度指数”:0,“测量日期”:“2017-06-07T14:54:05.4”,“数据_1”:22.0000000000,“数据_2”:-22.0000000000”,“数据_3”:-21.5000000000,“数据_4”:-11.80000000,“数据_5”:-4.80000000},{“精度指数”:18,“亚精度指数”:0,“测量日期”:“2017-06-074:59:40.4”,“数据_1”:22.0000000000,“数据2”:-22.0000000000,“数据3”:-21.70000000,“数据4”:-12.1000000000,“数据5”:-5.1000000000,{“精度指数”:24,“亚精度指数”:0,“测量日期”:“2017-06-07T15:33:07.4”,“数据1”:22.0000000000,“数据2”:-22.0000000000,“数据3”:-21.70000000,“数据4”:-12.3000000000,“数据5”:-5.500000000,{“精度指数”,“次精度指数”:0,“测量日期”:“2017-06-07T15:44:17.4”,“数据1”:22.0000000000,“数据2”:-22.0000000000,“数据3”:-21.70000000,“数据4”:-12.2000000000,“数据5”:-5.70000000},{“精度指数”:27,“次精度指数”:0,“测量日期”:“2017-06-07T15:49:51.4”,“数据1”:22.0000000000,“数据2”:-22.00000000000,“数据3”:-21.600000000”“:-12300000,“数据”5:-5700000,{“精度指数”:28,“亚精度指数”:0,“测量日期”:“2017-06-07T15:55:26.4”,“数据”1:-220000000,“数据”2:-220000000,“数据”3:-21700000,“数据”4:-12400000,“数据”5:-58000000,{“精度指数”:29,“亚精度指数”:0,“测量日期”:“2017-06-076:01:01.4”,“数据”:22.0000000000,“数据2”:-22.0000000000,“数据3”:-21.5000000000,“数据4”:-13.1000000000,“数据5”:-5.900000000},{“精度指数”:30,“亚精度指数”:0,“测量日期”:“2017-06-07T16:06:35.4”,“数据1”:-22.0000000000,“数据2”:-22.0000000000,“数据3”:-21.5000000000000000000000,“数据4”:-13.4000000000”,“数据5”:-6.3000000000,{指数,“次精度指数”:0,“测量日期”:“2017-06-07T16:12:10.4”,“数据1”:22.0000000000,“数据2”:-22.0000000000,“数据3”:-21.900000000,“数据4”:-13.600000000,“数据5”:-6.70000000},{“精度指数”:32,“次精度指数”:0,“测量日期”:“2017-06-07T16:17:45.4”,“数据1”:22.0000000
sharedTemplate: '<div> #= kendo.toString(new Date(category), "dd.MM.yy HH:mm") # </div># for (var i = 0; i < points.length; i++) { # <div>#: points[i].series.name# : #: points[i].value #</div># } #'
  labels: {
    template: function(e){
      var val =new Date(e.value);
      var mins = val.getMinutes();
      if (mins < 15 ) {
        val.setMinutes(0);
      } else if (mins < 45) {
        val.setMinutes(30);
      } else {
        val.setHours(val.getHours() + 1);
        val.setMinutes(0);
      }
      var label = kendo.toString(val, "dd.MM.yy HH:mm");
      return label.split(" ").join("\n");
    }
  }