Highcharts图表有时会出现压扁-Java 学习之路

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

squashed highcharts image

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

highcharts chart displaying correctly

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

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

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如果它有帮助 .

回复于 2024-04-28T21:28:42+08:00

Highcharts图表有时会出现压扁

1 回答

相关问题