HighCharts (HighMaps) -函数调整大小

Question

我的问题很简单(我想)

我有一个带有类“容器”的DIV，我用它作为我的Map。这个令人敬畏的插件(高级图表)可以响应，但它只在窗口调整大小时才调整大小。

我需要“强迫”它调整大小而不改变我的窗户。更好地解释，当我在一个州中单击时，我会在它的一侧显示另一个DIV，所以，对我来说，我需要调整我的“容器”的大小，但是正如我所说的，地图只计算调整大小窗口上的DIV的大小。我只需要在我的函数中调整地图大小就可以显示另一个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

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