2016-08-22 7 views
0

ハイチャートチャートが自動的にサイズ変更されない問題があります。Hightchartsグラフのサイズがスペースを埋めるために変更されない

非アクティブなタブの下にあるため、ページの読み込み時に非表示(display: none)になっていますが、対応するタブを開いたときにグラフが利用可能な領域の半分を占めるだけです。

私は問題を再現するためにバイオリンを作成している私は手動でウィンドウのサイズを変更すると、それは自動的にリサイズしますが、私はjQueryのスクリプトから$(window)resizeイベントをトリガしたときに何も起こらない...

HERE

(フィドルでは、グラフは判読可能なままですが、利用可能なスペース全体を埋めるわけではありません)

誰かが私を助けてくれますか?前もって感謝します!

答えて

1

HTML/CSSを幅が&分に変更すると、この問題が解決されます。

<div id="chart10_18" style="display: none; width: 100%; min-width: 100%;" class="graph"></div> 

Your fiddle is updated here

関連する問題