javascript - Highchartsのタイムゾーン

Question

私が理解している限り、HighchartsのデフォルトはUTCです。この投稿の回答で示唆されているように、さまざまな日付範囲のHighchartsグラフのX軸ラベルを作成しようとしました。私が正しく理解していれば、これはタイムゾーンをブラウザのタイムゾーンに設定する必要があります。

私はこれをjsFiddleでテストしましたが、useUTCオプションを切り替えても効果がないようです。

http://jsfiddle.net/looneyp/me3ry/

質問：上記で何が間違っているのですか？また、タイムゾーンを正しく設定するにはどうすればよいですか？

score 11 · Accepted Answer

それはその日の1つです

私は英国にいるので、グリニッジ標準時にいるので、UTCtrueまたはfalseでも同じ結果が得られます。予想される表示時間の不一致は、PHPでのunixTimeへの解析の問題が原因でした。

score 7 · Accepted Answer

Highchartsは3.0.8のタイムゾーンをサポートするようになりました

これで、timezoneOffsetグローバルプロパティを設定できます：http： //api.highcharts.com/highcharts#global.timezoneOffset

score 6 · Accepted Answer

あなたがしていることは何も間違っていないようです。このjsFiddleは、グローバルHighchartsオプションでUTCが無効になっている場合のx軸のシフトを示しています。

score 4 · Accepted Answer

Highchartsは、最近のバージョンでこのオプションを移動しました。

覚えておくべきことの1つは、シフトはUTCからの現地時間の逆または負のように見えることです。したがって、たとえばUTC + 2を使用している場合は、になりますtimezoneOffsetが-2 * 60、これは完全に直感的ではありません。

Highcharts.setOptions({
    time: {
        timezoneOffset: -2 * 60
   }
});

APIドキュメント：https ：//api.highcharts.com/highcharts/time.getTimezoneOffset

その例を次に示します。http：//jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/time/timezoneoffset/

score 1 · Accepted Answer

このコードをdocument.readyに追加すると、UTC時間でフィードする場合は、ローカルタイムゾーンのハイチャートを取得する必要があります。

$(document).ready(function () {

  Highcharts.setOptions({
      global: {
          /**
           * Use moment-timezone.js to return the timezone offset for individual
           * timestamps, used in the X axis labels and the tooltip header.
           */
          getTimezoneOffset: function (timestamp) {
              d = new Date();
              timezoneOffset =  d.getTimezoneOffset()

              return timezoneOffset;
          }
      }
  });

});

score 0 · Accepted Answer

getfunctionによるタイムゾーンの使用例：getTimezoneOffsetの使用

var x = new Date();
var currentTimeZoneOffsetInHours = x.getTimezoneOffset() / 60;

javascript - Highchartsのタイムゾーン

6 に答える 6

Related

Reference