HighChart xAxisのタイムラインをUTCではなく現地時間と一致するように変更するにはどうすればよいですか？

Question

上記の私のスクリーンショットでは、ツールチップに正しいローカル時刻が表示されています。ただし、xAxisタイムラインはUTC時刻の午後12時を示しています。

const setHighChartOptions = (color, background, gridLine) => { 
    Highcharts.setOptions({ 
     global: { useUTC: false }, // <-- 
     chart: { 
      backgroundColor: background 
     }, 
     legend: { 
      itemStyle: { color: color } 
     }, 
     loading: { 
      labelStyle: { color: color }, 
      style: { backgroundColor: background } 
     }, 
     xAxis: { labels: {style: { color: color }}} 
    }); 

    chart.get('y-axis-price').update({ 
     gridLineColor: gridLine, 
     gridLineDashStyle: 'longdash' 
    }, false); 

    chart.get('x-axis-sentiment').update({ 
     tickColor: background 
    }, false); 

    chart.get('x-axis-alert').update({ 
     tickColor: background 
    }, false); 
}; 

：チャートがロードされた後に実行されます私のsetHighCharts機能ならびに

vm.config = { 
    global: { useUTC : false }, // <-- 
    options: { 
    // .... 

を：私のchartConfigで

：私はglobal:useUTCが2ヶ所に偽設定されている

私は行方不明の何か？ :(

Answer 1

はこれを考え出した！....キーがsetHighChartOptions機能。falseにuseUTCを設定するために実行するために必要なchartConfigは無用だった私の中global目的であった

。

問題は、あなたがテーマを変更した場合にのみ呼び出される関数が。だから今、私はちょうどすぐにチャートがロードされた後、それを呼び出して、今useUTCが正しくfalseに設定されます、私のアプリにした。

const initHighChart = (chart, urlObject) => { 
    setHighChartOptions('#fff', '#474747', '#656565'); 
    let ticker = urlRetrieve.ticker(urlObject); 
    let epoch = urlRetrieve.epochs(urlObject); 
    setNewChartTicker(chart, ticker, epoch.start, epoch.end); 
};