HighChart工具提示与yaxis dateformat不同

时间:2016-03-14 09:29:27

标签: javascript php highcharts

我使用高图时遇到了问题。 在yaxis dateformat中它没有问题,但是在工具提示日期格式中,它给了我不同的1小时。

JS:

var options = {
    chart: {
        renderTo: 'container',
        type: 'line'
    },
    title: {
        text: 'Report Due Date vs Surat Jalan',
        x: -20 //center
    },
    subtitle: {
        text: 'PT BKA',
        x: -20
    },
    xAxis: {
        categories: [],
        title: {
            text: 'So No'
        },
        labels :{
            rotation: -45
        }
    },
    yAxis: {
        type: 'datetime',
        dateTimeLabelFormats: { 
            day: '%d/%m/%Y %H:%M:%S'  },
        labels :{
            formatter:function() {return  Highcharts.dateFormat('%d/%m/%Y %H:%M:%S',this.value);}
        },
        title: {
            text: 'Date'
        },
        plotLines: [{
            value: 0,
            width: 1,
            color: '#808080'
        }]
    },
    tooltip: {
        formatter: function() {
            return  '<b>' + this.x + '</b><br><b>' + this.series.name +'</b> : ' + 
                Highcharts.dateFormat('%d/%m/%Y %H:%M:%S',this.y);
        }
    },
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
    },
    series: []
};

PHP的JSON数据:

1: {name: "SODate", data: [1457910000000]}
data: [1457910000000]
name: "SODate"
2: {name: "DeliverDate1", data: [1457996400000]}
data: [1457996400000]
name: "DeliverDate1"
3: {name: "DeliverDate2", data: [1458169200000]}
data: [1458169200000]
name: "DeliverDate2"
4: {name: "DeliverDate3", data: [1458255600000]}
data: [1458255600000]
name: "DeliverDate3"

工具提示:

SODate : 1 457 910 000 000
DeliverDate1 : 1 457 996 400 000

但是当像第一个脚本一样使用格式化程序时,它会显示不同的1小时不同

SODate in yaxis : 14/03/2016 00:00:00
SODate in Tooltip : 13/03/2016 23:00:00

我已经在使用

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

但它只会变得更加不同。 为什么会这样?

2016年3月15日更新:

使用global后:{timezoneOffset:7 * 60,useUTC:false} 它没有什么不同,因为yaxis不是问题。

enter image description here

使用global后:{timezoneOffset:-60,useUTC:true} 它有效,但它是对的吗?

enter image description here

0 个答案:

没有答案