highcharts - 退出全屏模式后出现 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 问题票的讨论。