Highcharts图表有时会出现压扁

Question

有时（大约15％的时间）我的highcharts图表无法正确加载并显示如下：

然后我会调整浏览器窗口大小并自行修复并正确显示。

我有预感它可能会这样做，因为我已经为图表指定了宽度百分比而不是静态宽度。我想把它保持为百分比宽度。

关于如何解决这个问题的任何想法？

Answer 1

使用以下断点。最后三个来自bootstrap，第一个是奖金。

@media screen and (min-device-width:230px){
    .chart{
        width:230px;
    }
}
@media screen and (min-device-width:768px){
    .chart{
        width:768px;
    }
}
@media screen and (min-device-width:992px){
    .chart{
        width:992px;
    }
}
@media screen and (min-device-width:1200px){
    .chart{
        width:100%;
    }
}

+1，如果它有帮助。