highcharts - 使用 Highcharts 在 x 轴上显示小时和分钟

Question

我想在面积图中输出以下数据(时间、电池电量):

data: [
    [08.15, 14.8],
    [08.20, 13.9],
    [08.25, 12.8],
    [08.30, 11.8],
    [08.35, 13.9],
    [08.40, 14.1],
    [08.45, 13.9],
    [08.50, 14],
    [08.55, 14],
    [09.00, 14.1],
    [09.05, 14.4]
]

x 轴应从上午 00:00 和下午 00:00 开始，一整天。

不幸的是，当我查看 API 时，我不明白要使用哪些选项。
我现在得到的是一个从 8.00~8.55,8.60,8.65 ~ 9.00 的 x 轴。所以它使用十进制系统而不是分钟系统。

如何配置线路应由 24 小时和 60 分钟组成？

使用当前数据，图表将是空的，只有上午 8 点到 9 点左右的点。

我希望有人可以帮助我。

谢谢，

马蒂斯

Answer 1

您可以尝试使用此代码以 12 小时时间格式制作 x 轴

xAxis: {
    title: {
        enabled: true,
        text: 'Hours of the Day'
    },
    type: 'datetime',

    dateTimeLabelFormats : {
        hour: '%I %p',
        minute: '%I:%M %p'
    }
},

同样对于“工具提示”，试试这个:

tooltip: {
    formatter: function() {
        return ''+
                "" +
                'Time: '+ Highcharts.dateFormat('%I:%M %p', this.x);
    }
},

当然系列将是:

series: [{
        data: [
            [Date.UTC(2013, 3, 22, 1, 15), 12.7], 
            [Date.UTC(2012, 3, 24, 3, 20), 13.5], 
            [Date.UTC(2012, 2, 22, 2, 25), 18.8]
        ]
    }]

希望它能解决你的问题。谢谢。