0

我用 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 单位为一小时。

4

2 回答 2

0

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

于 2013-10-17T09:55:45.797 回答
0

您可以为 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]
            ]
        }]
    });
于 2013-10-16T20:52:59.573 回答