Диаграмма кендо, показывающая неверные данные времени по оси X - PullRequest
1 голос
/ 27 января 2020

В моем приложении мне нужно показать формат времени на графике кендо. В следующем примере показано, как отобразить время на оси значений категориальных графиков пользовательского интерфейса Kendo. Документ Kendo для отображения времени по оси значений

Фрагмент пользовательского интерфейса Kendo

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.114/styles/kendo.default-v2.min.css"/>

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.1.114/js/kendo.all.min.js"></script>

<div id="chart"></div>
<script>
  $("#chart").kendoChart({
    series: [{
      data: [new Date("2015/01/01 01:22").getTime(),
             new Date("2015/01/01 02:24").getTime()]
    }],
    valueAxis: {
      labels: {
        template: "#= kendo.format('{0:HH:mm}', new Date(value)) #"
      },
      min: new Date("2015/01/01").getTime(),
      majorUnit: 20 * 60 * 1000 // 20 minutes step
    },
    tooltip: {
      visible: true,
      template: "#= kendo.format('{0:HH:mm}', new Date(value)) #"
    }
  });
</script>

Это время показа правильно, но проблема в том, когда данные диаграммы, как показано ниже,

series: [{
  data: [new Date("2015/01/01 00:00").getTime(),
         new Date("2015/01/01 00:00").getTime()]
}],

Когда данные диаграммы, как указано выше (00:00), приложение застревает. Как можно этого избежать.

Я поменял majorUnit на majorUnit: 0 * 60 * 1000, затем приложение загрузилось без зависания. но данные Оси показывают неправильный путь (пожалуйста, смотрите изображение ниже).

enter image description here

...