HighChart xAxis 타임 라인을 UTC가 아닌 현지 시간과 일치하도록 변경하는 방법은 무엇입니까?

Question

위의 스크린 샷에서 툴팁에 올바른 현지 시간이 표시됩니다. 그러나 xAxis 타임 라인은 UTC 시간으로 12:00 pm입니다.

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 곳에서 false로 설정해야

내가 놓친 게있어? :(

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