Highcharts 图表未调整大小以填充 space

Hightcharts chart not resizing to fill space

我遇到了 highcharts 图表无法自动调整大小的问题。

在页面加载时被隐藏 (display: none),因为它位于非活动选项卡下,当我打开相应的选项卡时,图表仅填充了一半可用 space。

当我手动调整 window 大小时它会自动调整大小,但是当我从 jQuery 脚本触发 $(window) 上的 resize 事件时没有任何反应...

我创建了一个 fiddle 来重现该问题:HERE

(在 fiddle 上,图表仍然可读,但没有填满整个可用的 space)

有人可以帮我解决这个问题吗?提前致谢!

将您的 HTML/CSS 更改为具有宽度和最小宽度将解决此问题。

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

Your fiddle is updated here