使用Flot jQuery插件显示带有正确时区的工具提示
|
在图形中显示xaxis标签时,Flot插件存在一些问题。他们是
\'mode: \"time\"\'
。当前,我将Flot与工具提示功能一起使用,并且工具提示包含日期和时间。
我向包含时间戳的插件提供JSON。之后,我将转换时间戳并将其显示在工具提示中。问题在于,在图形中显示数据时,由于时区之间的差异,工具提示中的时间与插件生成的xaxis标签不对应。我的JSON时间戳为+2 GMT,但Flot中的xaxis标签为+0 GMT。所以我想知道是否有可能设置时区或类似的偏移量。
我的JSON(由AJAX生成)
[1300087800000,29],
[1300088700000,39],
[1300089600000,46],
[1300090500000,53],
[1300091400000,68],
[1300092300000,95],
...
我的工具提示功能
$(placeholder).bind(\"plothover\", function (event, pos, item) {
$(\"#tooltip\").remove();
var x = item.datapoint[0].toFixed(2);
var y = item.datapoint[1].toFixed(2);
var currDate = new Date(Math.floor(x));
var hour = currDate.getHours();
var minute = String(\"\") + currDate.getMinutes();
var tooltip = hour + \":\" +
((minute.length < 2) ? \"0\" + minute : minute) + \" \" +
(Math.round(y * 100)/100) + \"Wh\"
showTooltip(item.pageX, item.pageY, tooltip);
});
浮选选项
var plotOptions = {
lines: { show: true, lineWidth: 1 },
points: { show: false, symbol: \"cross\" },
xaxis: {
mode: \"time\",
tickLength: 5,
timeZoneOffset: (new Date()).getTimezoneOffset()
},
selection: { mode: \"x\", color: \"#BCBCBC\" },
grid: { hoverable: true, clickable: false }
};
但是不幸的是timeZoneOffset
不起作用,而且xaxis和工具提示之间仍然存在差异。
您有什么想法应该解决我的问题吗?
没有找到相关结果
已邀请:
3 个回复
缔恃钨
我的flot版本是0.7
疼嘶桐
队辅坟阮阶
并删除xaxis时区。