我的问题很简单(我认为)
我有一个类为“容器”的 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 :)
}
最佳答案
您可以将强制重绘作为 Highcharts 回调的一部分。这里有一个很好的解释:Append onload or redraw event functions dynamically in Highcharts
关于javascript - HighCharts (HighMaps) - 调整大小的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38333112/