highcharts useUTC:针对xAxis的type为datetime类型

$.ajax({


type : 'post',
url : '/transmission/site/manage/manage-time!fansAll',
data : {
"startTime" : startTime,
"endTime" : endTime
},
dataType : 'json',
success : function(data) {
Highcharts.setOptions({
       global: {
           useUTC: false //关闭UTC
       }
   });
// Create the chart
$('#container').highcharts(
{
chart : {
type : 'line'
},
title : {
text : '粉丝总量趋势图'
},
xAxis : {
type : 'datetime',
dateTimeLabelFormats : { // don't display the
// dummy year
day : '%Y-%m-%d',
week : '%Y-%m-%d',
month : '%Y-%m-%d',
year : '%Y-%m-%d'
}
},
yAxis : {
title : {
text : '粉丝总量(人)'
},
min : 0
},
tooltip : {
crosshairs:[
               {
                   enabled:true,//是否显示Y轴标线
                   width:1,//标线宽度
                   color:'green' //标线颜色值
               }
           ],
formatter : function() {
return '<b>'
+ Highcharts.dateFormat('%Y-%m-%d',
this.x) + '</b><br/>'
+ this.series.name + ': ' + this.y
+ ' 人';
}
},
series : [ {
name : '粉丝总量',
data : data
} ]
});


},
error : function(data) {
alert(data);


}

});


总结:Highcharts.setOptions({
        global: {
            useUTC: false //关闭UTC
        }
    });

useUTC :当x轴为时间值的时候就需要设置global内的useUTC为false,因为默认是为true的。






另外,通过这两组刻度效果图比较就很直观明了地发现未使用UTC时间比使用UTC时间要延后8小时,所以我们在国内使用highcharts的时候,把useUTC设置成false

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值