javascript - Highcharts 图表有时会被压扁

Question

有时(大约 15% 的时间)我的 highcharts 图表无法正确加载并显示如下:

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

我有一种预感，它可能会这样做，因为我已经为图表分配了百分比宽度而不是静态宽度。我想将其保留为百分比宽度。

关于如何解决这个问题有什么想法吗？

Answer 1

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

@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。