jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用Flot jQuery插件显示具有正确时区的工具提示大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在图形中显示xaxis标签时,我有一个Flot插件的问题.他们是“模式:”时间“”.目前我使用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);
 });

Flot选项

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和工具提示之间仍然有差异.

你有什么想法我应该如何解决我的问题?

解决方法

您可以尝试使用时区而不是timeZoneOffset.你的选项看起来像:
var plotOptions = {  
     lines:  { show: true,xaxis:  {  
          mode:   "time",timezone: "browser" // "browser" for local to the client or timezone for timezone-js  
          },clickable: false }
    };

我的版本是0.7

大佬总结

以上是大佬教程为你收集整理的使用Flot jQuery插件显示具有正确时区的工具提示全部内容,希望文章能够帮你解决使用Flot jQuery插件显示具有正确时区的工具提示所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。