从 Highcharts 工具提示中删除 UTC 日期答案

【问题标题】：Remove UTC date from Highcharts tooltip从 Highcharts 工具提示中删除 UTC 日期
【发布时间】：2014-09-10 11:18:41
【问题描述】：

我在 Highcharts 中遇到这个问题已经有一段时间了

工具提示：

在顶部，日期小时采用 UTC 格式，我希望它采用与数据相同的格式（或本地时区，并且不应更改为 UTC 等，从日期也！）

我的关于tooltip的sn-ps代码如下：

dateTimeLabelFormats : {
                second : '%H:%M',
                minute : '%H:%M',
                hour : '%H:%M',
                day : '%e. %b %a',
                week : '%e',
                month : '%b',
                year : '%e'
                 },
            labels : {
                formatter: function(){ 
                  var daystr = Highcharts.dateFormat('%e %b %a', this.value);
                  var first = daystr.substring (0,daystr.length - 1);
                  return first;                                                                                                                 //return Highcharts.dateFormat('%e %b,', this.value);
                }

还有：

tooltip: {
            shared: true,
            valueDecimals: 2,
         },

另外，x 轴上的日期是 2 天 +/- ，我尝试通过将 useUTC 设置为 false 来删除 UTC 格式，即使这样也没有用。

我需要知道如何为工具提示获取非 UTC 格式的日期时间。

欢迎所有方法/建议。

更新：

好的，不知何故，我无法从我的任何选项卡中删除 UTC。但不知何故，它已经从一个标签中删除了。我不知道怎么做！

我在我的 highcharts 末尾使用了这个，但它不起作用：

   ,setOptions : ({
            global : {
                            useUTC : false
            }
            })

但是，我究竟在哪里使用网站上提到的以下内容（这不起作用）

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

我真的不明白这里发生了什么。第一个应该在技术上工作。你能告诉我在哪里添加这些sn-ps吗，我巨大的highcharts代码开头为：

$j(function () {


            $j('#container1').highcharts({
            chart: {
                zoomType:'xy'
            },
            credits: {
                enabled: false
            },
            title: {
                text: 'Trend Graph'
            },     << And so on ....... >>

【问题讨论】：

标签： javascript highcharts tooltip utc

【解决方案1】：

您确实需要将useUTC 设置为false，然后使用timezoneOffset 与数据中使用的时区相同。

useUTC 没用？你是怎么设置的？确保与演示中的方式相同。

【讨论】：

检查更新的答案，尝试了几种方法，都不行！
用一些静态数据在 jsFiddle 上重新创建问题，我会检查一下。
文档中并不清楚，但您必须 both useUTC=false 和 timezoneOffset=whatever 以确保所有内容都显示在所选偏移量中。 @PawełFus 文档中 timzoneOffset 的示例不包括 useUTC 属性，这令人困惑，只是提醒一下。

【解决方案2】：

在您的工具提示中，您应该为日期格式添加 xDateFormat

tooltip: {
        xDateFormat: '%Y-%m-%d',
        shared: true,
        valueDecimals: 2
    }

如果你想要有时间的日期，你需要像这样添加

tooltip: {
        xDateFormat: '%Y-%m-%d %H:%M:%S',
        shared: true,
        valueDecimals: 2
    }

然后删除 dateTimeLabelFormats。

【讨论】：

【解决方案3】：

值得注意的是，useUTC 应该在创建图表之前设置，否则如果您在创建图表后应用，它将无法获取设置。

【讨论】：