我试图通过列范围图表,人们的睡眠时间(我的y)。 我的数据系列包括每天的睡眠时间和唤醒时间(我的x轴)。 我尝试修改为columnrange提供的示例,但是只要我在系列中输入日期而不是普通数字,图表就不会显示。 我使用下面的代码 - 感谢您对此的输入。 感谢
$(function () {
$('#container').highcharts({
chart: {
type: 'columnrange',
inverted: true
},
title: {
text: 'Sleeping time per day'
},
subtitle: {
text: 'Observed in 2013'
},
xAxis: {
categories: ['02/07/2013', '03/07/2013', '04/07/2013']
},
yAxis: {
title: {
text: 'Time'
},
type: 'datetime'
},
plotOptions: {
columnrange: {
dataLabels: {
enabled: true,
formatter: function () {
return this.y;
}
}
}
},
legend: {
enabled: false
},
series: [{
name: 'Leo',
data: [
[date.UTC(2013,07,02,21,0,0), date.UTC(2013,07,03,4,0,0)],
[date.UTC(2013,07,02,21,0,0), date.UTC(2013,07,03,5,0,0)],
[date.UTC(2013,07,02,21,0,0), date.UTC(2013,07,03,6,0,0)]
]
}]
});
});