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>
我遇到了 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>