在存在全屏模式后在Highcharts中显示错误

Question

当您以全屏模式打开图表时，它会按预期工作：图表将显示在整个屏幕上，但是当您退出全屏模式时，原始图表会延伸到更大的高度。您可以在这里进行测试：

https://jsfiddle.net/9b6m438y/

responsive: {
    rules: [{
        condition: {
            maxWidth: 500
        },
        chartOptions: {
            legend: {
                layout: 'horizontal',
                align: 'center',
                verticalAlign: 'bottom'
            }
        }
    }]
}

如何复制：打开图表右上角的上下文菜单，选择“全屏查看”，然后退出全屏模式，并注意原始图表的高度。

如何避免这种情况？

Answer 1

[是否存在错误，这是有争议的，因为不同的浏览器在当前的全屏模块实现中工作原理不同，您可以在此处查看整个讨论：https://github.com/highcharts/highcharts/issues/13222

作为一种变通方法（建议在上面的链接下），您可以在CSS中设置容器高度。

演示：https://jsfiddle.net/9b6m438y/

#container {
    height: 400px;
}

[如果您对此有自己的看法，请随时参与GitHub问题票上的讨论。