愛悠閑 > highcharts useUTC:針對xAxis的type為datetime類型

highcharts useUTC:針對xAxis的type為datetime類型

分類: heighcarts  |  作者: liujava621 相關  |  發布日期 : 2014-12-19  |  熱度 : 1835°
$.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



同類文章:heighcarts
快乐彩中奖说明