导航器不在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。有什么方法可以解决这个问题吗？