Отображать всплывающую подсказку с правильным часовым поясом с использованием плагина Flot jQuery

У меня небольшая проблема с плагином Flot при отображении меток xaxis на графике. Это 'режим: "время" . В настоящее время я использую Flot с функцией всплывающей подсказки, и всплывающая подсказка содержит дату и время. Это "режим:" время ". В настоящее время я использую Flot с функцией всплывающей подсказки, и всплывающая подсказка содержит дату и время. Это "режим:" время ". В настоящее время я использую Flot с функцией всплывающей подсказки, и всплывающая подсказка содержит дату и время. Я предоставляю плагину JSON, который содержит временные метки. После этого я конвертирую метку времени и показываю ее во всплывающей подсказке. Проблема в том, что при отображении данных на графике время из всплывающих подсказок не соответствует меткам xaxis, созданным плагином из-за разницы между часовыми поясами. Мои временные метки JSON - +2 GMT, но метки xaxis во Flot - +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 не работает, и у меня все еще есть различия между осью x и всплывающей подсказкой.

У вас есть идеи, как мне решить мою проблему?

15
задан Don't Panic 3 January 2017 в 17:26
поделиться