javascript - HighCharts (HighMaps) - 调整大小的函数

Question

我的问题很简单(我认为)

我有一个类为“容器”的 DIV，我用它作为我的 map 。这个很棒的插件 (Highcharts) 是响应式的，但它只会在窗口调整大小时调整大小。

我需要'强制'调整大小而不改变我的窗口。更好地解释，当我点击一个状态时，我会在它的一侧显示另一个 DIV，所以，为了我显示它，我需要调整我的“容器”的大小，但 map 只计算调整窗口大小的 DIV 的大小，因为我说。我只需要在我的函数中调整 map 大小即可显示另一个 DIV。

这是我的代码:

HTML:

<div class="container"></div>
<div class="info-maps"></div>

CSS:

.container{
    width: 100%;
    float: left;
}
.info-maps{
    width: 50%;
    display: none;
    float: left;
}
.info-maps-show{
    display: block !important;
}
.container-resize{
    width: 50% !important;
}

Javascript(jQuery):

$(**State**).click(function(){
    $('.container').addClass('container-resize');
    $('.info-maps').addClass('info-maps-show');

    //Here I need to do the map resize :)
}

Answer 1

您可以将强制重绘作为 Highcharts 回调的一部分。这里有一个很好的解释:Append onload or redraw event functions dynamically in Highcharts