如何更改HighChart xAxis時間軸以匹配當地時間而不是UTC？

Question

請注意，在我的屏幕截圖中，工具提示顯示正確的本地時間。然而，xAxis時間表顯示UTC時間下午12:00。

我global:useUTC在2個地方設置爲false：

在我chartConfig：

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

中獲取運行圖表加載後我setHighCharts功能以及：

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); 
}; 

我錯過了什麼？ :(

Answer 1

就想通了這一點！

在我chartConfig是無用的global對象....關鍵是setHighChartOptions功能，即需要以設置useUTC爲false運行。

的問題是在我的應用程序，該功能如果你改變主題只有被調用。所以，現在我只是把它馬上圖表加載後，現在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); 
};