Javascript highcharts在x轴上显示小时分钟

请帮助我，我需要用highchart显示一个3小时图表，其中有分钟

请看截图

---

非常感谢

您只需使用数据扩展下面的代码即可

HTML

<div id="container" style="height: 400px"></div>

JS

var chart = new Highcharts.Chart({
chart: {
    renderTo: 'container',
    defaultSeriesType: 'line',
    marginRight: 130,
    marginBottom: 25
},
title: {
    text: 'Highcharts',
    x: -20 //center
},
subtitle: {
    text: ' ',
    x: -20
},
xAxis: {
    categories: ['1', '2', '3', '4', '5', '6',
                    '7', '8', '9', '10', '11', '12']
},
yAxis: {
    title: {
        text: ' '
    },
    plotLines: [{
        value: 0,
        width: 1,
        color: '#808080'}]
},
tooltip: {
    formatter: function() {
        return '<b>' + this.series.name + '</b><br/>' + this.x + ': ' + this.y;
    }
},
legend: {
    layout: 'vertical',
    align: 'right',
    verticalAlign: 'top',
    x: -10,
    y: 100,
    borderWidth: 0
},
series: [    
{
    name: 'Time',
    data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]}]
});

var图表=新的Highcharts.图表({
图表：{
renderTo:'容器'，
defaultSeriesType:“行”，
marginRight:130，
marginBottom:25
},
标题：{
文本：“高图表”，
x:-20/中心
},
副标题:{
文本：“”，
x:-20
},
xAxis：{
类别：['1'，'2'，'3'，'4'，'5'，'6'，'，
'7', '8', '9', '10', '11', '12']
},
亚克斯：{
标题：{
文本：“”
},
绘图线：[{
值：0，
宽度：1，
颜色：'#808080'}]
},
工具提示：{
格式化程序：函数（）{
返回“+this.series.name+”
“+this.x+”：“+this.y；
}
},
图例：{
布局：“垂直”，
对齐：“右”，
垂直排列：“顶部”，
x:-10，
y:100，
边框宽度：0
},
系列：[
{
名称：'时间'，
数据：[3.9,4.2,5.7,8.5,11.9,15.2,17.0,16.6,14.2,10.3,6.6,4.8]}]
});

---

这是jsfiddle文件

如果您从为用户创建一个jsfiddle文件开始，总是会更好。很方便！谢谢你。但是如何在x轴上对标签进行分组呢。除了分钟外，我还必须在标题中注明各自的时间，请参见所附图片超级感谢！