jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – Flot Chart工具提示错误 – 工具提示日期是X轴日期背后的一天大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我无法理解为什么工具提示日期已经过了一天.我相信x轴是正确的,我一直在玩它,但这是在扼杀我.

我怎样才能解决这个问题?

我将一个JSON一个URL端点传递给变量jsonDataUrl.以下是一个示例数据点:[{date:“2013-01-01”,value:50}]

而cssSELEctor只是占位符.

这是我的代码

$.getJSON(jsonDataUrl,function(res) {
   var data = [];
    $.each(res,function(i,entry){
      data.push( [new Date(entrY["date"]),entrY["value"]] );
    });

    var opts = { yaxis: { min: 0},xaxis: { mode: "time",timeformat: "%m-%d"},series: { lines: { show: true },points: { show: true } },grid: {hoverable: true,clickable: truE}
    };

    $.plot($(cssSELEctor),[data],opts);

    $(cssSELEctor).bind("plotclick",function(event,pos,item) {
        if (item) {

            var x = parseInt(item.datapoint[0]),y = item.datapoint[1];
            var date = (new Date(X));
            var day = date.getDate();
            var month = date.getMonth() + 1;
            var formattedDate = month + "-" + day;

            $("#tooltip").remove();
            var label = "date: " + formattedDate + "<br/> count: " + y;
            showTooltip(item.pageX,item.pageY,label);
        }
    });
  });

解决方法

我希望这没关系,但我想回答我自己的问题.我很高兴我发现了这个愚蠢的错误我正在使用Ruby on Rails收集数据并通过JSON url将其传递给Flot Chart.由于服务器在UTC午夜记录数据,因此它将数据传递到本地时区的工具提示,完全使其不同步.

所以,我基本上将date.getDate()和date.getMonth()更改为date.getUTCDate()和date.getUTCMonth().

大佬总结

以上是大佬教程为你收集整理的jquery – Flot Chart工具提示错误 – 工具提示日期是X轴日期背后的一天全部内容,希望文章能够帮你解决jquery – Flot Chart工具提示错误 – 工具提示日期是X轴日期背后的一天所遇到的程序开发问题。

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

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