Невозможно установить часовой пояс на графике Highcharts - PullRequest
Новая
       16

Невозможно установить часовой пояс на графике Highcharts

0 голосов
/ 11 декабря 2018

Я хочу установить часовой пояс «America / Los_Angeles» на графике Highchart и не хочу показывать часовой пояс браузера по умолчанию для клиента.Для этого я добавил библиотеку moment.js в код.Но когда я запускаю это, я получаю ошибку ниже. 

Uncaught TypeError: n.tz is not a function
    at a.Time.getTimezoneOffset (highstock.js:97)
    at a.Time.timezoneOffset.set (highstock.js:95)
    at a.Time.getTimeTicks (highstock.js:99)
    at F.C.getTimeTicks (highstock.js:166)
    at F.<anonymous> (highstock.js:393)
    at F.a.(anonymous function) [as getTimeTicks] (https://url/highstock-6.0.5/highstock.js:19:376)
    at F.setTickPositions (highstock.js:139)
    at F.<anonymous> (highstock.js:404)
    at F.a.(anonymous function) [as setTickPositions] (https://url/highstock-6.0.5/highstock.js:19:376)
    at F.setTickInterval (highstock.js:138)

Ниже приведен код графика Highchart, который я использую 

window.moment = moment;    

Highcharts.chart('chart1', {
                chart: {
                    type: 'area',
                    zoomType: 'x'
                },
          time: {
                    timezone: 'America/Los_Angeles'
                },
                title: {
                    text: 'graph'
                },
                subtitle: {
                    text: document.ontouchstart === undefined ?
                            'Click and drag in the plot area to zoom in' : 'Pinch the chart to zoom in'
                },
                xAxis: {
                    type: 'datetime'
                },
                yAxis: {
                    title: {
                        text: 'Attack Size'
                    }
                },
                tooltip: {
                    formatter: function () {
                         return  Highcharts.dateFormat('%b %e, %H:%M',new Date(this.x))+ '<br/> Attack <b>' + this.y + ' ]';
                   } 
                },
                credits: {
                    enabled: false
                  },
                legend: {
                    enabled: false
                },
                plotOptions: {
                    area: {
                    pointStart: 1940,
                    marker: {
                        enabled: false,
                        symbol: 'circle',
                        radius: 2,
                        states: {
                            hover: {
                                enabled: true
                                }
                            }
                        }
                    },
                    series:{
                        turboThreshold:4000
                    }
                },
                series: [{
                    name: 'Description',
                    data: data
                }]
            });

1 Ответ

0 голосов
/ 12 декабря 2018

Ошибка .tz is not a function означает, что функция tz недоступна для объекта moment, возможно потому, что Момент-часовой пояс не был установлен.

Вы будетенеобходимо импортировать как moment.js, так и moment-timezone-with-data (или moment-timezone-with-data-2012-2020 и т. д.), как описано в документации по моменту и часовому поясу .

...