highcharts - Navigator 不在 highstocks 图表的底部工作

Question

我有一个运行在https://weather.wesleyweisenberger.com的网站，目前我在不同的图表中显示温度、压力和湿度。图表的代码是：

$('#tempGraph').highcharts('StockChart', {
                series: tempSeries,
                xAxis: {
                    type: 'datetime',
                    showInNavigator: true,
                    tickInterval: 15 * 60 * 60,
                    minRange: 1
                },
                yAxis: [{
                    title: {
                        text: 'Temperature'
                    },
                    labels: {
                        format: '{value}°C'
                    }
                }],
                title: {
                    text: 'Temperature Over Time'
                },
                rangeSelector: {
                    buttons: [{
                        type: 'day',
                        count: 1,
                        text: '1d'
                    }, {
                        type: 'day',
                        count: 7,
                        text: '1w'
                    }, {
                        type: 'month',
                        count: 1,
                        text: '1m'
                    }, {
                        type: 'year',
                        count: 1,
                        text: '1y'
                    }, {
                        type: 'all',
                        text: 'All'
                    }]
                }
            })

但不幸的是，导航器在页面底部没有工作，它在某些地方工作，比如在我的手机上，但它似乎不适用于 chrome。有没有什么办法解决这一问题？

标签： highcharts