В моем приложении мне нужно показать формат времени на графике кендо. В следующем примере показано, как отобразить время на оси значений категориальных графиков пользовательского интерфейса 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
, затем приложение загрузилось без зависания. но данные Оси показывают неправильный путь (пожалуйста, смотрите изображение ниже).