2016-07-12 3 views
0

私の質問は簡単ですサイズを変更する(と思う)HighCharts(HighMaps) - 機能

私は私の地図であることを使用していたクラス「コンテナ」とDIVを持っています。この素晴らしいプラグイン(Highcharts)は反応がありますが、ウィンドウのサイズが変更されるとサイズが変更されます。

私は「強制的に」それは私のウィンドウを変更せずにサイズを変更する必要がありました。もっとよく説明すると、私が州をクリックすると別の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 :) 
} 

答えて

0

あなたがの一部として強制的に再描画することができますハイチャートのコールバック。ここで大きな説明:Append onload or redraw event functions dynamically in Highcharts

+0

ああ、ありがとう男!それは私を助けます。 誰かが解決策を必要としている場合は、 '$( '#container')となります。高さ()、 false ); これは、**上に置いてあります//ここで私はマップのサイズ変更を行う必要があります:)** –

+0

恐ろしい!うれしいことはあなたのために働いた。 –