jquery flot x轴时间差8小时问题

最新推荐文章于 2020-09-27 13:45:36 发布

原创最新推荐文章于 2020-09-27 13:45:36 发布 · 389 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #flot #ViewUI

本文介绍了使用flot库时，从后台接收到的时间数据默认显示为UTC，与本地时间存在时差的问题。通过实现自定义tickFormatter函数，成功将UTC时间转换为本地时间格式展示在图表上。

使用flot时x轴为时间数据从后台传时间过来，但现实后发现显示的是UTC时间，跟本地时间差8小时，查了下资料用tickFormatter解决了。

var options = {
        lines: { show: true },
        points: { show: true },
        grid: { hoverable: true},
        xaxis: { 
        	mode: "time",
        	timeformat: "%H:%M:%S",
        	tickFormatter: function (val, axis) {
	            var d = new Date(val);
	            return d.toLocaleTimeString();//转为当地时间格式
	        }
        }
    };