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

时间:2014-09-10 11:18:42

标签: javascript highcharts tooltip utc

我一直在Highcharts中遇到这个问题

工具提示:

enter image description here

在顶部,日期时间是UTC格式,我希望它与数据格式相同(或本地时区,它不应更改为UTC等,删除“T& Z”从约会之日起!)

我关注工具提示的代码片段如下:

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格式获取datehour。

欢迎所有方法/建议。

更新:

好的,不知怎的,我无法从我的任何标签中删除UTC。 但它已经以某种方式从一个标签中删除了。我不知道怎么做!

我在我的高等艺术结束时使用了这个,但是无效:

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

但是,我在哪里使用网站上提到的以下内容(这不起作用)

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

我真的不明白这里发生了什么。第一个应该在技术上工作。 你能告诉我确切地在哪里添加这些片段,我的巨大的高级代码开始于:

$j(function () {


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

3 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:1)

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

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

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

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

然后删除dateTimeLabelFormats。

答案 2 :(得分:0)

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