Hightcharts图表没有调整大小来填补空间

时间:2016-08-22 14:27:08

标签: javascript jquery css highcharts jquery-events

我有一个关于高价图表无法自动调整大小的问题。

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

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

我创造了一个重​​现问题的小提琴:HERE

(在小提琴上,图表仍然可读,但不能填满整个可用空间)

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

1 个答案:

答案 0 :(得分:1)

将HTML / CSS更改为宽度和宽度min-width将解决此问题。

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

Your fiddle is updated here