Javascript 在Highcharts中设置日期时间度量单位

我用3个数据点设置柱状图。每个x值都是一个日期时间值-一天内的不同小时

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },

        xAxis: {
            type: 'datetime'
        },
        series: [{
            data: [
                [Date.UTC(2013, 5, 1, 0, 0, 0), 1], 
                [Date.UTC(2013, 5, 1, 2, 0, 0), 1], 
                [Date.UTC(2013, 5, 1, 4, 0, 0), 1]
            ]
        }]
    });
});

这是我的例子：

---

我的问题是，每个列的工具提示都显示相同的日期，我希望它们显示不同的时间。我知道我可以使用tooltip formatter函数，但我认为可能有一种方法可以强制xAxis单位为一小时。

您可以为日期时间轴和工具提示的每个级别设置格式。默认情况下，轴格式不同于工具提示格式。有关默认值，请参见和。在工具提示中，这些数据点似乎使用了day格式，但我不知道为什么。这对第一个有意义，因为它的时间元素都是0，但对其他元素没有意义

---

您可以使用和自定义显示的时间。

我动态更改数据。它可以是一年内的几个月、一个月内的几天和一天内的几个小时。在大多数情况下，工具提示会显示我想看到的内容。但当我有时间0:00时，它会显示日期而不是时间。我希望没有必要每次都手动设置工具提示格式。

  $('#container').highcharts({
        chart: {
            type: 'column'
        },
        tooltip: {
            dateTimeLabelFormats : {
                day: '%H:%M',
            }
        },
        xAxis: {
            type: 'datetime',
            dateTimeLabelFormats: {
                day: '%H:%M'
            }
        },
        series: [{
            data: [
                [Date.UTC(2013, 5, 1, 0, 0, 0), 1],
                [Date.UTC(2013, 5, 1, 2, 0, 0), 1],
                [Date.UTC(2013, 5, 1, 4, 0, 0), 1]
            ]
        }]
    });