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

最后

以上就是痴情芹菜为你收集整理的highcharts useUTC：针对xAxis的type为datetime类型的全部内容，希望文章能够帮你解决highcharts useUTC：针对xAxis的type为datetime类型所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。