Для даты : Вы можете указать дату как Date.UTC(2018, 10, 15)
Для времени Это одно числовое значение, которое можно рассчитать на основе секунд, минут или миллисекунд.для отображения на графике.
yAxis форматер, который вы можете сохранить как:
formatter: function() {
var time = this.value;
var hours1 = parseInt(time / 60);
var mins1 = parseInt(parseInt(time % 60));
return hours1 + ':' + mins1;
}
В приведенном выше форматере он рассчитывает часы и минуты на основе общего количества минут.например, 100 минут = 1:40 утра
function minutesToHHMM (mins, twentyFour = false) {
let h = Math.floor(mins / 60);
let m = mins % 60;
m = m < 10 ? '0' + m : m;
if (twentyFour) {
h = h < 10 ? '0' + h : h;
return `${h}:${m}`;
} else {
let a = 'am';
if (h >= 12) a = 'pm';
if (h > 12) h = h - 12;
return `${h}:${m} ${a}`;
}
}
$(function() {
$('#container').highcharts({
chart: {
type: 'column'
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
day: '%e of %b'
}
},
yAxis: {
title: {
text: 'Time (hh:mm)'
},
max: 1440,
tickInterval: 10,
labels: {
formatter: function() {
var time = this.value;
return minutesToHHMM(time);
}
}
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
},
},
series: [{
data: [
[Date.UTC(2018, 10, 15), 1440],
[Date.UTC(2018, 10, 16), 200],
[Date.UTC(2018, 10, 17), 300],
[Date.UTC(2018, 10, 18), 0]
]
}]
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>