格式化highcharts日期工具提示以显示时区

格式化highcharts日期工具提示以显示时区,highcharts,Highcharts,我想在日期/时间工具提示上显示时区 xDateFormat选项没有显示时区的选项 例如: 当前,日期工具提示显示:2019年4月5日星期五 我想让它显示:2019年4月5日星期五UTC+00:00试试这个: 如果您想更改右边的UTC值,您需要围绕该值编写一些代码,以创建一个变量并使用串联或插值 我使用了day.js,下面是从浏览器获取时间戳的其他方法 有一些资源可以用来设置日期时间格式,我使用了这个:您可以向高图添加额外的日期格式说明符。dateFormats对象: Highcharts.d

我想在日期/时间工具提示上显示时区

xDateFormat
选项没有显示时区的选项

例如:

当前,日期工具提示显示:
2019年4月5日星期五

我想让它显示:
2019年4月5日星期五UTC+00:00
试试这个:

如果您想更改右边的UTC值,您需要围绕该值编写一些代码,以创建一个变量并使用串联或插值

我使用了day.js,下面是从浏览器获取时间戳的其他方法


有一些资源可以用来设置日期时间格式,我使用了这个:

您可以向高图添加额外的日期格式说明符。dateFormats对象:

Highcharts.dateFormats = {
    'Z': function(time) {
        return new Date(time).getTimezoneOffset() / 60
    }
}


Highcharts.stockChart('container', {
    ...,
    tooltip: {
        xDateFormat: '%A, %B %d, %Y UTC %Z'
    }
});
现场演示:


API参考:

这太棒了,谢谢大家!旁注,
%A
用于显示全天的格式化程序未记录在Highcharts中。但多亏了你,我也知道了!干杯,伙计
Highcharts.dateFormats = {
    'Z': function(time) {
        return new Date(time).getTimezoneOffset() / 60
    }
}


Highcharts.stockChart('container', {
    ...,
    tooltip: {
        xDateFormat: '%A, %B %d, %Y UTC %Z'
    }
});