关于jQuery.flot x轴日期对应不上的问题的解决方法

也许在我们使用jquery flot时遇到了x轴的日期对应不上的问题


这是由于jquery flot插件的时间换算为utc的比我们的正常得到的时间小了8个小时,所有我们在用java构建数据的时侯,在转换时间为毫秒时要相应的加下8个小时的时差如下

private Map<String, IfengTjVo> onlineIfengCount(List<OnlineDay> list) {
        IfengTjVo tjB = new IfengTjVo();
        tjB.setLabel("在线人数");

        for (OnlineDay vo : list) {
            long l = 0;
            try {
                l = sdf.parse(sdf.format(vo.getDay())).getTime();
                l = l + 8*60*60*1000;
            }
            catch (ParseException e) {
                e.printStackTrace();
            }
            Object[] arrB = {l, vo.getCountPeople()};
            tjB.getData().add(arrB);
        }

        Map<String, IfengTjVo> mapTemp = new LinkedHashMap<String, IfengTjVo>();
        mapTemp.put("flot_name_b", tjB);
        return mapTemp;
    }

* 8小时的问题也可以这样转化

xaxis: { 
            mode: "time",
            timeformat: "%H:%M:%S",
            tickFormatter: function (val, axis) {
                var d = new Date(val);
                return d.toLocaleTimeString();
            }
        }

 

 

posted @ 2014-01-06 20:03  坏混混  阅读(443)  评论(0)    收藏  举报