使 Highchart 使用特定的目标时区

Question

我正在使用 highchart 沿时间 x 轴显示数据。 数据与地球上的特定位置相关，因此我需要让 HightChart 显示该位置的时间。 这既不是 UTC 也不是本地浏览器时区。

我已经看到了 UTC 设置，以使用 UTC 或浏览器的本地时间：

Highcharts.setOptions({
    global: { 
        useUTC: true
    }
});

而且我已经考虑根据我在 label 格式化程序中的目标时区应用延迟。 但它稍微复杂一些：如何在任何目标国家手动管理夏令时/冬令时切换等

也许如果有一种方法可以在 javascript 日期 object 中设置时区以使用具有特定时区的getLocalString() ？ ：/

关于如何执行此操作的任何想法？

Answer 1

如果现在既不是UTC，也不是本地浏览器时区，则只需作为系列的一部分提供时间戳，即可作为x轴标签的第二个数组，也可以将pointStart与pointInterval系列属性结合使用（如果数据有规律地间隔开）。

无论哪种情况，似乎都需要进行一些服务器端预处理才能正确设置时区。

Answer 2

可能的解决方案是在Highcharts中使用UTC，然后，如果您知道要显示的时区，则知道已经偏移。 然后只需在所有格式化程序（xAxis，工具提示等）中添加偏移量即可显示正确的日期。

Answer 3

我遇到了同样的问题，并通过设置useUTC：false来解决，然后让服务器为所需的时区发送时间戳。 在我的情况下，服务器发送“东部时间”数据，所有图表均在x轴上显示东部时间，但是客户端不在东部时间。

Answer 4

要使 Highchart 使用特定的目标时区，您可以为图表指定时区。
参考： https://api.highcharts.com/highcharts/time.timezone
要了解如何在 ReactJs 中使用此时区选项，请参阅此 URL https://github.com/highcharts/highcharts/issues/8661