在高图表中设置日期时间度量单位

Question

我用 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]
            ]
        }]
    });
});

这是我的例子：http://jsfiddle.net/CqkUc/1/

我的问题是每列工具提示都显示相同的日期，我希望它们显示不同的时间。我知道我可以使用工具提示格式化程序功能，但我认为可能有一种方法可以将 xAxis 单位强制为一小时。

Answer 1

您可以为 dateTime 轴和工具提示的每个级别设置格式。 默认情况下，轴格式与工具提示格式不同。 有关默认值，请参阅 http://api.highcharts.com/highcharts#tooltip 和 http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats。它似乎在工具提示中对这些数据点使用日期格式，尽管我不确定为什么。 对于第一个具有所有 0 的时间元素是有意义的，但对于其他元素则没有意义。

http://jsfiddle.net/bhlaird/CqkUc/2/

  $('#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]
            ]
        }]
    });

Answer 2

您可以使用工具提示格式化程序和日期格式来自定义显示的时间。